WordPress.org

Make WordPress Core

Changeset 48342


Ignore:
Timestamp:
07/06/2020 06:58:52 PM (10 months 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:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r48332 r48342  
    3030span.wp-media-buttons-icon:before {
    3131    color: currentColor;
    32 }
    33 
    34 .wp-core-ui .button-link {
    35     color: $link;
    36 
    37     &:hover,
    38     &:active,
    39     &:focus {
    40         color: $link-focus;
    41     }
    4232}
    4333
     
    133123    }
    134124
     125    @if ( $low-contrast-theme != "true" ) {
     126        .button,
     127        .button-secondary {
     128            color: $highlight-color;
     129            border-color: $highlight-color;
     130        }
     131
     132        .button.hover,
     133        .button:hover,
     134        .button-secondary:hover{
     135            border-color: darken($highlight-color, 10);
     136            color: darken($highlight-color, 10);
     137        }
     138
     139        .button.focus,
     140        .button:focus,
     141        .button-secondary:focus {
     142            border-color: lighten($highlight-color, 10);
     143            color: darken($highlight-color, 20);;
     144            box-shadow: 0 0 0 1px lighten($highlight-color, 10);
     145        }
     146
     147        .button-primary {
     148            &:hover {
     149                color: #fff;
     150            }
     151        }
     152    }
     153
    135154    .button-primary {
    136155        @include button( $button-color );
     
    172191
    173192/* List tables */
    174 
    175 .wrap .add-new-h2:hover, /* deprecated */
    176 .wrap .page-title-action:hover {
    177     color: $menu-text;
    178     background-color: $menu-background;
     193@if $low-contrast-theme == "true" {
     194    .wrap .page-title-action:hover {
     195        color: $menu-text;
     196        background-color: $menu-background;
     197    }
     198} @else {
     199    .wrap .page-title-action,
     200    .wrap .page-title-action:active {
     201        border: 1px solid $highlight-color;
     202        color: $highlight-color;
     203    }
     204
     205    .wrap .page-title-action:hover {
     206        color: darken($highlight-color, 10);
     207        border-color: darken($highlight-color, 10);
     208    }
     209
     210    .wrap .page-title-action:focus {
     211        border-color: lighten($highlight-color, 10);
     212        color: darken($highlight-color, 20);;
     213        box-shadow: 0 0 0 1px lighten($highlight-color, 10);
     214    }
    179215}
    180216
  • trunk/src/wp-admin/css/colors/_variables.scss

    r46815 r48342  
    6262
    6363$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
     64
     65$low-contrast-theme: "false" !default;
  • trunk/src/wp-admin/css/colors/coffee/colors.scss

    r31471 r48342  
    22$highlight-color: #c7a589;
    33$notification-color: #9ea476;
     4$low-contrast-theme: "true";
    45
    56$form-checked: $base-color;
  • trunk/src/wp-admin/css/colors/ocean/colors.scss

    r31471 r48342  
    33$highlight-color: #9ebaa0;
    44$notification-color: #aa9d88;
     5$low-contrast-theme: "true";
    56
    67$form-checked: $base-color;
Note: See TracChangeset for help on using the changeset viewer.