style update

src/assets/styles/mixin.less

@@ -488,24 +488,6 @@
         }
     }
 }
-.dialogTable2 {
-    .ant-table {
-        .ant-table-thead {
-            tr {
-                th {
-                    background: @m-black13;
-                }
-            }
-        }
-        .ant-table-tbody {
-            tr {
-                td {
-                     background: @m-black13;
-                }
-            }
-        }
-    }
-}
 .ant-empty-normal {
     color: @m-grey17;
 }
@@ -2145,8 +2127,8 @@ input:-internal-autofill-selected {
             .ant-table-thead {
                 tr {
                     th {
-                        background: #10251D;
-                        color: #556772;
+                        background: @m-green1;
+                        color: @m-grey17;
                     }
                 }
             }
@@ -2157,7 +2139,7 @@ input:-internal-autofill-selected {
             .ant-table-thead {
                 tr {
                     th {
-                        background: #271112;
+                        background: @m-red2;
                     }
                 }
             }

src/assets/styles/theme.css

@@ -59,10 +59,11 @@
     --m-grey53: #2C3842;
     --m-grey54: #2C3842;
     --m-grey55: #435564;
-    /* zz */
+    
     --m-grey56: #516476;
     --m-grey57: #869CA9;
     --m-grey58: #3a454f;
+    --m-grey59: #2C3842;
     /* --m-green1: #e8ffef; */
 
     --m-black0: #242a2e;
@@ -154,7 +155,7 @@
     --m-blue31-hover: rgba(38, 72, 124, .8);
     --m-blue32: #29538c;
     --m-blue32-hover: rgba(41, 83, 140, .8);
-    /* zz */
+    
     --m-blue33: #3a87f7;
 
     --body-bg: #e9eef3;
@@ -181,7 +182,7 @@
     --m-yellow4: #3a2215;
     --m-yellow5: #fc9618;
     --m-yellow6: #FC9618;
-    /* zz */
+    
     --m-yellow7: #F39730;
     
     --m-nodata: url("../images/nodata.png");
@@ -256,10 +257,11 @@
     --m-grey53: #2C3842;
     --m-grey54: #2C3842;
     --m-grey55: #435564;
-    /* zz */
+    
     --m-grey56: #516476;
     --m-grey57: #869CA9;
     --m-grey58: #3a454f;
+    --m-grey59: #2C3842;
     /* --m-green1: #e8ffef; */
 
     --m-black0: #242a2e;
@@ -350,7 +352,7 @@
     --m-blue31-hover: rgba(38, 72, 124, .8);
     --m-blue32: #29538c;
     --m-blue32-hover: rgba(41, 83, 140, .8);
-    /* zz */
+    
     --m-blue33: #3a87f7;
 
     --body-bg: #e9eef3;
@@ -377,7 +379,7 @@
     --m-yellow4: #3a2215;
     --m-yellow5: #fc9618;
     --m-yellow6: #FC9618;
-    /* zz */
+    
     --m-yellow7: #F39730;
     --m-nodata: url("../images/nodata.png");
 
@@ -450,10 +452,11 @@
     --m-grey53: #F6F8FA;
     --m-grey54: #B9D2E0;
     --m-grey55: #ACBBC5;
-    /* zz */
+    
     --m-grey56: #5179E2;
     --m-grey57: #7A8A94;
     --m-grey58: #dbe7ef;
+    --m-grey59: #090a0a;
 
     --m-black0: #F8FBFF;
     --m-black1: #ECF2F5;
@@ -543,7 +546,7 @@
     --m-blue31-hover: rgba(81, 121, 226, .8);
     --m-blue32: #5179E2;
     --m-blue32-hover: rgba(81, 121, 226, .8);
-     /* zz */
+     
      --m-blue33: #ffffff;
 
     --body-bg: #FFFFFF;
@@ -570,7 +573,7 @@
     --m-yellow4: #FFE8DB;
     --m-yellow5: #FFC277;
     --m-yellow6: #FC9618;
-    /* zz */
+    
     --m-yellow7: #FFFFFF;
 
     --m-nodata: url("../images/nodata_white.png");

src/assets/styles/variables.less

@@ -68,10 +68,11 @@
 @m-grey53: var(--m-grey53);
 @m-grey54: var(--m-grey54);
 @m-grey55: var(--m-grey55);
-/* zz */
+
 @m-grey56: var(--m-grey56);
 @m-grey57: var(--m-grey57);
 @m-grey58: var(--m-grey58);
+@m-grey59: var(--m-grey59);
 
 @m-black: #000000;
 @m-black0: var(--m-black0);

src/views/setting/friends/index.vue

@@ -182,6 +182,14 @@ export default defineComponent({
             }
         }
     }
+    .searchFriendInput {
+        border: 1px solid @m-grey59;
+        .ant-input-wrapper .searchFriendInput {
+            border: none;
+            height: 28px;
+            box-shadow: none !important;
+        }
+    }
 }
 </style
 >;