Fix admin support colors

customize.dist/src/less2/include/colortheme-dark.less

@@ -268,8 +268,8 @@
 // Support
 @cp_support-bg: @cryptpad_color_grey_800;
 @cp_support-msg-fg: @cryptpad_text_col;
-@cp_support-msg-bg: @cryptpad_color_grey_900;
+@cp_support-msg-bg: @cryptpad_color_grey_700;
-@cp_support-header-bg: @cryptpad_color_grey_800;
+@cp_support-header-bg: @cryptpad_color_grey_700;
 
 // Toolbar
 @cp_toolbar-bg: @cryptpad_color_grey_850;
@@ -318,13 +318,11 @@
 @cp_accounts-tab-hover: @cryptpad_color_grey_700;
 @cp_accounts-tab-border: @cryptpad_color_grey_600;
 
-// Admin
+// Admin Support
-@cp_admin-isadmin-fg: @cryptpad_color_brand;
+@cp_admin-isadmin-bg: @cryptpad_color_brand_fadest;
-@cp_admin-isadmin-bg: @cryptpad_color_white;
-@cp_admin-premium-fg: @cryptpad_color_light_red;
 @cp_admin-premium-bg: @cryptpad_color_red_fader;
-@cp_admin-last-fg: @cryptpad_color_light_red;
+@cp_admin-last-fg: @cryptpad_text_col;
-@cp_admin-last-bg: @cryptpad_color_red_fader;
+@cp_admin-last-bg: @cryptpad_color_grey_700;
 
 // Code
 @cp_preview-bg: @cryptpad_color_grey_900;

customize.dist/src/less2/include/colortheme.less

@@ -266,7 +266,7 @@
 @cp_snapshots-hover: @cryptpad_color_grey_300;
 
 // Support
-@cp_support-bg: @cryptpad_color_grey_100;
+@cp_support-bg: @cryptpad_color_grey_200;
 @cp_support-msg-fg: @cryptpad_text_col;
 @cp_support-msg-bg: @cryptpad_color_grey_300;
 @cp_support-header-bg: @cryptpad_color_grey_300;
@@ -319,12 +319,10 @@
 @cp_accounts-tab-border: @cryptpad_color_grey_500;
 
 // Admin
-@cp_admin-isadmin-fg: @cryptpad_color_brand;
+@cp_admin-isadmin-bg: @cryptpad_color_brand_fadest;
-@cp_admin-isadmin-bg: @cryptpad_color_white;
+@cp_admin-premium-bg: @cryptpad_color_red_fader;
-@cp_admin-premium-fg: @cryptpad_color_warn_red;
+@cp_admin-last-fg: @cryptpad_text_col;
-@cp_admin-premium-bg: lighten(@cryptpad_color_warn_red, 25%);
+@cp_admin-last-bg: @cryptpad_color_grey_300;
-@cp_admin-last-fg: @cryptpad_color_warn_red;
-@cp_admin-last-bg: lighten(@cryptpad_color_orange, 25%);
 
 // Code
 @cp_preview-bg: @cryptpad_color_white;
@@ -333,7 +331,7 @@
 
 // Debug
 @cp_debug-hover: fade(@cryptpad_color_black, 10%);
-@cp_debug-icon-hover: @cryptpad_color_grey_500;
+@cp_debug-icon-hover: @cryptpad_color_grey_300;
 
 // Mediatag
 @cp_mediatag-text-bg: @cryptpad_color_white;

www/admin/app-admin.less

@@ -104,7 +104,6 @@
             color: fade(@cryptpad_text_col, 80%);
             .cp-support-ispremium {
                 padding: 0 5px;
-                color: @cp_admin-premium-fg;
                 background-color: @cp_admin-premium-bg;
             }
         }
@@ -118,19 +117,19 @@
             }
         }
         .cp-support-list-message {
+            .cp-support-showdata {
+                background-color: lighten(@cp_admin-last-bg, 5%);
+            }
             &:last-child:not(.cp-support-fromadmin)  {
                 color: @cp_admin-last-fg;
                 background-color: @cp_admin-last-bg;
-                .cp-support-showdata {
-                    background-color: lighten(@cp_admin-last-bg, 5%);
-                }
             }
 
             &:last-child {
                 &.cp-support-frompremium {
                     background-color: @cp_admin-premium-bg;
                     .cp-support-showdata {
-                        background-color: lighten(@cp_admin-premium-bg, 30%);
+                        background-color: fade(@cp_admin-premium-bg, 10%);
                     }
                 }
             }
@@ -160,10 +159,10 @@
     }
 
     .cp-support-fromadmin {
-        color: @cp_admin-isadmin-fg;
+        background-color: @cp_admin-isadmin-bg !important;
-        background-color: @cp_admin-isadmin-bg;
+        .cp-support-message-from, .cp-support-showdata {
-        .cp-support-message-content {
+            color: @cryptpad_text_col;
-            color: @cp_admin-isadmin-fg;
+            background-color: fade(@cp_admin-isadmin-bg, 10%) !important;
         }
     }