[SSE mobile]

apps/common/mobile/resources/less/common-ios.less

@@ -393,10 +393,14 @@
 
     // input[type="number"]
 
-    input[type="number"]::placeholder { color: @darkGreen;}
-    input[type="number"]::-webkit-input-placeholder {color: @darkGreen;}
-    input[type="number"]::-moz-placeholder {color: @darkGreen;}
-    input[type="number"]:-moz-placeholder {color: @darkGreen;}
-    input[type="number"]:-ms-input-placeholder {color: @darkGreen;}
-
+    input[type="number"] {
+        &::placeholder,
+            &::-webkit-input-placeholder,
+            &::-moz-placeholder,
+            &:-moz-placeholder,
+            &:-ms-input-placeholder
+        {
+            color: @darkGreen;
+        }
+    }
 }

apps/common/mobile/resources/less/common.less

@@ -4,7 +4,6 @@
 @gray: #c4c4c4;
 @green: #4cd964;
 @red: #f00;
-@background-normal: @white;
 @autoColor: @black;
 
 .popup, .popover, .sheet-modal {
@@ -302,7 +301,7 @@
     }
     &.active {
         .color-auto {
-            box-shadow: 0 0 0 1px @background-normal, 0 0 0 4px @themeColor;
+            box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
             border-radius: 1px;
         }
     }
@@ -323,7 +322,7 @@
                 position: absolute;
                 width: 100%;
                 height: 100%;
-                box-shadow: 0 0 0 1px @background-normal, 0 0 0 4px @themeColor;
+                box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
                 z-index: 1;
                 border-radius: 1px;
             }
@@ -348,7 +347,7 @@
 
     .dynamic-colors {
         .empty-color {
-            background-color: @background-normal;
+            background-color: @white;
         }
     }
 }

apps/common/mobile/resources/less/variables.less

@@ -1,3 +1,9 @@
 
+.md {
+    --background-normal: #f1f1f1;
+}
+
+@background-normal: var(--background-normal, #fff);
+
 @border-regular-control: #cbcbcb;
 @text-normal: #000;