Changeset 48342

Timestamp:

07/06/2020 06:58:52 PM (4 years ago)

Author:

youknowriad

Message:

Administration: Adapts the secondary buttons colors to the admin schemes.

The admin schemes that don't meet the contrast guidelines are excluded from this change.

Props mapk, michaelarestad, mcsf, ocean90.
Closes #50537.

Location:

trunk/src/wp-admin/css/colors

Files:

• _admin.scss (modified) (3 diffs)
• _variables.scss (modified) (1 diff)
• coffee/colors.scss (modified) (1 diff)
• ocean/colors.scss (modified) (1 diff)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -30 +30 @@
 span.wp-media-buttons-icon:before {
     color: currentColor;
-}
-
-.wp-core-ui .button-link {
-    color: $link;
-
-    &:hover,
-    &:active,
-    &:focus {
-        color: $link-focus;
-    }
 }
 
@@ -133 +123 @@
     }
 
+    @if ( $low-contrast-theme != "true" ) {
+        .button,
+        .button-secondary {
+            color: $highlight-color;
+            border-color: $highlight-color;
+        }
+
+        .button.hover,
+        .button:hover,
+        .button-secondary:hover{
+            border-color: darken($highlight-color, 10);
+            color: darken($highlight-color, 10);
+        }
+
+        .button.focus,
+        .button:focus,
+        .button-secondary:focus {
+            border-color: lighten($highlight-color, 10);
+            color: darken($highlight-color, 20);;
+            box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+        }
+
+        .button-primary {
+            &:hover {
+                color: #fff;
+            }
+        }
+    }
+
     .button-primary {
         @include button( $button-color );
@@ -172 +191 @@
 
 /* List tables */
-
-.wrap .add-new-h2:hover, /* deprecated */
-.wrap .page-title-action:hover {
-    color: $menu-text;
-    background-color: $menu-background;
+@if $low-contrast-theme == "true" {
+    .wrap .page-title-action:hover {
+        color: $menu-text;
+        background-color: $menu-background;
+    }
+} @else {
+    .wrap .page-title-action,
+    .wrap .page-title-action:active {
+        border: 1px solid $highlight-color;
+        color: $highlight-color;
+    }
+
+    .wrap .page-title-action:hover {
+        color: darken($highlight-color, 10);
+        border-color: darken($highlight-color, 10);
+    }
+
+    .wrap .page-title-action:focus {
+        border-color: lighten($highlight-color, 10);
+        color: darken($highlight-color, 20);;
+        box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+    }
 }
 

trunk/src/wp-admin/css/colors/_variables.scss

@@ -62 +62 @@
 
 $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
+
+$low-contrast-theme: "false" !default;

trunk/src/wp-admin/css/colors/coffee/colors.scss

@@ -2 +2 @@
 $highlight-color: #c7a589;
 $notification-color: #9ea476;
+$low-contrast-theme: "true";
 
 $form-checked: $base-color;

trunk/src/wp-admin/css/colors/ocean/colors.scss

@@ -3 +3 @@
 $highlight-color: #9ebaa0;
 $notification-color: #aa9d88;
+$low-contrast-theme: "true";
 
 $form-checked: $base-color;