WordPress.org

Make WordPress Core

Changeset 36396


Ignore:
Timestamp:
01/26/2016 12:03:34 AM (4 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.