[common] 'no-color' icon draw via css

apps/common/main/resources/less/asc-mixins.less

@@ -200,7 +200,7 @@
 
 @common-controls-width: 100px;
 .img-commonctrl, 
-        .theme-colorpalette .color-transparent, .palette-color-ext .color-transparent, .dropdown-menu li .checked:before, .input-error:before,
+        .dropdown-menu li .checked:before, .input-error:before,
         .btn-toolbar .icon.img-commonctrl, .list-item div.checked:before
 {
     background-image: if(@icon-src-base64, data-uri(%("%s",'@{common-image-path}/@{common-controls}')), ~"url(@{common-image-const-path}/@{common-controls})");
@@ -254,8 +254,7 @@
 }
 
 @img-colorpicker-width: 205px;
-.img-colorpicker,
-    .color-transparent, .hsb-colorpicker .empty-color:before
+.img-colorpicker, .hsb-colorpicker .empty-color:before
 {
     background-image: if(@icon-src-base64, data-uri(%("%s",'@{common-image-path}/hsbcolorpicker/hsb-colorpicker.png')), ~"url(@{common-image-const-path}/hsbcolorpicker/hsb-colorpicker.png)");
     background-repeat: no-repeat;

apps/common/main/resources/less/buttons.less

@@ -565,7 +565,10 @@
     }
 
     .color-transparent {
-        background-position: -37px -196px;
+        &:before {
+            height: 40px;
+            transform: translate(0, -12px) rotate(69deg);
+        }
     }
 }
 

apps/common/main/resources/less/colorpalette.less

@@ -12,6 +12,16 @@
     }
 }
 
+.color-transparent {
+    &:before {
+        content: '';
+        position: absolute;
+        border-right: 2px solid red;
+        height: 14px;
+        transform: translate(5px,-1px) rotate(45deg);
+    }
+}
+
 .palette-color-ext {
     padding: 10px;
     .palette-color-item {
@@ -46,8 +56,6 @@
     }
 
     .color-transparent {
-        background-position: @nocolor-offset-x @nocolor-offset-y;
-
         em span {
             border:solid 1px #C0C0C0;
         }

apps/common/main/resources/less/extended-color-picker.less

@@ -53,7 +53,10 @@
         }
 
         .color-transparent {
-            background-position: -76px -196px;
+            &:before {
+                height: 64px;
+                transform: translate(29px, -22px) rotate(73deg);
+            }
         }
     }
 

apps/common/main/resources/less/theme-colorpalette.less

@@ -41,8 +41,6 @@
     }
 
     .color-transparent {
-        background-position: @nocolor-offset-x @nocolor-offset-y;
-
         em span {
             border:solid 1px #C0C0C0;
         }