Changeset 48342

Timestamp:

07/06/2020 06:58:52 PM (6 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;