WordPress.org
Get WordPress

Make WordPress Core

Changeset 36396


Ignore:
Timestamp:
01/26/2016 12:03:34 AM (11 years ago)
Author:
afercia
Message:

Accessibility: Improve the color contrast ratio replacing the residual occurrences of the #777 gray.

Uses the existing #72777c on white backgrounds and the new #555d66 "dark medium gray" on darker backgrounds.

Fixes #35605.

Location:
trunk/src
Files:
14 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/about.css

    r35862 r36396  
    129129        margin: 1em 200px 1em 0;
    130130        min-height: 60px;
    131         color: #777;
     131        color: #555d66;
    132132}
    133133

  • trunk/src/wp-admin/css/common.css

    r36295 r36396  
    586586        margin: 0;
    587587        padding-left: 25px;
    588         color: #777;
     588        color: #555d66;
    589589        font-size: 14px;
    590590        font-weight: normal;
    … …  
    992992        -webkit-border-radius: 30px;
    993993        border-radius: 30px;
    994         background: #777;
     994        background: #72777c;
    995995        color: #fff;
    996996        font-size: 14px;
    … …  
    10831083        width: 16px;
    10841084        height: 16px;
    1085         color: #777;
     1085        color: #72777c;
    10861086        -webkit-transition: color .1s ease-in 0;
    10871087        transition: color .1s ease-in 0;
    … …  
    11461146        border-radius: 2px;
    11471147        border: none;
    1148         background: #777;
     1148        background: #72777c;
    11491149        color: #fff;
    11501150}
    … …  
    15571557        -webkit-border-radius: 0;
    15581558        border-radius: 0;
    1559         color: #777;
     1559        color: #72777c;
    15601560        line-height: 1.7;
    15611561        padding: 3px 6px 3px 16px;
    … …  
    20072007        right: 0;
    20082008        padding: 10px 20px;
    2009         color: #777;
     2009        color: #555d66;
    20102010}
    20112011
    … …  
    31033103.sidebar-name:hover .sidebar-name-arrow,
    31043104.accordion-section-title:hover:after {
    3105         color: #777;
     3105        color: #555d66;
    31063106}
    31073107

  • trunk/src/wp-admin/css/customize-nav-menus.css

    r36291 r36396  
    470470
    471471#available-menu-items .accordion-section-title:hover .toggle-indicator:after {
    472         color: #777;
     472        color: #555d66;
    473473}
    474474
    … …  
    508508#available-menu-items .cannot-expand .accordion-section-title .no-items {
    509509        float: right;
    510         color: #777;
     510        color: #555d66;
    511511        font-weight: normal;
    512512        margin-left: 5px;

  • trunk/src/wp-admin/css/customize-widgets.css

    r36342 r36396  
    235235#available-widgets .widget .widget-description {
    236236        padding: 0;
    237         color: #777;
     237        color: #72777c;
    238238}
    239239

  • trunk/src/wp-admin/css/dashboard.css

    r36295 r36396  
    129129
    130130.welcome-panel p {
    131         color: #777;
     131        color: #72777c;
    132132}
    133133
    … …  
    327327
    328328.rssSummary {
    329         color: #777;
     329        color: #72777c;
    330330        margin-top: 4px;
    331331}
    … …  
    348348#dashboard_primary .rss-widget span,
    349349#dashboard_primary .rss-widget span.rss-date {
    350         color: #777;
     350        color: #72777c;
    351351}
    352352
    … …  
    407407
    408408#dashboard_right_now .sub {
    409         color: #777;
     409        color: #555d66;
    410410        background: #f5f5f5;
    411411        border-top: 1px solid #eee;
    … …  
    485485#title-wrap #title-prompt-text,
    486486.textarea-wrap #content-prompt-text {
    487         color: #777;
     487        color: #72777c;
    488488}
    489489
    … …  
    546546}
    547547#dashboard_quick_press .drafts li time {
    548         color: #777;
     548        color: #72777c;
    549549}
    550550
    … …  
    654654        margin-right: 5px;
    655655        min-width: 150px;
    656         color: #777;
     656        color: #72777c;
    657657}
    658658
    … …  
    992992        }
    993993
    994         #dashboard-widgets #postbox-container-3 .empty-container:after, 
    995         #dashboard-widgets #postbox-container-4 .empty-container:after { 
    996                 display: none; 
     994        #dashboard-widgets #postbox-container-3 .empty-container:after,
     995        #dashboard-widgets #postbox-container-4 .empty-container:after {
     996                display: none;
    997997        }
    998998

  • trunk/src/wp-admin/css/edit.css

    r36000 r36396  
    6969
    7070#titlediv #title-prompt-text {
    71         color: #777;
     71        color: #72777c;
    7272        position: absolute;
    7373        font-size: 1.7em;

  • trunk/src/wp-admin/css/forms.css

    r36263 r36396  
    431431}
    432432
    433 #upload-form label {
    434         color: #777;
    435 }
    436 
    437433button.wp-hide-pw > .dashicons {
    438434        position: relative;
    … …  
    864860
    865861.pressthis-bookmarklet span:before {
    866         color: #777;
     862        color: #72777c;
    867863        font: normal 20px/1 dashicons;
    868864        content: "\f157";
    … …  
    880876}
    881877
    882 .pressthis-js-toggle .dashicons {
    883         margin: 5px 8px 6px 7px;
    884         color: #777;
    885 }
    886 
    887878/* to override the button class being applied */
    888879.pressthis-js-toggle.button.button {
    … …  
    895886.pressthis-js-toggle .dashicons {
    896887        margin: 5px 8px 6px 7px;
    897         color: #777;
     888        color: #555d66;
    898889}
    899890

  • trunk/src/wp-admin/css/list-tables.css

    r35785 r36396  
    143143#submitted-on,
    144144.submitted-on {
    145         color: #777;
     145        color: #555d66;
    146146}
    147147

  • trunk/src/wp-admin/css/nav-menus.css

    r36379 r36396  
    675675        padding: 3px 5px 5px;
    676676        border: 1px solid #dfdfdf;
    677         color: #777;
     677        color: #72777c;
    678678        font-size: 12px;
    679679        font-style: italic;

  • trunk/src/wp-admin/css/revisions.css

    r34976 r36396  
    142142
    143143.revisions-controls .author-card .date {
    144         color: #777;
     144        color: #72777c;
    145145}
    146146

  • trunk/src/wp-admin/css/themes.css

    r36270 r36396  
    438438.theme-overlay .theme-header .close:before {
    439439        font: normal 22px/50px dashicons !important;
    440         color: #777;
     440        color: #72777c;
    441441        display: inline-block;
    442442        content: "\f335";
    … …  
    448448.theme-overlay .theme-header .left {
    449449        cursor: pointer;
    450         color: #777;
     450        color: #72777c;
    451451        background-color: transparent;
    452452        height: 48px;
    … …  
    16081608.theme-details .theme-description {
    16091609        float: left;
    1610         color: #777;
     1610        color: #72777c;
    16111611        line-height: 20px;
    16121612        max-width: 100%;

  • trunk/src/wp-admin/css/widgets.css

    r36291 r36396  
    115115        margin: 0;
    116116        font-style: normal;
    117         color: #777;
     117        color: #72777c;
     118}
     119
     120.widget-holder .description,
     121.inactive-sidebar .description {
     122        color: #555d66;
    118123}
    119124
    … …  
    283288/* Dragging a widget over a closed sidebar */
    284289#widgets-right .widgets-holder-wrap.widget-hover {
    285         border-color: #777;
     290        border-color: #72777c;
    286291        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    287292        box-shadow: 0 1px 2px rgba(0,0,0,0.3);

  • trunk/src/wp-includes/css/media-views.css

    r36223 r36396  
    11331133.uploader-inline .close:before {
    11341134        font: normal 30px/50px dashicons !important;
    1135         color: #777;
     1135        color: #72777c;
    11361136        display: inline-block;
    11371137        content: "\f335";

  • trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

    r34317 r36396  
    177177.mce-content-body img.wp-media:hover {
    178178        background-color: #ededed;
    179         border-color: #777;
     179        border-color: #72777c;
    180180}
    181181
    182182.mce-content-body img.wp-media.wp-media-selected {
    183183        background-color: #d8d8d8;
    184         border-color: #777;
     184        border-color: #72777c;
    185185}
    186186
    … …  
    191191/* Image resize handles */
    192192.mce-content-body div.mce-resizehandle {
    193         border-color: #777;
     193        border-color: #72777c;
    194194        width: 7px;
    195195        height: 7px;
    … …  
    197197
    198198.mce-content-body img[data-mce-selected] {
    199         outline: 1px solid #777;
     199        outline: 1px solid #72777c;
    200200}
    201201
    … …  
    307307.ie7 .wpview-wrap[data-mce-selected] {
    308308        background-color: #e5e5e5;
    309         border-color: #777;
     309        border-color: #72777c;
    310310}
    311311
Note: See TracChangeset for help on using the changeset viewer.