WordPress.org

Make WordPress Core

Changeset 50025


Ignore:
Timestamp:
01/26/2021 06:53:55 PM (3 months ago)
Author:
ryelle
Message:

Administration: Standardize colors used in CSS to a single palette.

This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.

Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw

Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.

Location:
trunk/src
Files:
31 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/admin-menu.css

    r49991 r50025  
    44#adminmenu .wp-submenu {
    55    width: 160px;
    6     background-color: #23282d;
     6    background-color: #1d2327;
    77}
    88
     
    4848
    4949.icon16:before {
    50     color: #82878c; /* same as new icons */
     50    color: #8c8f94; /* same as new icons */
    5151    font: normal 20px/1 dashicons;
    5252    speak: never;
     
    170170    line-height: 1.3;
    171171    padding: 2px 5px;
    172     color: #eee;
     172    color: #f0f0f1;
    173173}
    174174
    175175#adminmenu .wp-submenu a {
    176     color: #b4b9be;
    177     color: rgba(240, 245, 250, 0.7);
     176    color: #c3c4c7;
     177    color: rgba(240, 246, 252, 0.7);
    178178    font-size: 13px;
    179179    line-height: 1.4;
     
    191191#adminmenu .wp-submenu a:hover,
    192192#adminmenu .wp-submenu a:focus {
    193     color: #00b9eb;
     193    color: #72aee6;
    194194}
    195195
     
    221221    padding: 7px 0 8px;
    222222    z-index: 9999;
    223     background-color: #32373c;
     223    background-color: #2c3338;
    224224    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    225225}
     
    246246    margin-top: 0;
    247247    box-shadow: none;
    248     background-color: #32373c;
     248    background-color: #2c3338;
    249249}
    250250
     
    254254#adminmenu li > a.menu-top:focus {
    255255    position: relative;
    256     background-color: #191e23;
    257     color: #00b9eb;
     256    background-color: #1d2327;
     257    color: #72aee6;
    258258}
    259259
     
    271271#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
    272272#adminmenu .wp-menu-arrow div {
    273     background: #0073aa;
     273    background: #2271b1;
    274274    color: #fff;
    275275}
     
    379379
    380380div.wp-menu-image:before {
    381     color: #a0a5aa;
    382     color: rgba(240, 245, 250, 0.6);
     381    color: #a7aaad;
     382    color: rgba(240, 246, 252, 0.6);
    383383    padding: 7px 0;
    384384    transition: all .1s ease-in-out;
     
    386386
    387387#adminmenu div.wp-menu-image:before {
    388     color: #a0a5aa;
    389     color: rgba(240, 245, 250, 0.6);
     388    color: #a7aaad;
     389    color: rgba(240, 246, 252, 0.6);
    390390}
    391391
     
    403403#adminmenu li a:focus div.wp-menu-image:before,
    404404#adminmenu li.opensub div.wp-menu-image:before {
    405     color: #00b9eb;
     405    color: #72aee6;
    406406}
    407407
     
    441441    position: absolute;
    442442    pointer-events: none;
    443     border-right-color: #f1f1f1;
     443    border-right-color: #f0f0f1;
    444444    top: 50%;
    445445    margin-top: -8px;
     
    477477
    478478#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    479     border-right-color: #32373c;
     479    border-right-color: #2c3338;
    480480}
    481481
     
    526526    height: 18px;
    527527    border-radius: 9px;
    528     background-color: #ca4a1f;
     528    background-color: #d63638;
    529529    color: #fff;
    530530    font-size: 11px;
     
    536536#adminmenu li.current a .awaiting-mod,
    537537#adminmenu li a.wp-has-current-submenu .update-plugins {
    538     background-color: #ca4a1f;
     538    background-color: #d63638;
    539539    color: #fff;
    540540}
     
    554554    overflow: visible;
    555555    background: none;
    556     color: #aaa;
     556    color: #a7aaad;
    557557    cursor: pointer;
    558558}
    559559
    560560#collapse-button:hover {
    561     color: #00b9eb;
     561    color: #72aee6;
    562562}
    563563
    564564#collapse-button:focus {
    565     color: #00b9eb;
     565    color: #72aee6;
    566566    /* Only visible in Windows High Contrast mode */
    567567    outline: 1px solid transparent;
     
    888888
    889889    .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
    890         background: #32373c;
     890        background: #2c3338;
    891891    }
    892892
     
    919919
    920920    .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
    921         color: #00b9eb;
     921        color: #72aee6;
    922922    }
    923923}
  • trunk/src/wp-admin/css/code-editor.css

    r46586 r50025  
    3535
    3636.wp-core-ui .CodeMirror-lint-message-warning {
    37     background-color: #fff8e5;
    38     border-left: 4px solid #ffb900;
     37    background-color: #fcf9e8;
     38    border-left: 4px solid #dba617;
    3939}
    4040
     
    4242.wp-core-ui .CodeMirror-lint-message-warning:before {
    4343    content: "\f534";
    44     color: #f6a306;
     44    color: #dba617;
    4545}
    4646
    4747.wp-core-ui .CodeMirror-lint-message-error {
    48     background-color: #fbeaea;
    49     border-left: 4px solid #dc3232;
     48    background-color: #fcf0f1;
     49    border-left: 4px solid #d63638;
    5050}
    5151
     
    5353.wp-core-ui .CodeMirror-lint-message-error:before {
    5454    content: "\f153";
    55     color: #dc3232;
     55    color: #d63638;
    5656}
    5757
     
    6464
    6565.wrap .CodeMirror .CodeMirror-matchingbracket {
    66     background: rgba(255, 150, 0, 0.3);
     66    background: rgba(219, 166, 23, 0.3);
    6767    color: inherit;
    6868}
     
    7373
    7474.wrap .CodeMirror .CodeMirror-linenumber {
    75     color: #666;
     75    color: #646970;
    7676}
  • trunk/src/wp-admin/css/color-picker.css

    r47433 r50025  
    1818
    1919.wp-color-result-text {
    20     background: #f7f7f7;
     20    background: #f6f7f7;
    2121    border-radius: 0 2px 2px 0;
    22     border-left: 1px solid #ccc;
    23     color: #555;
     22    border-left: 1px solid #c3c4c7;
     23    color: #50575e;
    2424    display: block;
    2525    line-height: 2.54545455; /* 28px */
     
    3030.wp-color-result:hover,
    3131.wp-color-result:focus {
    32     background: #fafafa;
    33     border-color: #999;
    34     color: #23282d;
     32    background: #f6f7f7;
     33    border-color: #8c8f94;
     34    color: #1d2327;
    3535}
    3636
    3737.wp-color-result:hover:after,
    3838.wp-color-result:focus:after {
    39     color: #23282d;
    40     border-color: #a0a5aa;
    41     border-left: 1px solid #999;
     39    color: #1d2327;
     40    border-color: #a7aaad;
     41    border-left: 1px solid #8c8f94;
    4242}
    4343
     
    4747
    4848.wp-color-result:focus {
    49     border-color: #5b9dd9;
    50     box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
     49    border-color: #4f94d4;
     50    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
    5151}
    5252
     
    8282
    8383.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
    84     background-color: #555
     84    background-color: #50575e
    8585}
    8686
    8787.wp-picker-container .iris-picker {
    8888    border-radius: 0;
    89     border-color: #ddd;
     89    border-color: #dcdcde;
    9090    margin-top: 6px;
    9191}
     
    103103
    104104.wp-color-picker::-webkit-input-placeholder {
    105     color: #72777c;
     105    color: #787c82;
    106106}
    107107
    108108.wp-color-picker::-moz-placeholder {
    109     color: #72777c;
     109    color: #787c82;
    110110    opacity: 1;
    111111}
    112112
    113113.wp-color-picker:-ms-input-placeholder {
    114     color: #72777c;
     114    color: #787c82;
    115115}
    116116
    117117.wp-picker-container input[type="text"].iris-error {
    118     background-color: #ffebe8;
    119     border-color: #c00;
     118    background-color: #fcf0f1;
     119    border-color: #d63638;
    120120    color: #000;
    121121}
     
    123123.iris-picker .ui-square-handle:focus,
    124124.iris-picker .iris-strip .ui-slider-handle:focus {
    125     border-color: #007cba;
     125    border-color: #3582c4;
    126126    border-style: solid;
    127     box-shadow: 0 0 0 1px #007cba;
     127    box-shadow: 0 0 0 1px #3582c4;
    128128    outline: 2px solid transparent;
    129129}
    130130
    131131.iris-picker .iris-palette:focus {
    132     box-shadow: 0 0 0 2px #007cba;
     132    box-shadow: 0 0 0 2px #3582c4;
    133133}
    134134
  • trunk/src/wp-admin/css/common.css

    r49991 r50025  
    153153    font-weight: 600;
    154154    padding: 15px 23px 14px;
    155     background: #f1f1f1;
    156     color: #0073aa;
     155    background: #f0f0f1;
     156    color: #2271b1;
    157157    z-index: 100000;
    158158    line-height: normal;
     
    191191.imgedit-group,
    192192.comment-ays {
    193     border: 1px solid #ccd0d4;
     193    border: 1px solid #c3c4c7;
    194194    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    195195}
     
    216216
    217217body {
    218     background: #f1f1f1;
    219     color: #444;
     218    background: #f0f0f1;
     219    color: #3c434a;
    220220    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    221221    font-size: 13px;
     
    253253/* Any change to the default link style must be applied to button-link too. */
    254254a {
    255     color: #0073aa;
     255    color: #2271b1;
    256256    transition-property: border, background, color;
    257257    transition-duration: .05s;
     
    266266a:hover,
    267267a:active {
    268     color: #006799;
     268    color: #135e96;
    269269}
    270270
     
    272272a:focus .media-icon img,
    273273.wp-person a:focus .gravatar {
    274     color: #124964;
     274    color: #043959;
    275275    box-shadow:
    276         0 0 0 1px #5b9dd9,
    277         0 0 2px 1px rgba(30, 140, 190, 0.8);
     276        0 0 0 1px #4f94d4,
     277        0 0 2px 1px rgba(79, 148, 212, 0.8);
    278278        /* Only visible in Windows High Contrast mode */
    279279        outline: 1px solid transparent;
     
    332332
    333333h1 {
    334     color: #23282d;
     334    color: #1d2327;
    335335    font-size: 2em;
    336336    margin: .67em 0;
     
    339339h2,
    340340h3 {
    341     color: #23282d;
     341    color: #1d2327;
    342342    font-size: 1.3em;
    343343    margin: 1em 0;
     
    420420    padding: 3px 5px 2px 5px;
    421421    margin: 0 1px;
    422     background: #eaeaea;
     422    background: #f0f0f1;
    423423    background: rgba(0, 0, 0, 0.07);
    424424    font-size: 13px;
     
    431431    font-size: 13px;
    432432    float: left;
    433     color: #666;
     433    color: #646970;
    434434}
    435435
     
    442442.subsubsub a .count,
    443443.subsubsub a.current .count {
    444     color: #555d66; /* #f1f1f1 background */
     444    color: #50575e; /* #f1f1f1 background */
    445445    font-weight: 400;
    446446}
     
    482482.widefat thead th,
    483483.widefat thead td {
    484     border-bottom: 1px solid #ccd0d4;
     484    border-bottom: 1px solid #c3c4c7;
    485485}
    486486
    487487.widefat tfoot th,
    488488.widefat tfoot td {
    489     border-top: 1px solid #ccd0d4;
     489    border-top: 1px solid #c3c4c7;
    490490    border-bottom: none;
    491491}
     
    600600    margin: 0;
    601601    padding-left: 25px;
    602     color: #555d66;
     602    color: #50575e;
    603603    font-size: 14px;
    604604    font-weight: 400;
     
    615615    top: -3px;
    616616    text-decoration: none;
    617     border: 1px solid #0071a1;
     617    border: 1px solid #2271b1;
    618618    border-radius: 2px;
    619619    text-shadow: none;
     
    621621    font-size: 13px;
    622622    line-height: normal; /* IE8-IE11 need this for buttons */
    623     color: #0071a1; /* use the standard color used for buttons */
    624     background: #f3f5f6;
     623    color: #2271b1; /* use the standard color used for buttons */
     624    background: #f6f7f7;
    625625    cursor: pointer;
    626626}
     
    632632.wrap .add-new-h2:hover, /* deprecated */
    633633.wrap .page-title-action:hover {
    634     background: #f1f1f1;
    635     border-color: #016087;
    636     color: #016087;
     634    background: #f0f0f1;
     635    border-color: #0a4b78;
     636    color: #0a4b78;
    637637}
    638638
    639639/* lower specificity: color needs to be overridden by :hover and :active */
    640640.page-title-action:focus {
    641     color: #016087;
     641    color: #0a4b78;
    642642}
    643643
     
    649649
    650650.wrap .page-title-action:focus {
    651     border-color: #007cba;
    652     box-shadow: 0 0 0 1px #007cba;
     651    border-color: #3582c4;
     652    box-shadow: 0 0 0 1px #3582c4;
    653653    /* Only visible in Windows High Contrast mode */
    654654    outline: 2px solid transparent;
     
    668668div#widgets-right .widget-top:hover,
    669669#widgets-left .widget-top:hover {
    670     border-color: #999;
     670    border-color: #8c8f94;
    671671    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    672672}
    673673
    674674.sorthelper {
    675     background-color: #ccf3fa;
     675    background-color: #c5d9ed;
    676676}
    677677
     
    684684ul.striped > :nth-child(odd),
    685685.alternate {
    686     background-color: #f9f9f9;
     686    background-color: #f6f7f7;
    687687}
    688688
    689689.bar {
    690     background-color: #e8e8e8;
    691     border-right-color: #99d;
     690    background-color: #f0f0f1;
     691    border-right-color: #4f94d4;
    692692}
    693693
     
    695695
    696696.highlight {
    697     background-color: #e4f2fd;
     697    background-color: #f0f6fc;
    698698    color: #000;
    699699}
     
    701701.wp-ui-primary {
    702702    color: #fff;
    703     background-color: #32373c;
     703    background-color: #2c3338;
    704704}
    705705.wp-ui-text-primary {
    706     color: #32373c;
     706    color: #2c3338;
    707707}
    708708
    709709.wp-ui-highlight {
    710710    color: #fff;
    711     background-color: #1e8cbe;
     711    background-color: #4f94d4;
    712712}
    713713.wp-ui-text-highlight {
    714     color: #1e8cbe;
     714    color: #4f94d4;
    715715}
    716716
    717717.wp-ui-notification {
    718718    color: #fff;
    719     background-color: #d54e21;
     719    background-color: #d63638;
    720720}
    721721.wp-ui-text-notification {
    722     color: #d54e21;
     722    color: #d63638;
    723723}
    724724
    725725.wp-ui-text-icon {
    726     color: #82878c; /* same as new icons */
     726    color: #8c8f94; /* same as new icons */
    727727}
    728728
     
    764764.widget .widget-top,
    765765.menu-item-handle {
    766     background: #fafafa;
    767     color: #23282d;
     766    background: #f6f7f7;
     767    color: #1d2327;
    768768}
    769769
    770770.stuffbox .hndle {
    771     border-bottom: 1px solid #ccd0d4;
     771    border-bottom: 1px solid #c3c4c7;
    772772}
    773773
    774774.quicktags {
    775     background-color: #ccc;
     775    background-color: #c3c4c7;
    776776    color: #000;
    777777    font-size: 12px;
     
    788788.notice-dismiss:before {
    789789    background: none;
    790     color: #72777c;
     790    color: #787c82;
    791791    content: "\f153";
    792792    display: block;
     
    811811    margin-left: 2px;
    812812    border-radius: 50%;
    813     color: #0073aa;
     813    color: #2271b1;
    814814    /* vertically center the icon cross browsers */
    815815    line-height: 1.28;
     
    826826#bulk-titles div a:hover:before,
    827827#bulk-titles div a:focus:before {
    828     color: #c00;
     828    color: #d63638;
    829829}
    830830
    831831.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
    832832    box-shadow:
    833         0 0 0 1px #5b9dd9,
    834         0 0 2px 1px rgba(30, 140, 190, 0.8);
     833        0 0 0 1px #4f94d4,
     834        0 0 2px 1px rgba(79, 148, 212, 0.8);
    835835}
    836836
     
    850850
    851851.howto {
    852     color: #666;
     852    color: #646970;
    853853    display: block;
    854854}
     
    865865hr {
    866866    border: 0;
    867     border-top: 1px solid #ddd;
    868     border-bottom: 1px solid #fafafa;
     867    border-top: 1px solid #dcdcde;
     868    border-bottom: 1px solid #f6f7f7;
    869869}
    870870
     
    880880#nav-menu-footer .menu-delete,
    881881#delete-link a.delete {
    882     color: #a00;
     882    color: #d63638;
    883883}
    884884
     
    897897#nav-menu-footer .menu-delete:hover,
    898898#delete-link a.delete:hover {
    899     color: #dc3232;
     899    color: #d63638;
    900900    border: none;
    901901}
     
    908908    padding: 10px;
    909909    clear: both;
    910     border-top: 1px solid #ddd;
    911     background: #f5f5f5;
     910    border-top: 1px solid #dcdcde;
     911    background: #f6f7f7;
    912912}
    913913
     
    998998    width: 100%;
    999999    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    1000     border: 1px solid #ccd0d4;
     1000    border: 1px solid #c3c4c7;
    10011001    background: #fff;
    1002     color: #555;
     1002    color: #50575e;
    10031003    font-size: 13px;
    10041004}
     
    10211021    padding: 4px 10px;
    10221022    border-radius: 30px;
    1023     background: #72777c;
     1023    background: #787c82;
    10241024    color: #fff;
    10251025    font-size: 14px;
     
    10541054    padding: 15px 0;
    10551055    border-bottom: 4px solid #fff;
    1056     color: #666;
     1056    color: #646970;
    10571057    cursor: pointer;
    10581058}
     
    10601060.filter-links .current {
    10611061    box-shadow: none;
    1062     border-bottom: 4px solid #666;
    1063     color: #23282d;
     1062    border-bottom: 4px solid #646970;
     1063    color: #1d2327;
    10641064}
    10651065
     
    10681068.show-filters .filter-links a.current:hover,
    10691069.show-filters .filter-links a.current:focus {
    1070     color: #006799;
     1070    color: #135e96;
    10711071}
    10721072
     
    11111111    border-color: transparent;
    11121112    background-color: transparent;
    1113     color: #666;
     1113    color: #646970;
    11141114    vertical-align: baseline;
    11151115    box-shadow: none;
     
    11191119    content: "\f111";
    11201120    margin: 0 5px 0 0;
    1121     color: #72777c;
     1121    color: #787c82;
    11221122    font: normal 16px/1 dashicons;
    11231123    vertical-align: text-bottom;
     
    11311131.wp-filter .drawer-toggle:focus:before {
    11321132    background-color: transparent;
    1133     color: #006799;
     1133    color: #135e96;
    11341134}
    11351135
     
    11401140
    11411141.wp-filter .button.drawer-toggle:focus {
    1142     border-color: #5b9dd9;
     1142    border-color: #4f94d4;
    11431143}
    11441144
     
    11581158    margin: 0 -10px 0 -20px;
    11591159    padding: 20px;
    1160     border-top: 1px solid #eee;
    1161     background: #fafafa;
     1160    border-top: 1px solid #f0f0f1;
     1161    background: #f6f7f7;
    11621162    overflow: hidden;
    11631163}
     
    11741174.show-filters .wp-filter .button.drawer-toggle {
    11751175    border-radius: 2px;
    1176     background: #72777c;
     1176    background: #787c82;
    11771177    color: #fff;
    11781178}
     
    11801180.show-filters .wp-filter .drawer-toggle:hover,
    11811181.show-filters .wp-filter .drawer-toggle:focus {
    1182     background: rgb(46, 162, 204);
     1182    background: #72aee6;
    11831183}
    11841184
     
    11951195    width: 24%;
    11961196    background: #fff;
    1197     border: 1px solid #e5e5e5;
     1197    border: 1px solid #dcdcde;
    11981198    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    11991199}
     
    12771277    margin: 0 5px;
    12781278    padding: 4px 8px;
    1279     border: 1px solid #e5e5e5;
     1279    border: 1px solid #dcdcde;
    12801280    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    12811281    background: #fff;
     
    13171317@media only screen and (max-width: 1120px) {
    13181318    .filter-drawer {
    1319         border-bottom: 1px solid #eee;
     1319        border-bottom: 1px solid #f0f0f1;
    13201320    }
    13211321
     
    13751375div.error {
    13761376    background: #fff;
    1377     border: 1px solid #ccd0d4;
     1377    border: 1px solid #c3c4c7;
    13781378    border-left-width: 4px;
    1379     box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
     1379    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    13801380    margin: 5px 15px 2px;
    13811381    padding: 1px 12px;
     
    14131413.notice-title {
    14141414    display: inline-block;
    1415     color: #23282d;
     1415    color: #1d2327;
    14161416    font-size: 18px;
    14171417}
     
    14301430    padding: 9px;
    14311431    background: none;
    1432     color: #72777c;
     1432    color: #787c82;
    14331433    cursor: pointer;
    14341434}
     
    14371437.notice-dismiss:active:before,
    14381438.notice-dismiss:focus:before {
    1439     color: #c00;
     1439    color: #d63638;
    14401440}
    14411441
     
    14431443    outline: none;
    14441444    box-shadow:
    1445         0 0 0 1px #5b9dd9,
    1446         0 0 2px 1px rgba(30, 140, 190, 0.8);
     1445        0 0 0 1px #4f94d4,
     1446        0 0 2px 1px rgba(79, 148, 212, 0.8);
    14471447}
    14481448
    14491449.notice-success,
    14501450div.updated {
    1451     border-left-color: #46b450;
     1451    border-left-color: #00a32a;
    14521452}
    14531453
    14541454.notice-success.notice-alt {
    1455     background-color: #ecf7ed;
     1455    background-color: #edfaef;
    14561456}
    14571457
    14581458.notice-warning {
    1459     border-left-color: #ffb900;
     1459    border-left-color: #dba617;
    14601460}
    14611461
    14621462.notice-warning.notice-alt {
    1463     background-color: #fff8e5;
     1463    background-color: #fcf9e8;
    14641464}
    14651465
    14661466.notice-error,
    14671467div.error {
    1468     border-left-color: #dc3232;
     1468    border-left-color: #d63638;
    14691469}
    14701470
    14711471.notice-error.notice-alt {
    1472     background-color: #fbeaea;
     1472    background-color: #fcf0f1;
    14731473}
    14741474
    14751475.notice-info {
    1476     border-left-color: #00a0d2;
     1476    border-left-color: #72aee6;
    14771477}
    14781478
    14791479.notice-info.notice-alt {
    1480     background-color: #e5f5fa;
     1480    background-color: #f0f6fc;
    14811481}
    14821482
     
    15261526.button.updating-message:before,
    15271527.button.installing:before {
    1528     color: #f56e28;
     1528    color: #d63638;
    15291529    content: "\f463";
    15301530}
     
    15481548.installed p:before,
    15491549.button.updated-message:before {
    1550     color: #79ba49;
     1550    color: #68de7c;
    15511551    content: "\f147";
    15521552}
     
    15541554/* Error icon. */
    15551555.update-message.notice-error p:before {
    1556     color: #dc3232;
     1556    color: #d63638;
    15571557    content: "\f534";
    15581558}
     
    16381638
    16391639.button-primary.updated-message:before {
    1640     color: #66c6e4;
     1640    color: #9ec2e6;
    16411641}
    16421642
     
    16941694    position: relative;
    16951695    background-color: #fff;
    1696     border: 1px solid #ccd0d4;
     1696    border: 1px solid #c3c4c7;
    16971697    border-top: none;
    16981698    box-shadow: 0 0 0 transparent;
     
    17111711
    17121712#screen-meta-links .show-settings {
    1713     border: 1px solid #ccd0d4;
     1713    border: 1px solid #c3c4c7;
    17141714    border-top: none;
    17151715    height: auto;
     
    17181718    background: #fff;
    17191719    border-radius: 0 0 4px 4px;
    1720     color: #72777c;
     1720    color: #787c82;
    17211721    line-height: 1.7;
    17221722    box-shadow: 0 0 0 transparent;
     
    17271727#screen-meta-links .show-settings:active,
    17281728#screen-meta-links .show-settings:focus {
    1729     color: #32373c;
     1729    color: #2c3338;
    17301730}
    17311731
    17321732#screen-meta-links .show-settings:focus {
    1733     border-color: #5b9dd9;
    1734     box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
     1733    border-color: #4f94d4;
     1734    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
    17351735}
    17361736
     
    17521752    -moz-osx-font-smoothing: grayscale;
    17531753    text-decoration: none;
    1754     color: #72777c;
     1754    color: #787c82;
    17551755}
    17561756
     
    18561856    left: 150px;
    18571857    right: 170px;
    1858     border: 1px solid #ccd0d4;
     1858    border: 1px solid #c3c4c7;
    18591859    border-top: none;
    18601860    border-bottom: none;
    1861     background: #f6fbfd;
     1861    background: #f0f6fc;
    18621862}
    18631863
     
    18971897
    18981898.contextual-help-tabs a:hover {
    1899     color: #32373c;
     1899    color: #2c3338;
    19001900}
    19011901
     
    19031903    padding: 0;
    19041904    margin: 0 -1px 0 0;
    1905     border-left: 2px solid #00a0d2;
    1906     background: #f6fbfd;
     1905    border-left: 2px solid #72aee6;
     1906    background: #f0f6fc;
    19071907    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
    19081908}
    19091909
    19101910.contextual-help-tabs .active a {
    1911     border-color: #ccd0d4;
    1912     color: #32373c;
     1911    border-color: #c3c4c7;
     1912    color: #2c3338;
    19131913}
    19141914
     
    19521952.widefat th,
    19531953.widefat td {
    1954     color: #555;
     1954    color: #50575e;
    19551955}
    19561956
     
    19651965.widefat tfoot tr th,
    19661966.widefat tfoot tr td {
    1967     color: #32373c;
     1967    color: #2c3338;
    19681968}
    19691969
     
    19751975.widefat ol,
    19761976.widefat ul {
    1977     color: #32373c;
     1977    color: #2c3338;
    19781978}
    19791979
     
    20512051    align-items: center;
    20522052    justify-content: space-between;
    2053     border-bottom: 1px solid #ccd0d4;
     2053    border-bottom: 1px solid #c3c4c7;
    20542054}
    20552055
     
    20812081.postbox .handle-order-higher,
    20822082.postbox .handle-order-lower {
    2083     color: #72777c;
     2083    color: #787c82;
    20842084    width: 1.62rem;
    20852085}
     
    20902090    width: 44px;
    20912091    height: 44px;
    2092     color: #191e23
     2092    color: #1d2327
    20932093}
    20942094
     
    20962096.postbox .handle-order-lower[aria-disabled="true"] {
    20972097    cursor: default;
    2098     color: #a0a5aa;
     2098    color: #a7aaad;
    20992099}
    21002100
    21012101.sortable-placeholder {
    2102     border: 1px dashed #b4b9be;
     2102    border: 1px dashed #c3c4c7;
    21032103    margin-bottom: 20px;
    21042104}
     
    21602160
    21612161.temp-border {
    2162     border: 1px dotted #ccc;
     2162    border: 1px dotted #c3c4c7;
    21632163}
    21642164
     
    21952195    right: 0;
    21962196    padding: 10px 20px;
    2197     color: #555d66;
     2197    color: #50575e;
    21982198}
    21992199
     
    22142214.nav-tab {
    22152215    float: left;
    2216     border: 1px solid #ccc;
     2216    border: 1px solid #c3c4c7;
    22172217    border-bottom: none;
    22182218    margin-left: 0.5em; /* half the font size so set the font size properly */
     
    22212221    line-height: 1.71428571;
    22222222    font-weight: 600;
    2223     background: #e5e5e5;
    2224     color: #555;
     2223    background: #dcdcde;
     2224    color: #50575e;
    22252225    text-decoration: none;
    22262226    white-space: nowrap;
     
    22372237.nav-tab:focus {
    22382238    background-color: #fff;
    2239     color: #444;
     2239    color: #3c434a;
    22402240}
    22412241
     
    22472247.nav-tab-active {
    22482248    margin-bottom: -1px;
    2249     color: #444;
     2249    color: #3c434a;
    22502250}
    22512251
     
    22542254.nav-tab-active:focus,
    22552255.nav-tab-active:focus:active {
    2256     border-bottom: 1px solid #f1f1f1;
    2257     background: #f1f1f1;
     2256    border-bottom: 1px solid #f0f0f1;
     2257    background: #f0f0f1;
    22582258    color: #000;
    22592259}
     
    22622262.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
    22632263.nav-tab-wrapper {
    2264     border-bottom: 1px solid #ccc;
     2264    border-bottom: 1px solid #c3c4c7;
    22652265    margin: 0;
    22662266    padding-top: 9px;
     
    23462346.attention,
    23472347.error-message {
    2348     color: #dc3232;
     2348    color: #d63638;
    23492349    font-weight: 600;
    23502350}
     
    23722372
    23732373.media-icon img {
    2374     border: 1px solid #e5e5e5;
     2374    border: 1px solid #dcdcde;
    23752375    border: 1px solid rgba(0, 0, 0, 0.07);
    23762376}
     
    24152415.importer-action {
    24162416    line-height: 1.55; /* Same as with .updating-message */
    2417     color: #555;
     2417    color: #50575e;
    24182418    margin-bottom: 1em;
    24192419}
     
    24252425
    24262426.edit-comment-author {
    2427     color: #222;
    2428     border-bottom: 1px solid #eee;
     2427    color: #1d2327;
     2428    border-bottom: 1px solid #f0f0f1;
    24292429}
    24302430
     
    25222522    transition: color .1s ease-in;
    25232523    text-align: center;
    2524     color: #ffb900;
     2524    color: #dba617;
    25252525}
    25262526
     
    25662566#plugin-information-title {
    25672567    padding: 0 26px;
    2568     background: #f5f5f5;
     2568    background: #f6f7f7;
    25692569    font-size: 22px;
    25702570    font-weight: 600;
     
    26012601    margin-top: 174px;
    26022602    color: #fff;
    2603     background: rgba(30, 30, 30, 0.9);
     2603    background: rgba(29, 35, 39, 0.9);
    26042604    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    26052605    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
     
    26302630    font-size: 0;
    26312631    z-index: 1;
    2632     border-bottom: 1px solid #ddd;
    2633     background: #f3f3f3;
     2632    border-bottom: 1px solid #dcdcde;
     2633    background: #f6f7f7;
    26342634}
    26352635
     
    26492649    margin: 0 -1px -1px;
    26502650    background: #fff;
    2651     border: 1px solid #ddd;
     2651    border: 1px solid #dcdcde;
    26522652    border-bottom-color: #fff;
    26532653    padding-top: 8px;
    2654     color: #32373c;
     2654    color: #2c3338;
    26552655}
    26562656
     
    27122712    padding-bottom: 99999px; /* equal height column trick */
    27132713    width: 217px;
    2714     border-left: 1px solid #ddd;
    2715     background: #f3f3f3;
    2716     color: #666;
     2714    border-left: 1px solid #dcdcde;
     2715    background: #f6f7f7;
     2716    color: #646970;
    27172717}
    27182718
    27192719#plugin-information .fyi strong {
    2720     color: #444;
     2720    color: #3c434a;
    27212721}
    27222722
     
    27252725    text-transform: uppercase;
    27262726    font-size: 12px;
    2727     color: #666;
     2727    color: #646970;
    27282728    margin: 24px 0 8px;
    27292729}
     
    27622762    height: 17px;
    27632763    width: 92px;
    2764     background-color: #e5e5e5;
     2764    background-color: #dcdcde;
    27652765    float: left;
    27662766}
     
    27682768#plugin-information .counter-bar {
    27692769    height: 17px;
    2770     background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
     2770    background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
    27712771    float: left;
    27722772}
     
    28042804    left: 0;
    28052805    height: 40px; /* actual height: 40+13+13+1=67 */
    2806     border-top: 1px solid #ddd;
    2807     background: #f3f3f3;
     2806    border-top: 1px solid #dcdcde;
     2807    background: #f6f7f7;
    28082808}
    28092809
     
    28492849    padding: 7px;
    28502850    overflow: auto;
    2851     border: 1px solid #ccc;
     2851    border: 1px solid #c3c4c7;
    28522852}
    28532853
    28542854#plugin-information blockquote {
    2855     border-left: 2px solid #ddd;
    2856     color: #666;
     2855    border-left: 2px solid #dcdcde;
     2856    color: #646970;
    28572857    font-style: italic;
    28582858    margin: 1em 0;
     
    28652865    width: 100%;
    28662866    margin-bottom: 20px;
    2867     border-bottom: 1px solid #e5e5e5;
     2867    border-bottom: 1px solid #dcdcde;
    28682868}
    28692869
     
    29462946    #plugin-information .fyi {
    29472947        float: none;
    2948         border: 1px solid #ddd;
     2948        border: 1px solid #dcdcde;
    29492949        position: static;
    29502950        width: auto;
     
    29722972/* Thickbox for the Plugin details modal. */
    29732973#TB_window.plugin-details-modal {
    2974     background: #fcfcfc;
     2974    background: #fff;
    29752975}
    29762976
     
    29852985    z-index: -1;
    29862986    margin: -10px 0 0 -10px;
    2987     background: #fcfcfc url(../images/spinner.gif) no-repeat center;
     2987    background: #fff url(../images/spinner.gif) no-repeat center;
    29882988    background-size: 20px 20px;
    29892989    transform: translateZ(0);
     
    30113011    left: auto;
    30123012    right: -30px;
    3013     color: #eee;
     3013    color: #f0f0f1;
    30143014}
    30153015
    30163016.plugin-details-modal #TB_closeWindowButton:hover,
    30173017.plugin-details-modal #TB_closeWindowButton:focus {
    3018     color: #006799;
     3018    color: #135e96;
    30193019    outline: none;
    30203020    box-shadow: none;
     
    31053105    line-height: 16px;
    31063106    vertical-align: top;
    3107     color: #72777c;
     3107    color: #787c82;
    31083108}
    31093109
     
    31123112.postbox .handlediv:focus {
    31133113    box-shadow:
    3114         0 0 0 1px #5b9dd9,
    3115         0 0 2px 1px rgba(30, 140, 190, 0.8);
     3114        0 0 0 1px #4f94d4,
     3115        0 0 2px 1px rgba(79, 148, 212, 0.8);
    31163116    /* Only visible in Windows High Contrast mode */
    31173117    outline: 1px solid transparent;
     
    31393139    font-family: Consolas, Monaco, monospace;
    31403140    font-size: 13px;
    3141     background: #f9f9f9;
     3141    background: #f6f7f7;
    31423142    -moz-tab-size: 4;
    31433143    -o-tab-size: 4;
     
    31503150    min-height: 60vh;
    31513151    height: calc( 100vh - 295px );
    3152     border: 1px solid #ddd;
     3152    border: 1px solid #dcdcde;
    31533153    box-sizing: border-box;
    31543154}
     
    31723172    min-height: 60vh;
    31733173    height: calc(100vh - 295px);
    3174     background-color: #f7f7f7;
    3175     border: 1px solid #ddd;
     3174    background-color: #f6f7f7;
     3175    border: 1px solid #dcdcde;
    31763176    border-left: none;
    31773177}
     
    32173217}
    32183218[role="treeitem"] .folder-label.focus {
    3219     color: #124964;
     3219    color: #043959;
    32203220    box-shadow:
    3221         0 0 0 1px #5b9dd9,
    3222         0 0 2px 1px rgba(30, 140, 190, 0.8);
     3221        0 0 0 1px #4f94d4,
     3222        0 0 2px 1px rgba(79, 148, 212, 0.8);
    32233223}
    32243224[role="treeitem"].hover,
    32253225[role="treeitem"] .folder-label.hover {
    3226     background-color: #eaeaea;
     3226    background-color: #f0f0f1;
    32273227}
    32283228
     
    32413241    position: absolute;
    32423242    left: 2px;
    3243     border-left: 1px solid #ccc;
     3243    border-left: 1px solid #c3c4c7;
    32443244    top: -13px;
    32453245    bottom: 10px;
     
    32493249    position: absolute;
    32503250    display: block;
    3251     border-left: 1px solid #ccc;
     3251    border-left: 1px solid #c3c4c7;
    32523252    left: 2px;
    32533253    top: -5px;
    32543254    height: 18px;
    32553255    width: 7px;
    3256     border-bottom: 1px solid #ccc;
     3256    border-bottom: 1px solid #c3c4c7;
    32573257}
    32583258.tree-folder > li::after {
     
    32603260    position: absolute;
    32613261    display: block;
    3262     border-left: 1px solid #ccc;
     3262    border-left: 1px solid #c3c4c7;
    32633263    left: 2px;
    32643264    bottom: -7px;
     
    33813381
    33823382.nonessential {
    3383     color: #666;
     3383    color: #646970;
    33843384    font-size: 11px;
    33853385    font-style: italic;
     
    34293429.toggle-indicator,
    34303430.accordion-section-title:after {
    3431     color: #72777c;
     3431    color: #787c82;
    34323432}
    34333433
    34343434.widget-action {
    3435     color: #555d66; /* #fafafa background in the Widgets screen */
     3435    color: #50575e; /* #fafafa background in the Widgets screen */
    34363436}
    34373437
     
    34463446.sidebar-name:hover .toggle-indicator,
    34473447.accordion-section-title:hover:after {
    3448     color: #23282d;
     3448    color: #1d2327;
    34493449    /* Only visible in Windows High Contrast mode */
    34503450    outline: 1px solid transparent;
     
    34533453.widget-top .widget-action:focus .toggle-indicator:before {
    34543454    box-shadow:
    3455         0 0 0 1px #5b9dd9,
    3456         0 0 2px 1px rgba(30, 140, 190, 0.8);
     3455        0 0 0 1px #4f94d4,
     3456        0 0 2px 1px rgba(79, 148, 212, 0.8);
    34573457}
    34583458
     
    34873487/* Accordion */
    34883488.accordion-section {
    3489     border-bottom: 1px solid #ddd;
     3489    border-bottom: 1px solid #dcdcde;
    34903490    margin: 0;
    34913491}
     
    34973497
    34983498.accordion-section.open:hover {
    3499     border-bottom-color: #ddd;
     3499    border-bottom-color: #dcdcde;
    35003500}
    35013501
     
    35113511    padding: 12px 15px 15px;
    35123512    position: relative;
    3513     border-left: 1px solid #ddd;
    3514     border-right: 1px solid #ddd;
     3513    border-left: 1px solid #dcdcde;
     3514    border-right: 1px solid #dcdcde;
    35153515    -webkit-user-select: none;
    35163516    -ms-user-select: none;
     
    35363536.accordion-section-title:hover:after,
    35373537.accordion-section-title:focus:after {
    3538     border-color: #a0a5aa transparent;
     3538    border-color: #a7aaad transparent;
    35393539    /* Only visible in Windows High Contrast mode */
    35403540    outline: 1px solid transparent;
     
    35673567.js .control-section.open .accordion-section-title,
    35683568.js .control-section .accordion-section-title:focus {
    3569     color: #23282d;
    3570     background: #f5f5f5;
     3569    color: #1d2327;
     3570    background: #f6f7f7;
    35713571}
    35723572
    35733573.control-section.open .accordion-section-title {
    35743574    /* When expanded */
    3575     border-bottom: 1px solid #ddd;
     3575    border-bottom: 1px solid #dcdcde;
    35763576}
    35773577
     
    36133613        top: 0;
    36143614        right: 0;
    3615         background: #ccc;
     3615        background: #c3c4c7;
    36163616    }
    36173617
     
    36333633    .my-sites li:nth-of-type(4n+1),
    36343634    .my-sites li:nth-of-type(4n+2) {
    3635         background-color: #f9f9f9;
     3635        background-color: #f6f7f7;
    36363636    }
    36373637
     
    36503650    .my-sites li:nth-of-type(6n+2),
    36513651    .my-sites li:nth-of-type(6n+3) {
    3652         background-color: #f9f9f9;
     3652        background-color: #f6f7f7;
    36533653    }
    36543654}
     
    36713671    .my-sites li:nth-of-type(8n+3),
    36723672    .my-sites li:nth-of-type(8n+4) {
    3673         background-color: #f9f9f9;
     3673        background-color: #f6f7f7;
    36743674    }
    36753675}
     
    36933693    .my-sites li:nth-of-type(10n+4),
    36943694    .my-sites li:nth-of-type(10n+5) {
    3695         background-color: #f9f9f9;
     3695        background-color: #f6f7f7;
    36963696    }
    36973697}
     
    37163716    .my-sites li:nth-of-type(12n+5),
    37173717    .my-sites li:nth-of-type(12n+6) {
    3718         background-color: #f9f9f9;
     3718        background-color: #f6f7f7;
    37193719    }
    37203720}
     
    38843884
    38853885    #templateside > ul {
    3886         border-left: 1px solid #ddd;
     3886        border-left: 1px solid #dcdcde;
    38873887    }
    38883888
     
    40944094    nav .nav-tab {
    40954095        margin: 10px 10px 0 0;
    4096         border-bottom: 1px solid #ccc;
     4096        border-bottom: 1px solid #c3c4c7;
    40974097    }
    40984098
     
    41004100    .nav-tab-active:focus,
    41014101    .nav-tab-active:focus:active {
    4102         border-bottom: 1px solid #ccc;
     4102        border-bottom: 1px solid #c3c4c7;
    41034103    }
    41044104
  • trunk/src/wp-admin/css/customize-controls.css

    r49991 r50025  
    6262
    6363#customize-controls .description {
    64     color: #555d66;
     64    color: #50575e;
    6565}
    6666
     
    8181
    8282#customize-save-button-wrapper .save:focus, #publish-settings:focus {
    83     box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db; /* This is default box shadow for focus */
     83    box-shadow: 0 1px 0 #2271b1, 0 0 2px 1px #72aee6; /* This is default box shadow for focus */
    8484}
    8585
     
    9999    margin: 0;
    100100    z-index: -1;
    101     background: #eee;
     101    background: #f0f0f1;
    102102    transition: left .18s;
    103     border-right: 1px solid #ddd;
    104     border-left: 1px solid #ddd;
     103    border-right: 1px solid #dcdcde;
     104    border-left: 1px solid #dcdcde;
    105105    height: 100%;
    106106}
     
    180180
    181181#customize-header-actions {
    182     border-bottom: 1px solid #ddd;
     182    border-bottom: 1px solid #dcdcde;
    183183}
    184184
     
    189189
    190190.outer-section-open #customize-controls .wp-full-overlay-sidebar-content {
    191     background: #eee;
     191    background: #f0f0f1;
    192192}
    193193
    194194#customize-controls .customize-info {
    195195    border: none;
    196     border-bottom: 1px solid #ddd;
     196    border-bottom: 1px solid #dcdcde;
    197197    margin-bottom: 15px;
    198198}
     
    200200#customize-control-changeset_status .customize-inside-control-row,
    201201#customize-control-changeset_preview_link input {
    202     background-color: #ffffff;
    203     border-bottom: 1px solid #ddd;
     202    background-color: #fff;
     203    border-bottom: 1px solid #dcdcde;
    204204    box-sizing: content-box;
    205205    width: 100%;
     
    227227
    228228#customize-controls .date-input:invalid {
    229     border-color: #dc3232;
     229    border-color: #d63638;
    230230}
    231231
     
    237237
    238238#customize-control-changeset_status .customize-inside-control-row:first-of-type {
    239     border-top: 1px solid #ddd;
     239    border-top: 1px solid #dcdcde;
    240240}
    241241
     
    269269    height: 28px;
    270270    position: absolute;
    271     background: #ffffff;
     271    background: #fff;
    272272    top: -1px;
    273273}
     
    287287#customize-control-changeset_preview_link input {
    288288    line-height: 2.85714286; /* 40px */
    289     border-top: 1px solid #ddd;
     289    border-top: 1px solid #dcdcde;
    290290    border-left: none;
    291291    border-right: none;
     
    316316#customize-control-changeset_preview_link a.disabled:focus,
    317317#customize-control-changeset_preview_link a.disabled:visited {
    318     color: black;
     318    color: #000;
    319319    opacity: 0.4;
    320320    cursor: default;
     
    377377    margin-left: -12px;
    378378    padding: 12px;
    379     background: #ffffff;
    380     border-bottom: 1px solid #ddd;
     379    background: #fff;
     380    border-bottom: 1px solid #dcdcde;
    381381    margin-bottom: 0;
    382382}
     
    410410#customize-controls .customize-info .accordion-section-title {
    411411    background: #fff;
    412     color: #555d66;
     412    color: #50575e;
    413413    border-left: none;
    414414    border-right: none;
     
    420420#customize-controls .customize-info .accordion-section-title:hover:after,
    421421#customize-controls .customize-info .accordion-section-title:focus:after {
    422     color: #32373c;
     422    color: #2c3338;
    423423}
    424424
     
    463463    -webkit-appearance: none;
    464464    background: transparent;
    465     color: #555d66;
     465    color: #50575e;
    466466    border: none;
    467467}
     
    476476#customize-controls .customize-info .customize-help-toggle:focus,
    477477#customize-controls .customize-info .customize-help-toggle:hover {
    478     color: #0073aa;
     478    color: #2271b1;
    479479}
    480480
     
    483483#customize-outer-theme-controls .customize-info .customize-section-description,
    484484#customize-controls .no-widget-areas-rendered-notice {
    485     color: #555d66;
     485    color: #50575e;
    486486    display: none;
    487487    background: #fff;
    488488    padding: 12px 15px;
    489     border-top: 1px solid #ddd;
     489    border-top: 1px solid #dcdcde;
    490490}
    491491
     
    528528#customize-theme-controls .accordion-section-title,
    529529#customize-outer-theme-controls .accordion-section-title {
    530     color: #555d66;
     530    color: #50575e;
    531531    background-color: #fff;
    532     border-bottom: 1px solid #ddd;
     532    border-bottom: 1px solid #dcdcde;
    533533    border-left: 4px solid #fff;
    534534    transition:
     
    539539
    540540#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
    541     color: #555;
     541    color: #50575e;
    542542    background-color: #fff;
    543543    border-left: 4px solid #fff;
     
    547547#customize-outer-theme-controls .accordion-section-title:after {
    548548    content: "\f345";
    549     color: #a0a5aa;
     549    color: #a7aaad;
    550550}
    551551
    552552#customize-theme-controls .accordion-section-content,
    553553#customize-outer-theme-controls .accordion-section-content {
    554     color: #555d66;
     554    color: #50575e;
    555555    background: transparent;
    556556}
     
    560560#customize-controls .control-section.open .accordion-section-title,
    561561#customize-controls .control-section .accordion-section-title:focus {
    562     color: #0073aa;
    563     background: #f3f3f5;
    564     border-left-color: #0073aa;
     562    color: #2271b1;
     563    background: #f6f7f7;
     564    border-left-color: #2271b1;
    565565}
    566566
    567567#accordion-section-themes + .control-section {
    568     border-top: 1px solid #ddd;
     568    border-top: 1px solid #dcdcde;
    569569}
    570570
     
    573573.js .control-section.open .accordion-section-title,
    574574.js .control-section .accordion-section-title:focus {
    575     background: #f3f3f5;
     575    background: #f6f7f7;
    576576}
    577577
     
    584584#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
    585585#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
    586     color: #0073aa;
     586    color: #2271b1;
    587587}
    588588
    589589#customize-theme-controls .control-section.open {
    590     border-bottom: 1px solid #eee;
     590    border-bottom: 1px solid #f0f0f1;
    591591}
    592592
    593593#customize-theme-controls .control-section.open .accordion-section-title,
    594594#customize-outer-theme-controls .control-section.open .accordion-section-title {
    595     border-bottom-color: #eee !important;
     595    border-bottom-color: #f0f0f1 !important;
    596596}
    597597
    598598#customize-theme-controls .control-section:last-of-type.open,
    599599#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
    600     border-bottom-color: #ddd;
     600    border-bottom-color: #dcdcde;
    601601}
    602602
     
    604604#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu,
    605605#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title {
    606     border-top: 1px solid #ddd;
     606    border-top: 1px solid #dcdcde;
    607607}
    608608
     
    718718.customize-section-title {
    719719    margin: -12px -12px 0 -12px;
    720     border-bottom: 1px solid #ddd;
     720    border-bottom: 1px solid #dcdcde;
    721721    background: #fff;
    722722}
     
    739739
    740740#customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
    741     border-bottom: 1px solid #ddd;
     741    border-bottom: 1px solid #dcdcde;
    742742    padding: 12px 12px 12px 12px;
    743743}
     
    752752    margin: 0;
    753753    line-height: 21px;
    754     color: #555d66;
     754    color: #50575e;
    755755}
    756756
     
    778778    height: 41px;
    779779    padding: 0 2px 0 0;
    780     background: #eee;
     780    background: #f0f0f1;
    781781    border: none;
    782     border-top: 4px solid #eee;
    783     border-right: 1px solid #ddd;
    784     color: #444;
     782    border-top: 4px solid #f0f0f1;
     783    border-right: 1px solid #dcdcde;
     784    color: #3c434a;
    785785    text-align: left;
    786786    cursor: pointer;
     
    802802    background: #fff;
    803803    border: none;
    804     border-right: 1px solid #ddd;
     804    border-right: 1px solid #dcdcde;
    805805    border-left: 4px solid #fff;
    806806    box-shadow: none;
     
    832832#customize-controls .cannot-expand:hover .accordion-section-title {
    833833    background: #fff;
    834     color: #555d66;
     834    color: #50575e;
    835835    border-left-color: #fff;
    836836}
     
    841841.customize-controls-preview-toggle:hover {
    842842    background: #fff;
    843     color: #0073aa;
    844     border-top-color: #0073aa;
     843    color: #2271b1;
     844    border-top-color: #2271b1;
    845845    box-shadow: none;
    846846    /* Only visible in Windows High Contrast mode */
     
    858858.customize-section-back:hover,
    859859.customize-section-back:focus {
    860     color: #0073aa;
    861     background: #f3f3f5;
    862     border-left-color: #0073aa;
     860    color: #2271b1;
     861    background: #f6f7f7;
     862    border-left-color: #2271b1;
    863863    box-shadow: none;
    864864    /* Only visible in Windows High Contrast mode */
     
    884884
    885885.wp-full-overlay-sidebar .wp-full-overlay-header {
    886     background-color: #eee;
     886    background-color: #f0f0f1;
    887887    transition: padding ease-in-out .18s;
    888888}
     
    10631063    bottom: 0;
    10641064    z-index: 10;
    1065     background: #eee;
     1065    background: #f0f0f1;
    10661066    display: flex;
    10671067}
     
    10851085
    10861086.customize-control-dropdown-pages .new-content-item .create-item-input.invalid {
    1087     border: 1px solid #dc3232;
     1087    border: 1px solid #d63638;
    10881088}
    10891089
     
    11041104
    11051105.wp-full-overlay-sidebar {
    1106     background: #eee;
    1107     border-right: 1px solid #ddd;
     1106    background: #f0f0f1;
     1107    border-right: 1px solid #dcdcde;
    11081108}
    11091109
     
    11211121#customize-controls .customize-control-widget_form.has-error .widget .widget-top,
    11221122.customize-control-nav_menu_item.has-error .menu-item-bar .menu-item-handle {
    1123     box-shadow: inset 0 0 0 2px #dc3232;
     1123    box-shadow: inset 0 0 0 2px #d63638;
    11241124    transition: .15s box-shadow linear;
    11251125}
     
    11481148
    11491149.customize-control-text.has-error input {
    1150     outline: 2px solid #dc3232;
     1150    outline: 2px solid #d63638;
    11511151}
    11521152
     
    11551155    top: 46px;
    11561156    width: 100%;
    1157     border-bottom: 1px solid #ddd;
     1157    border-bottom: 1px solid #dcdcde;
    11581158    display: block;
    11591159    padding: 0;
     
    11831183#customize-controls .panel-meta > .customize-control-notifications-container,
    11841184#customize-controls .customize-section-title > .customize-control-notifications-container {
    1185     border-top: 1px solid #ddd;
     1185    border-top: 1px solid #dcdcde;
    11861186}
    11871187#customize-controls #customize-notifications-area .notice,
     
    12201220#customize-controls #customize-notifications-area .notice.notification-overlay .notification-message {
    12211221    clear: both;
    1222     color: #191e23;
     1222    color: #1d2327;
    12231223    font-size: 18px;
    12241224    font-style: normal;
     
    12641264    margin-right: 16px;
    12651265    padding: 4px 5px;
    1266     border: 2px solid #eee;
     1266    border: 2px solid #f0f0f1;
    12671267    -webkit-user-select: none;
    12681268    -ms-user-select: none;
     
    12771277    right: 0;
    12781278    width: 20px;
    1279     background: #eee;
     1279    background: #f0f0f1;
    12801280}
    12811281
     
    12921292    -moz-osx-font-smoothing: grayscale;
    12931293    text-decoration: none !important;
    1294     color: #32373c;
     1294    color: #2c3338;
    12951295}
    12961296
    12971297.customize-control .dropdown-status {
    1298     color: #32373c;
    1299     background: #eee;
     1298    color: #2c3338;
     1299    background: #f0f0f1;
    13001300    display: none;
    13011301    max-width: 112px;
     
    13081308
    13091309.customize-control-color .dropdown .dropdown-content {
    1310     background-color: #555d66;
     1310    background-color: #50575e;
    13111311    border: 1px solid rgba(0, 0, 0, 0.15);
    13121312}
     
    13771377    text-align: center;
    13781378    cursor: default;
    1379     border: 1px dashed #b4b9be;
     1379    border: 1px dashed #c3c4c7;
    13801380    box-sizing: border-box;
    13811381    padding: 9px 0;
     
    13851385.customize-control .attachment-media-view .button-add-media {
    13861386    cursor: pointer;
    1387     background-color: #edeff0;
    1388     color: #32373c;
     1387    background-color: #f0f0f1;
     1388    color: #2c3338;
    13891389}
    13901390
    13911391.customize-control .attachment-media-view .button-add-media:hover {
    1392     background-color: #fbfbfc;
     1392    background-color: #fff;
    13931393}
    13941394
    13951395.customize-control .attachment-media-view .button-add-media:focus {
    1396     background-color: #fbfbfc;
    1397     border-color: #007cba;
     1396    background-color: #fff;
     1397    border-color: #3582c4;
    13981398    border-style: solid;
    1399     box-shadow: 0 0 0 1px #007cba;
     1399    box-shadow: 0 0 0 1px #3582c4;
    14001400    /* Only visible in Windows High Contrast mode */
    14011401    outline: 2px solid transparent;
     
    14061406    position: absolute;
    14071407    width: 100%;
    1408     color: #555d66;
     1408    color: #50575e;
    14091409    white-space: nowrap;
    14101410    text-overflow: ellipsis;
     
    14501450    bottom: 0;
    14511451    right: 0;
    1452     border: 4px solid #00a0d2;
     1452    border: 4px solid #72aee6;
    14531453    border-radius: 2px;
    14541454}
     
    14631463    font-size: 20px;
    14641464    color: #fff;
    1465     background: #555d66;
     1465    background: #50575e;
    14661466    background: rgba(0, 0, 0, 0.5);
    14671467    position: absolute;
     
    14811481
    14821482.customize-control-header .header-view .close:focus {
    1483     outline: 1px solid #5b9dd9;
     1483    outline: 1px solid #4f94d4;
    14841484}
    14851485
     
    15431543    outline: none;
    15441544    box-shadow:
    1545         0 0 0 1px #5b9dd9,
    1546         0 0 3px 1px rgba(30, 140, 190, 0.8);
     1545        0 0 0 1px #4f94d4,
     1546        0 0 3px 1px rgba(79, 148, 212, 0.8);
    15471547}
    15481548
     
    16611661    cursor: default;
    16621662    background: #fff;
    1663     color: #555d66;
    1664     border-top: 1px solid #ddd;
    1665     border-bottom: 1px solid #ddd;
     1663    color: #50575e;
     1664    border-top: 1px solid #dcdcde;
     1665    border-bottom: 1px solid #dcdcde;
    16661666    border-left: none;
    16671667    border-right: none;
     
    17211721    width: calc(100% - 300px);
    17221722    height: calc(100% - 96px);
    1723     background: #eee;
     1723    background: #f0f0f1;
    17241724    z-index: 20;
    17251725}
     
    17581758
    17591759.wp-full-overlay.in-themes-panel {
    1760     background: #eee; /* Prevents a black flash when fading in the panel */
     1760    background: #f0f0f1; /* Prevents a black flash when fading in the panel */
    17611761}
    17621762
     
    17961796
    17971797.themes-filter-bar .feature-filter-toggle.open {
    1798     background: #eee;
    1799     border-color: #999;
     1798    background: #f0f0f1;
     1799    border-color: #8c8f94;
    18001800    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    18011801}
     
    18141814    border-top: 0;
    18151815    margin: 0;
    1816     background: #eee;
    1817     border-bottom: 1px solid #ddd;
     1816    background: #f0f0f1;
     1817    border-bottom: 1px solid #dcdcde;
    18181818}
    18191819
     
    18541854.control-panel-themes .filter-themes-count .themes-displayed {
    18551855    font-weight: 600;
    1856     color: #555d66;
     1856    color: #50575e;
    18571857}
    18581858
     
    18781878    margin: 15px 0 0 0;
    18791879    line-height: 16px;
    1880     border-bottom: 1px solid #ddd;
    1881     color: #555d66;
     1880    border-bottom: 1px solid #dcdcde;
     1881    color: #50575e;
    18821882}
    18831883
     
    18881888    outline: none;
    18891889    border-top: none;
    1890     border-bottom: 1px solid #ddd;
     1890    border-bottom: 1px solid #dcdcde;
    18911891    border-left: 4px solid #fff;
    18921892    border-right: none;
     
    18971897    font-size: 14px;
    18981898    font-weight: 600;
    1899     color: #555d66;
     1899    color: #50575e;
    19001900    text-shadow: none;
    19011901}
    19021902
    19031903.control-panel-themes #accordion-section-installed_themes {
    1904     border-top: 1px solid #ddd;
     1904    border-top: 1px solid #dcdcde;
    19051905}
    19061906
     
    19121912.control-panel-themes .customize-themes-section-title:focus,
    19131913.control-panel-themes .customize-themes-section-title:hover {
    1914     border-left-color: #0073aa;
    1915     color: #0073aa;
    1916     background: #f5f5f5;
     1914    border-left-color: #2271b1;
     1915    color: #2271b1;
     1916    background: #f6f7f7;
    19171917}
    19181918
     
    19261926    height: 18px;
    19271927    border-radius: 100%;
    1928     border: 1px solid #ccc;
     1928    border: 1px solid #c3c4c7;
    19291929    background: #fff;
    19301930}
     
    19411941    top: 9px;
    19421942    right: 15px;
    1943     background: #0073aa;
     1943    background: #2271b1;
    19441944    color: #fff;
    19451945}
    19461946
    19471947.control-panel-themes .customize-themes-section-title.selected {
    1948     color: #0073aa;
     1948    color: #2271b1;
    19491949}
    19501950
     
    19801980    width: 100%;
    19811981    margin: 0;
    1982     border: 1px solid #ddd;
     1982    border: 1px solid #dcdcde;
    19831983    background: #fff;
    19841984}
     
    20572057    width: calc(100% - 300px);
    20582058    height: 46px;
    2059     background: #eee;
     2059    background: #f0f0f1;
    20602060    z-index: 10;
    20612061    padding: 6px 25px;
    20622062    box-sizing: border-box;
    2063     border-bottom: 1px solid #ddd;
     2063    border-bottom: 1px solid #dcdcde;
    20642064}
    20652065
     
    21822182        top: 0;
    21832183        left: 0;
    2184         background: #eee;
    2185         color: #444;
     2184        background: #f0f0f1;
     2185        color: #3c434a;
    21862186        border-radius: 0;
    21872187        box-shadow: none;
     
    21922192        text-align: left;
    21932193        text-shadow: none;
    2194         border-bottom: 1px solid #ddd;
     2194        border-bottom: 1px solid #dcdcde;
    21952195        border-left: 4px solid transparent;
    21962196        margin: 0;
     
    22082208        line-height: 2.3;
    22092209        padding: 0 8px 0 8px;
    2210         border-right: 1px solid #ddd;
     2210        border-right: 1px solid #dcdcde;
    22112211    }
    22122212
    22132213    .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
    22142214    .wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
    2215         color: #0073aa;
    2216         background: #f3f3f5;
    2217         border-left-color: #0073aa;
     2215        color: #2271b1;
     2216        background: #f6f7f7;
     2217        border-left-color: #2271b1;
    22182218        box-shadow: none;
    22192219        /* Only visible in Windows High Contrast mode */
     
    22582258
    22592259.wp-customizer .theme-overlay .theme-backdrop {
    2260     background: rgba(238, 238, 238, 0.75);
     2260    background: rgba(240, 240, 241, 0.75);
    22612261    position: fixed;
    22622262    z-index: 110;
     
    22832283    text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
    22842284    padding: 10px 25px;
    2285     background: #eee;
    2286     border-top: 1px solid #ddd;
     2285    background: #f0f0f1;
     2286    border-top: 1px solid #dcdcde;
    22872287}
    22882288
     
    23032303
    23042304.wp-customizer .theme-header {
    2305     background: #eee;
     2305    background: #f0f0f1;
    23062306}
    23072307
    23082308.wp-customizer .theme-overlay .theme-header button,
    23092309.wp-customizer .theme-overlay .theme-header .close:before {
    2310     color: #444;
     2310    color: #3c434a;
    23112311}
    23122312
     
    23182318.wp-customizer .theme-overlay .theme-header .left:hover {
    23192319    background: #fff;
    2320     border-bottom: 4px solid #0073aa;
    2321     color: #0073aa;
     2320    border-bottom: 4px solid #2271b1;
     2321    color: #2271b1;
    23222322}
    23232323
    23242324.wp-customizer .theme-overlay .theme-header .close:focus:before,
    23252325.wp-customizer .theme-overlay .theme-header .close:hover:before {
    2326     color: #0073aa;
     2326    color: #2271b1;
    23272327}
    23282328
     
    23322332    border-bottom: none;
    23332333    background: transparent;
    2334     color: #ccc;
     2334    color: #c3c4c7;
    23352335}
    23362336
     
    23542354    height: auto;
    23552355    background: #fff;
    2356     border: 1px solid #ccd0d4;
     2356    border: 1px solid #c3c4c7;
    23572357    margin: 50px auto 2em;
    23582358    padding: 1em 2em;
    23592359    max-width: 700px;
    23602360    min-width: 0;
    2361     box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
     2361    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    23622362}
    23632363
    23642364body.cheatin h1 {
    2365     border-bottom: 1px solid #ddd;
     2365    border-bottom: 1px solid #dcdcde;
    23662366    clear: both;
    2367     color: #555d66;
     2367    color: #50575e;
    23682368    font-size: 24px;
    23692369    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     
    24472447    width: 33px; /* was 42px for mobile */
    24482448    height: 43px;
    2449     color: #82878c;
     2449    color: #8c8f94;
    24502450    text-indent: -9999px;
    24512451    cursor: pointer;
     
    24802480.menu-item-reorder-nav button:hover,
    24812481.menu-item-reorder-nav button:focus {
    2482     color: #191e23;
    2483     background: #eee;
     2482    color: #1d2327;
     2483    background: #f0f0f1;
    24842484}
    24852485
     
    25002500.move-right-disabled .menus-move-right,
    25012501.move-left-disabled .menus-move-left {
    2502     color: #d5d5d5;
     2502    color: #dcdcde;
    25032503    background-color: #fff;
    25042504    cursor: default;
     
    25212521.add-menu-toggle.open,
    25222522.add-menu-toggle.open:hover {
    2523     background: #eee;
    2524     border-color: #929793;
    2525     color: #32373c;
     2523    background: #f0f0f1;
     2524    border-color: #8c8f94;
     2525    color: #2c3338;
    25262526    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    25272527}
     
    25452545    margin: 0;
    25462546    z-index: 4;
    2547     background: #eee;
     2547    background: #f0f0f1;
    25482548    transition: left .18s;
    2549     border-right: 1px solid #ddd;
     2549    border-right: 1px solid #dcdcde;
    25502550}
    25512551
     
    25612561    bottom: 0;
    25622562    width: 100%;
    2563     border-top: 1px solid #ddd;
     2563    border-top: 1px solid #dcdcde;
    25642564}
    25652565
     
    25732573    z-index: 1;
    25742574    width: 300px;
    2575     background: #eee;
     2575    background: #f0f0f1;
    25762576}
    25772577
     
    26062606    line-height: 2.1;
    26072607    text-align: center;
    2608     color: #72777c;
     2608    color: #787c82;
    26092609}
    26102610
     
    26202620    cursor: pointer;
    26212621    background: none;
    2622     color: #a00;
     2622    color: #d63638;
    26232623    text-decoration: none;
    26242624    outline: 0;
     
    26492649#available-menu-items-search .clear-results:hover,
    26502650#available-menu-items-search .clear-results:focus {
    2651     color: #dc3232;
     2651    color: #d63638;
    26522652}
    26532653
     
    26552655#available-menu-items-search .clear-results:focus {
    26562656    box-shadow:
    2657         0 0 0 1px #5b9dd9,
    2658         0 0 2px 1px rgba(30, 140, 190, 0.8);
     2657        0 0 0 1px #4f94d4,
     2658        0 0 2px 1px rgba(79, 148, 212, 0.8);
    26592659}
    26602660
     
    26742674    left: 26px;
    26752675    z-index: 1;
    2676     color: #72777c;
     2676    color: #787c82;
    26772677    height: 30px;
    26782678    width: 30px;
     
    27062706    padding: 15px 15px 15px 60px;
    27072707    background: #fff;
    2708     border-bottom: 1px solid #ddd;
     2708    border-bottom: 1px solid #dcdcde;
    27092709    border-left: 4px solid #fff;
    27102710    transition:
     
    28252825        margin: 0;
    28262826        height: 45px;
    2827         background: #eee;
     2827        background: #f0f0f1;
    28282828        border: 0;
    2829         border-right: 1px solid #ddd;
    2830         color: #555d66;
     2829        border-right: 1px solid #dcdcde;
     2830        color: #50575e;
    28312831        cursor: pointer;
    28322832        transition: color .1s ease-in-out, background .1s ease-in-out;
     
    29032903        margin: 0;
    29042904        line-height: 24px;
    2905         color: #555d66;
     2905        color: #50575e;
    29062906        display: block;
    29072907        overflow: hidden;
  • trunk/src/wp-admin/css/customize-nav-menus.css

    r49991 r50025  
    55
    66#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
    7     border-bottom-color: #ddd;
     7    border-bottom-color: #dcdcde;
    88    margin-top: 15px;
    99}
     
    3030#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
    3131#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
    32     color: #555;
     32    color: #50575e;
    3333}
    3434
     
    8585
    8686.customize-control-nav_menu_item.has-notifications .menu-item-handle {
    87     border-left: 4px solid #00a0d2;
     87    border-left: 4px solid #72aee6;
    8888}
    8989
     
    9393    z-index: 8;
    9494    padding: 10px;
    95     background: #eee;
    96     border: 1px solid #999;
     95    background: #f0f0f1;
     96    border: 1px solid #8c8f94;
    9797    border-top: none;
    9898}
     
    195195
    196196.wp-customizer .menu-settings .menu-theme-locations {
    197     border-top: 1px solid #ccc;
     197    border-top: 1px solid #c3c4c7;
    198198}
    199199
     
    210210.wp-customizer .control-section-nav_menu .menu-location-settings {
    211211    margin-top: 24px;
    212     border-top: 1px solid #ddd;
     212    border-top: 1px solid #dcdcde;
    213213}
    214214
     
    235235
    236236#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
    237     color: #555;
     237    color: #50575e;
    238238}
    239239
     
    242242    background: none;
    243243    border: none;
    244     color: #555;
     244    color: #50575e;
    245245    cursor: pointer;
    246246    margin: 0;
     
    266266#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
    267267#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
    268     color: #0073aa;
     268    color: #2271b1;
    269269}
    270270
     
    298298    display: none;
    299299    background: #fff;
    300     border-top: 1px solid #ddd;
     300    border-top: 1px solid #dcdcde;
    301301    padding: 4px 15px 15px;
    302302}
     
    326326    speak: never;
    327327    border-radius: 50%;
    328     color: #72777c;
     328    color: #787c82;
    329329    font: normal 20px/1 dashicons;
    330330    -webkit-font-smoothing: antialiased;
     
    432432    float: left;
    433433    display: list-item;
    434     border-color: #a0a5aa;
     434    border-color: #a7aaad;
    435435}
    436436
     
    457457
    458458.menu-item-bar .item-delete {
    459     color: #a00;
     459    color: #d63638;
    460460    position: absolute;
    461461    top: 2px;
     
    482482    box-shadow: none;
    483483    outline: none;
    484     color: #dc3232;
     484    color: #d63638;
    485485}
    486486
     
    519519#available-menu-items .open .accordion-section-title,
    520520#available-menu-items #available-menu-items-search .accordion-section-title {
    521     background: #eee;
     521    background: #f0f0f1;
    522522}
    523523
     
    530530#available-menu-items .button-link:hover .toggle-indicator:before,
    531531#available-menu-items .button-link:focus .toggle-indicator:before {
    532     color: #23282d;
     532    color: #1d2327;
    533533}
    534534
    535535#available-menu-items .open .accordion-section-title .toggle-indicator:before {
    536536    content: "\f142";
    537     color: #23282d;
     537    color: #1d2327;
    538538}
    539539
     
    569569#available-menu-items .cannot-expand .accordion-section-title .no-items {
    570570    float: right;
    571     color: #555d66;
     571    color: #50575e;
    572572    font-weight: 400;
    573573    margin-left: 5px;
     
    606606#available-menu-items .new-content-item .create-item-input.invalid,
    607607#available-menu-items .new-content-item .create-item-input.invalid:focus {
    608     border: 1px solid #dc3232;
     608    border: 1px solid #d63638;
    609609}
    610610
     
    639639    top: 1px;
    640640    left: 1px;
    641     color: #82878c;
     641    color: #8c8f94;
    642642    width: 30px;
    643643    height: 38px;
     
    649649
    650650#available-menu-items .menu-item-handle .item-add:focus {
    651     color: #23282d;
     651    color: #1d2327;
    652652}
    653653
     
    667667#available-menu-items .menu-item-handle.item-added:hover .item-add,
    668668#available-menu-items .menu-item-handle.item-added .item-add:focus {
    669     color: #82878c;
     669    color: #8c8f94;
    670670}
    671671
     
    762762    opacity: .5;
    763763    background: #fff;
    764     color: #727773;
     764    color: #787c82;
    765765}
    766766
     
    774774
    775775#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
    776     border-bottom-color: #ddd;
     776    border-bottom-color: #dcdcde;
    777777}
    778778
     
    828828    position: relative;
    829829    z-index: 10;
    830     color: #0073aa;
     830    color: #2271b1;
    831831}
    832832
     
    834834.menu-item-handle:hover .item-edit,
    835835#available-menu-items .menu-item-handle:hover .item-add {
    836     color: #0073aa;
     836    color: #2271b1;
    837837}
    838838
    839839.menu-item-edit-active .menu-item-handle {
    840     border-color: #999;
     840    border-color: #8c8f94;
    841841    border-bottom: none;
    842842}
     
    867867#available-menu-items .item-add:focus:before {
    868868    box-shadow:
    869         0 0 0 1px #5b9dd9,
    870         0 0 2px 1px rgba(30, 140, 190, 0.8);
     869        0 0 0 1px #4f94d4,
     870        0 0 2px 1px rgba(79, 148, 212, 0.8);
    871871}
    872872
  • trunk/src/wp-admin/css/customize-widgets.css

    r49991 r50025  
    2626
    2727.customize-control .widget-action {
    28     color: #72777c;
     28    color: #787c82;
    2929}
    3030
    3131.customize-control .widget-top:hover .widget-action,
    3232.customize-control .widget-action:focus {
    33     color: #23282d;
     33    color: #1d2327;
    3434}
    3535
     
    6767    left: 299px;
    6868    top: 25%;
    69     border: 1px solid rgb(229, 229, 229);
     69    border: 1px solid #dcdcde;
    7070    overflow: auto;
    7171}
     
    7979.customize-control-widget_form.wide-widget-control.expanding .widget-top,
    8080.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
    81     background-color: rgb(227, 227, 227);
     81    background-color: #dcdcde;
    8282}
    8383
     
    112112.customize-control-widget_form.highlighted {
    113113    outline: none;
    114     box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     114    box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
    115115    position: relative;
    116116    z-index: 1;
     
    128128    display: none;
    129129    float: right;
    130     background-color: #fafafa;
     130    background-color: #f6f7f7;
    131131}
    132132
     
    138138    display: none;
    139139    background: #fff;
    140     border: 1px solid #ddd;
     140    border: 1px solid #dcdcde;
    141141    border-top: none;
    142142    cursor: auto;
     
    163163    margin: 0;
    164164    padding: 13px 15px 15px 42px;
    165     color: #555;
    166     border-top: 1px solid #eee;
     165    color: #50575e;
     166    border-top: 1px solid #f0f0f1;
    167167    cursor: pointer;
    168168    -webkit-user-select: none;
     
    183183
    184184#customize-theme-controls .widget-area-select li:last-child {
    185     border-bottom: 1px solid #eee;
     185    border-bottom: 1px solid #f0f0f1;
    186186}
    187187
     
    189189    color: #fff;
    190190    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    191     background: #00a0d2;
     191    background: #72aee6;
    192192}
    193193
     
    245245#available-widgets .widget-tpl:hover,
    246246#available-widgets .widget-tpl.selected {
    247     background: #f3f3f5;
    248     border-bottom-color: #ccc;
    249     color: #0073aa;
    250     border-left: 4px solid #0073aa;
     247    background: #f6f7f7;
     248    border-bottom-color: #c3c4c7;
     249    color: #2271b1;
     250    border-left: 4px solid #2271b1;
    251251}
    252252
     
    262262#available-widgets .widget .widget-description {
    263263    padding: 0;
    264     color: #72777c;
     264    color: #787c82;
    265265}
    266266
     
    301301    width: 20px;
    302302    height: 20px;
    303     color: #32373c;
     303    color: #2c3338;
    304304    font: normal 20px/1 dashicons;
    305305    text-align: center;
  • trunk/src/wp-admin/css/dashboard.css

    r49325 r50025  
    5656
    5757#dashboard-widgets .postbox-container .empty-container {
    58     outline: 3px dashed #b4b9be;
     58    outline: 3px dashed #c3c4c7;
    5959    height: 250px;
    6060}
     
    6262/* Only highlight drop zones when dragging and only in the 2 columns layout. */
    6363.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
    64     outline: 3px dashed #606a73;
     64    outline: 3px dashed #646970;
    6565    /* Prevent margin on the child from collapsing with margin on the parent. */
    6666    display: flow-root;
     
    7777    padding: 0 2em;
    7878    text-align: center;
    79     color: #606a73;
     79    color: #646970;
    8080    font-size: 16px;
    8181    line-height: 1.5;
     
    117117    margin: 16px 0;
    118118    padding: 23px 10px 0;
    119     border: 1px solid #ccd0d4;
     119    border: 1px solid #c3c4c7;
    120120    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    121121    background: #fff;
     
    141141
    142142.welcome-panel p {
    143     color: #72777c;
     143    color: #787c82;
    144144}
    145145
     
    204204.welcome-panel-column p {
    205205    margin-top: 7px;
    206     color: #444;
     206    color: #3c434a;
    207207}
    208208
     
    231231#dashboard_right_now li span:before,
    232232#dashboard_right_now .search-engines-info:before {
    233     color: #606a73;
     233    color: #646970;
    234234    font: normal 20px/1 dashicons;
    235235    speak: never;
     
    377377
    378378.community-events li.event-none {
    379     border-left: 4px solid #00a0d2;
     379    border-left: 4px solid #72aee6;
    380380}
    381381
     
    415415
    416416.community-events ul {
    417     background-color: #fafafa;
     417    background-color: #f6f7f7;
    418418    padding-left: 0;
    419419    padding-right: 0;
     
    424424    margin: 0;
    425425    padding: 8px 12px;
    426     color: #32373c;
     426    color: #2c3338;
    427427}
    428428.community-events li:first-child {
    429     border-top: 1px solid #eee;
     429    border-top: 1px solid #f0f0f1;
    430430}
    431431
    432432.community-events li ~ li {
    433     border-top: 1px solid #eee;
     433    border-top: 1px solid #f0f0f1;
    434434}
    435435
    436436.community-events .activity-block.last {
    437     border-bottom: 1px solid #eee;
     437    border-bottom: 1px solid #f0f0f1;
    438438    padding-top: 0;
    439439    margin-top: -1px;
     
    452452
    453453.event-icon:before {
    454     color: #606a73;
     454    color: #646970;
    455455    font-size: 18px;
    456456}
     
    476476    margin-bottom: 0;
    477477    padding: 12px;
    478     border-top: 1px solid #eee;
    479     color: #ddd;
     478    border-top: 1px solid #f0f0f1;
     479    color: #dcdcde;
    480480}
    481481
     
    513513
    514514.rssSummary {
    515     color: #72777c;
     515    color: #787c82;
    516516    margin-top: 4px;
    517517}
     
    533533#dashboard_primary .rss-widget span,
    534534#dashboard_primary .rss-widget span.rss-date {
    535     color: #72777c;
     535    color: #787c82;
    536536}
    537537
     
    597597
    598598#dashboard_right_now .sub {
    599     color: #555d66;
    600     background: #f5f5f5;
    601     border-top: 1px solid #eee;
     599    color: #50575e;
     600    background: #f6f7f7;
     601    border-top: 1px solid #f0f0f1;
    602602    padding: 10px 12px 6px 12px;
    603603}
    604604
    605605#dashboard_right_now .sub h3 {
    606     color: #555;
     606    color: #50575e;
    607607}
    608608
     
    613613#dashboard_right_now .warning a:before,
    614614#dashboard_right_now .warning span:before {
    615     color: #d54e21;
     615    color: #d63638;
    616616}
    617617
     
    625625#dashboard_quick_press div.updated {
    626626    margin-bottom: 10px;
    627     border: 1px solid #eee;
     627    border: 1px solid #f0f0f1;
    628628    border-width: 1px 1px 1px 0;
    629629}
     
    670670
    671671.js #dashboard_quick_press .drafts {
    672     border-top: 1px solid #eee;
     672    border-top: 1px solid #f0f0f1;
    673673}
    674674
     
    694694}
    695695#dashboard_quick_press .drafts li time {
    696     color: #72777c;
     696    color: #787c82;
    697697}
    698698
     
    720720    font-size: 14px;
    721721    font-weight: 400;
    722     color: #23282d;
     722    color: #1d2327;
    723723}
    724724
     
    757757
    758758#dashboard_activity .no-activity p {
    759     color: #72777c;
     759    color: #787c82;
    760760    font-size: 16px;
    761761}
     
    763763#dashboard_activity .subsubsub {
    764764    float: none;
    765     border-top: 1px solid #eee;
     765    border-top: 1px solid #f0f0f1;
    766766    margin: 0 -12px;
    767767    padding: 8px 12px 4px;
     
    770770#dashboard_activity .subsubsub a .count,
    771771#dashboard_activity .subsubsub a.current .count {
    772     color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
     772    color: #787c82; /* white background on the dashboard but #f1f1f1 on list tables */
    773773}
    774774
     
    789789    margin-right: 5px;
    790790    min-width: 150px;
    791     color: #72777c;
     791    color: #787c82;
    792792}
    793793
    794794.activity-block {
    795     border-bottom: 1px solid #eee;
     795    border-bottom: 1px solid #f0f0f1;
    796796    margin: 0 -12px;
    797797    padding: 8px 12px 4px;
     
    803803
    804804.activity-block .subsubsub li {
    805     color: #ddd;
     805    color: #dcdcde;
    806806}
    807807
     
    817817
    818818#activity-widget #the-comment-list .comment-item {
    819     background: #fafafa;
     819    background: #f6f7f7;
    820820    padding: 12px;
    821821    position: relative;
     
    840840
    841841#activity-widget #the-comment-list .comment-item:first-child {
    842     border-top: 1px solid #eeeeee;
     842    border-top: 1px solid #f0f0f1;
    843843}
    844844
    845845#activity-widget #the-comment-list .unapproved {
    846     background-color: #fef7f1;
     846    background-color: #fcf9e8;
    847847}
    848848
     
    854854    top: 0;
    855855    bottom: 0;
    856     background: #d54e21;
     856    background: #d63638;
    857857    width: 4px;
    858858}
     
    956956    line-height: 1.5;
    957957    margin: 0;
    958     color: #666;
     958    color: #646970;
    959959}
    960960
     
    996996
    997997.rss-widget span.rss-date {
    998     color: #72777c;
     998    color: #787c82;
    999999    font-size: 13px;
    10001000    margin-left: 3px;
     
    10351035
    10361036#dashboard_browser_nag.postbox.browser-insecure {
    1037     background-color: #ac1b1b;
    1038     border-color: #ac1b1b;
     1037    background-color: #b32d2e;
     1038    border-color: #b32d2e;
    10391039}
    10401040
    10411041#dashboard_browser_nag.postbox {
    1042     background-color: #e29808;
     1042    background-color: #dba617;
    10431043    background-image: none;
    1044     border-color: #edc048;
     1044    border-color: #f0c33c;
    10451045    color: #fff;
    10461046    box-shadow: none;
     
    10481048
    10491049#dashboard_browser_nag.postbox.browser-insecure h2 {
    1050     border-bottom-color: #cd5a5a;
     1050    border-bottom-color: #e65054;
    10511051    color: #fff;
    10521052}
    10531053
    10541054#dashboard_browser_nag.postbox h2 {
    1055     border-bottom-color: #f6e2ac;
     1055    border-bottom-color: #f5e6ab;
    10561056    background: transparent none;
    10571057    color: #fff;
     
    10821082/* PHP Nag */
    10831083#dashboard_php_nag .dashicons-warning {
    1084     color: #ffb900;
     1084    color: #dba617;
    10851085    padding-right: 6px;
    10861086}
    10871087
    10881088#dashboard_php_nag.php-insecure .dashicons-warning {
    1089     color: #df3232;
     1089    color: #d63638;
    10901090}
    10911091
  • trunk/src/wp-admin/css/deprecated-media.css

    r44747 r50025  
    66    font-weight: 600;
    77    position: relative;
    8     border-bottom: 1px solid #ddd;
    9     background: #f9f9f9;
     8    border-bottom: 1px solid #dcdcde;
     9    background: #f6f7f7;
    1010}
    1111
     
    2828    float: left;
    2929    line-height: 28px;
    30     border-top: 1px solid #f9f9f9;
    31     border-bottom: 1px solid #ddd;
    32     background-color: #f9f9f9;
     30    border-top: 1px solid #f6f7f7;
     31    border-bottom: 1px solid #dcdcde;
     32    background-color: #f6f7f7;
    3333    text-decoration: none;
    3434    transition: none;
     
    4949    padding-left: 6px;
    5050    padding-right: 6px;
    51     border: 1px solid #ddd;
    52     border-bottom-color: #f1f1f1;
    53     background-color: #f1f1f1;
     51    border: 1px solid #dcdcde;
     52    border-bottom-color: #f0f0f1;
     53    background-color: #f0f0f1;
    5454    color: #000;
    5555}
     
    6262
    6363#media-upload .slidetoggle {
    64     border-top-color: #ddd;
     64    border-top-color: #dcdcde;
    6565}
    6666
     
    7171.media-upload-form label.form-help,
    7272td.help {
    73     color: #72777c;
     73    color: #787c82;
    7474}
    7575
     
    219219#media-upload .tablenav-pages a {
    220220    min-width: 17px;
    221     border: 1px solid #ccc;
    222     background: #f7f7f7;
     221    border: 1px solid #c3c4c7;
     222    background: #f6f7f7;
    223223}
    224224
     
    243243
    244244.menu_order_input {
    245     border: 1px solid #ddd;
     245    border: 1px solid #dcdcde;
    246246    font-size: 10px;
    247247    padding: 1px;
     
    251251.ui-sortable-helper {
    252252    background-color: #fff;
    253     border: 1px solid #a0a5aa;
     253    border: 1px solid #a7aaad;
    254254    opacity: 0.6;
    255255    filter: alpha(opacity=60);
     
    292292    padding: 0 0 3px;
    293293    font-size: 1.6em;
    294     border-bottom: 1px solid #ddd;
     294    border-bottom: 1px solid #dcdcde;
    295295}
    296296
     
    300300
    301301h4.media-sub-title {
    302     border-bottom: 1px solid #ddd;
     302    border-bottom: 1px solid #dcdcde;
    303303    font-size: 1.3em;
    304304    margin: 12px;
     
    311311    font-family: Georgia,"Times New Roman",Times,serif;
    312312    font-weight: 400;
    313     color: #5A5A5A;
     313    color: #50575e;
    314314}
    315315
     
    344344#gallery-settings legend {
    345345    font-size: 13px;
    346     color: #444;
     346    color: #3c434a;
    347347    margin-right: 15px;
    348348}
     
    353353
    354354#gallery-settings p.ml-submit {
    355     border-top: 1px solid #ddd;
     355    border-top: 1px solid #dcdcde;
    356356}
    357357
  • trunk/src/wp-admin/css/edit.css

    r49325 r50025  
    6969
    7070#titlediv #title-prompt-text {
    71     color: #72777c;
     71    color: #787c82;
    7272    position: absolute;
    7373    font-size: 1.7em;
     
    9595    margin-top: 5px;
    9696    padding: 0 10px;
    97     color: #666;
     97    color: #646970;
    9898}
    9999
     
    151151/* Only highlight drop zones when dragging and only in the 2 columns layout. */
    152152.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
    153     outline: 3px dashed #606a73;
     153    outline: 3px dashed #646970;
    154154    /* Prevent margin on the child from collapsing with margin on the parent. */
    155155    display: flow-root;
     
    167167    position: relative;
    168168    min-width: 255px;
    169     border: 1px solid #ccd0d4;
     169    border: 1px solid #c3c4c7;
    170170    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    171171    background: #fff;
     
    219219#post-body ul.category-tabs li.tabs a,
    220220#post-body ul.add-menu-item-tabs li.tabs a {
    221     color: #32373c;
     221    color: #2c3338;
    222222}
    223223
     
    271271ul.add-menu-item-tabs li.tabs,
    272272.wp-tab-active {
    273     border: 1px solid #ddd;
    274     border-bottom-color: #fdfdfd;
    275     background-color: #fdfdfd;
     273    border: 1px solid #dcdcde;
     274    border-bottom-color: #fff;
     275    background-color: #fff;
    276276}
    277277
     
    292292    width: auto;
    293293    vertical-align: top;
    294     background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
     294    background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
    295295    background-position: 0 0, 10px 10px;
    296296    background-size: 20px 20px;
     
    323323    width: 100%;
    324324    border-spacing: 0;
    325     border: 1px solid #ccd0d4;
     325    border: 1px solid #c3c4c7;
    326326    border-top: none;
    327     background-color: #f7f7f7;
     327    background-color: #f6f7f7;
    328328    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    329329    z-index: 999;
     
    374374.wp-editor-expand #wp-content-editor-tools {
    375375    z-index: 1000;
    376     border-bottom: 1px solid #ccd0d4;
     376    border-bottom: 1px solid #c3c4c7;
    377377}
    378378
     
    391391
    392392.wp-editor-expand #post-status-info {
    393     border-top: 1px solid #ccd0d4;
     393    border-top: 1px solid #c3c4c7;
    394394}
    395395
     
    423423
    424424#wp-content-editor-tools {
    425     background-color: #f1f1f1;
     425    background-color: #f0f0f1;
    426426    padding-top: 20px;
    427427}
     
    465465#post-body .misc-pub-response-to:before,
    466466#post-body .misc-pub-comment-status:before {
    467     color: #82878c;
     467    color: #8c8f94;
    468468}
    469469
     
    648648
    649649#poststuff .stuffbox > h2 {
    650     border-bottom: 1px solid #eee;
     650    border-bottom: 1px solid #f0f0f1;
    651651}
    652652
     
    714714    margin: 0;
    715715    padding: 0.7em 1em;
    716     border-bottom: 1px solid #eee;
     716    border-bottom: 1px solid #f0f0f1;
    717717}
    718718
     
    732732.privacy-text-section {
    733733    position: relative;
    734     border-top: 1px solid #e3e3e3;
     734    border-top: 1px solid #dcdcde;
    735735}
    736736
     
    741741
    742742.text-removed .policy-text {
    743     color: #666;
     743    color: #646970;
    744744    font-weight: 300;
    745745    padding-left: 1em;
    746     border-left: 3px solid #ffb900;
     746    border-left: 3px solid #dba617;
    747747}
    748748
     
    753753.text-removed .policy-text h5,
    754754.text-removed .policy-text h6 {
    755     color: #39424a;
     755    color: #3c434a;
    756756    font-weight: 500;
    757757}
     
    767767.privacy-text-actions .success {
    768768    display: none;
    769     color: #40860a;
     769    color: #008a20;
    770770    float: right;
    771771    padding-right: 1em;
     
    854854#postcustomstuff thead th {
    855855    padding: 5px 8px 8px;
    856     background-color: #f1f1f1;
     856    background-color: #f0f0f1;
    857857}
    858858
     
    881881    margin: 0;
    882882    width: 100%;
    883     border: 1px solid #ddd;
     883    border: 1px solid #dcdcde;
    884884    border-spacing: 0;
    885     background-color: #f9f9f9;
     885    background-color: #f6f7f7;
    886886}
    887887
     
    976976    margin-top: -4px;
    977977    margin-right: 7px;
    978     color: #ddd;
     978    color: #dcdcde;
    979979    font: normal 20px/1 dashicons;
    980980    speak: never;
     
    984984
    985985a.post-format-icon:hover:before {
    986     color: #006799;
     986    color: #135e96;
    987987}
    988988
     
    10701070    overflow: auto;
    10711071    padding: 0 0.9em;
    1072     border: solid 1px #ddd;
    1073     background-color: #fdfdfd;
     1072    border: solid 1px #dcdcde;
     1073    background-color: #fff;
    10741074}
    10751075
     
    10831083
    10841084div.tabs-panel-active:focus {
    1085     box-shadow: inset 0 0 0 1px #5b9dd9, inset 0 0 2px 1px rgba(30, 140, 190, 0.8);
     1085    box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
    10861086    outline: 0 none;
    10871087}
     
    11391139.form-wrap p {
    11401140    margin: 2px 0 5px;
    1141     color: #666;
     1141    color: #646970;
    11421142}
    11431143
     
    12271227    margin: 5px 0 10px;
    12281228    padding: 8px;
    1229     border: 1px solid #ddd;
     1229    border: 1px solid #dcdcde;
    12301230    line-height: 1.2;
    12311231    word-spacing: 3px;
     
    12481248    position: absolute;
    12491249    z-index: 10000;
    1250     border: 1px solid #5b9dd9;
     1250    border: 1px solid #4f94d4;
    12511251    background-color: #fff;
    12521252}
     
    12651265.ac_results .ac_over,
    12661266.ac_over .ac_match {
    1267     background-color: #0073aa;
     1267    background-color: #2271b1;
    12681268    color: #fff;
    12691269    cursor: pointer;
     
    13071307    display: inline-block;
    13081308    padding: 0 4px;
    1309     color: #72777C;
     1309    color: #787c82;
    13101310    font-size: 13px;
    13111311    word-break: break-all;
  • trunk/src/wp-admin/css/forms.css

    r49944 r50025  
    5454    box-shadow: 0 0 0 transparent;
    5555    border-radius: 4px;
    56     border: 1px solid #7e8993;
     56    border: 1px solid #8c8f94;
    5757    background-color: #fff;
    58     color: #32373c;
     58    color: #2c3338;
    5959}
    6060
     
    102102select:focus,
    103103textarea:focus {
    104     border-color: #007cba;
    105     box-shadow: 0 0 0 1px #007cba;
     104    border-color: #3582c4;
     105    box-shadow: 0 0 0 1px #3582c4;
    106106    /* Only visible in Windows High Contrast mode */
    107107    outline: 2px solid transparent;
     
    116116input[type="checkbox"],
    117117input[type="radio"] {
    118     border: 1px solid #7e8993;
     118    border: 1px solid #8c8f94;
    119119    border-radius: 4px;
    120120    background: #fff;
    121     color: #555;
     121    color: #50575e;
    122122    clear: none;
    123123    cursor: pointer;
     
    138138
    139139input[type="radio"]:checked + label:before {
    140     color: #82878c;
     140    color: #8c8f94;
    141141}
    142142
    143143.wp-core-ui input[type="reset"]:hover,
    144144.wp-core-ui input[type="reset"]:active {
    145     color: #006799;
     145    color: #135e96;
    146146}
    147147
     
    192192    height: 0.5rem; /* 8px */
    193193    margin: 0.1875rem; /* 3px */
    194     background-color: #1e8cbe;
     194    background-color: #4f94d4;
    195195    /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
    196196    line-height: 1.14285714;
     
    223223textarea.readonly,
    224224textarea[readonly] {
    225     background-color: #eee;
     225    background-color: #f0f0f1;
    226226}
    227227
    228228::-webkit-input-placeholder {
    229     color: #72777c;
     229    color: #787c82;
    230230}
    231231
    232232::-moz-placeholder {
    233     color: #72777c;
     233    color: #787c82;
    234234    opacity: 1;
    235235}
    236236
    237237:-ms-input-placeholder {
    238     color: #72777c;
     238    color: #787c82;
    239239}
    240240
     
    245245.form-invalid.form-required select,
    246246.form-invalid.form-required select:focus {
    247     border-color: #dc3232 !important;
    248     box-shadow: 0 0 2px rgba(204, 0, 0, 0.8);
     247    border-color: #d63638 !important;
     248    box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
    249249}
    250250
     
    252252    content: "\f534";
    253253    font: normal 20px/1 dashicons;
    254     color: #dc3232;
     254    color: #d63638;
    255255    margin-left: -25px;
    256256    vertical-align: middle;
     
    265265    content: "\f534";
    266266    font: normal 20px/1 dashicons;
    267     color: #dc3232;
     267    color: #d63638;
    268268    margin: 0 6px 0 -29px;
    269269    vertical-align: middle;
     
    271271
    272272.form-input-tip {
    273     color: #666;
     273    color: #646970;
    274274}
    275275
     
    281281textarea.disabled {
    282282    background: rgba(255, 255, 255, 0.5);
    283     border-color: rgba(222, 222, 222, 0.75);
     283    border-color: rgba(220, 220, 222, 0.75);
    284284    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
    285     color: rgba(51, 51, 51, 0.5);
     285    color: rgba(44, 51, 56, 0.5);
    286286}
    287287
     
    314314    font-size: 14px;
    315315    line-height: 2; /* 28px */
    316     color: #32373c;
    317     border-color: #7e8993;
     316    color: #2c3338;
     317    border-color: #8c8f94;
    318318    box-shadow: none;
    319319    border-radius: 3px;
     
    330330
    331331.wp-core-ui select:hover {
    332     color: #007cba;
     332    color: #3582c4;
    333333}
    334334
    335335.wp-core-ui select:focus {
    336     border-color: #007cba;
    337     color: #016087;
    338     box-shadow: 0 0 0 1px #007cba;
     336    border-color: #3582c4;
     337    color: #0a4b78;
     338    box-shadow: 0 0 0 1px #3582c4;
    339339}
    340340
    341341.wp-core-ui select:active {
    342     border-color: #999;
     342    border-color: #8c8f94;
    343343    box-shadow: none;
    344344}
     
    346346.wp-core-ui select.disabled,
    347347.wp-core-ui select:disabled {
    348     color: #a0a5aa;
    349     border-color: #ddd;
    350     background-color: #f7f7f7;
     348    color: #a7aaad;
     349    border-color: #dcdcde;
     350    background-color: #f6f7f7;
    351351    /* The SVG is arrow-down-alt2 from Dashicons. */
    352352    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
     
    361361.wp-core-ui select:-moz-focusring {
    362362    color: transparent;
    363     text-shadow: 0 0 0 #016087;
     363    text-shadow: 0 0 0 #0a4b78;
    364364}
    365365
     
    367367.wp-core-ui select::-ms-value {
    368368    background: transparent;
    369     color: #555;
     369    color: #50575e;
    370370}
    371371
    372372.wp-core-ui select:hover::-ms-value {
    373     color: #007cba;
     373    color: #3582c4;
    374374}
    375375
    376376.wp-core-ui select:focus::-ms-value {
    377     color: #016087;
     377    color: #0a4b78;
    378378}
    379379
    380380.wp-core-ui select.disabled::-ms-value,
    381381.wp-core-ui select:disabled::-ms-value {
    382     color: #a0a5aa;
     382    color: #a7aaad;
    383383}
    384384
     
    559559
    560560#pass-strength-result {
    561     background-color: #eee;
    562     border: 1px solid #ddd;
    563     color: #23282d;
     561    background-color: #f0f0f1;
     562    border: 1px solid #dcdcde;
     563    color: #1d2327;
    564564    margin: -1px 1px 5px;
    565565    padding: 3px 5px;
     
    571571
    572572#pass-strength-result.short {
    573     background-color: #f1adad;
    574     border-color: #e35b5b;
     573    background-color: #ffabaf;
     574    border-color: #e65054;
    575575    opacity: 1;
    576576}
    577577
    578578#pass-strength-result.bad {
    579     background-color: #fbc5a9;
    580     border-color: #f78b53;
     579    background-color: #facfd2;
     580    border-color: #f86368;
    581581    opacity: 1;
    582582}
    583583
    584584#pass-strength-result.good {
    585     background-color: #ffe399;
    586     border-color: #ffc733;
     585    background-color: #f5e6ab;
     586    border-color: #f0c33c;
    587587    opacity: 1;
    588588}
    589589
    590590#pass-strength-result.strong {
    591     background-color: #c1e1b9;
    592     border-color: #83c373;
     591    background-color: #b8e6bf;
     592    border-color: #68de7c;
    593593    opacity: 1;
    594594}
    595595
    596596#pass1.short, #pass1-text.short {
    597     border-color: #e35b5b;
     597    border-color: #e65054;
    598598}
    599599
    600600#pass1.bad, #pass1-text.bad {
    601     border-color: #f78b53;
     601    border-color: #f86368;
    602602}
    603603
    604604#pass1.good, #pass1-text.good {
    605     border-color: #ffc733;
     605    border-color: #f0c33c;
    606606}
    607607
    608608#pass1.strong, #pass1-text.strong {
    609     border-color: #83c373;
     609    border-color: #68de7c;
    610610}
    611611
     
    686686    position: absolute;
    687687    z-index: 10000;
    688     border: 1px solid #5b9dd9;
    689     box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
     688    border: 1px solid #4f94d4;
     689    box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
    690690    background-color: #fff;
    691691}
     
    701701/* Colors for the wplink toolbar autocomplete. */
    702702.ui-autocomplete .ui-state-focus {
    703     background-color: #ddd;
     703    background-color: #dcdcde;
    704704}
    705705
    706706/* Colors for the tags autocomplete. */
    707707.wp-tags-autocomplete .ui-state-focus {
    708     background-color: #0073aa;
     708    background-color: #2271b1;
    709709    color: #fff;
    710710}
     
    737737.form-table th,
    738738.form-wrap label {
    739     color: #23282d;
     739    color: #1d2327;
    740740    font-weight: 400;
    741741    text-shadow: none;
     
    844844.color-option:hover,
    845845.color-option.selected {
    846     background: #ddd;
     846    background: #dcdcde;
    847847}
    848848
     
    924924    min-width: 255px;
    925925    max-width: 520px;
    926     border: 1px solid #ccd0d4;
     926    border: 1px solid #c3c4c7;
    927927    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    928928    background: #fff;
     
    959959    position: relative;
    960960    cursor: move;
    961     color: #32373c;
    962     background: #e5e5e5;
     961    color: #2c3338;
     962    background: #dcdcde;
    963963    border-radius: 5px;
    964     border: 1px solid #b4b9be;
     964    border: 1px solid #c3c4c7;
    965965    font-style: normal;
    966966    line-height: 16px;
     
    998998
    999999.pressthis-bookmarklet span:before {
    1000     color: #72777c;
     1000    color: #787c82;
    10011001    font: normal 20px/1 dashicons;
    10021002    content: "\f157";
     
    10241024.pressthis-js-toggle .dashicons {
    10251025    margin: 5px 8px 6px 7px;
    1026     color: #555d66;
     1026    color: #50575e;
    10271027}
    10281028
     
    12011201
    12021202.request-filesystem-credentials-dialog .ftp-password em {
    1203     color: #888;
     1203    color: #8c8f94;
    12041204}
    12051205
     
    12631263
    12641264.privacy_requests .row-actions {
    1265     color: #72777c;
     1265    color: #787c82;
    12661266}
    12671267
     
    12941294.privacy_requests .status-request-confirmed th,
    12951295.privacy_requests .status-request-confirmed td {
    1296     background-color: #f7fcfe;
    1297     border-left-color: #00a0d2;
     1296    background-color: #fff;
     1297    border-left-color: #72aee6;
    12981298}
    12991299
    13001300.privacy_requests .status-request-failed th,
    13011301.privacy_requests .status-request-failed td {
    1302     background-color: #fef7f1;
    1303     border-left-color: #d64d21;
     1302    background-color: #f6f7f7;
     1303    border-left-color: #d63638;
    13041304}
    13051305
     
    13151315    font-weight: 400;
    13161316    font-style: italic;
    1317     color: #6c7781;
     1317    color: #787c82;
    13181318}
    13191319
    13201320.status-label.status-request-failed {
    1321     color: #aa0000;
     1321    color: #d63638;
    13221322    font-weight: 600;
    13231323}
     
    13531353
    13541354.email-personal-data--sending::before {
    1355     color: #f56e28;
     1355    color: #d63638;
    13561356    content: "\f463";
    13571357    animation: rotation 2s infinite linear;
     
    13591359
    13601360.email-personal-data--sent::before {
    1361     color: #79ba49;
     1361    color: #68de7c;
    13621362    content: "\f147";
    13631363}
  • trunk/src/wp-admin/css/install.css

    r49907 r50025  
    11html {
    2     background: #f1f1f1;
     2    background: #f0f0f1;
    33    margin: 0 20px;
    44}
     
    66body {
    77    background: #fff;
    8     border: 1px solid #ccd0d4;
    9     color: #444;
     8    border: 1px solid #c3c4c7;
     9    color: #3c434a;
    1010    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    1111    margin: 140px auto 25px;
     
    1313    max-width: 700px;
    1414    -webkit-font-smoothing: subpixel-antialiased;
    15     box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
     15    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    1616}
    1717
    1818a {
    19     color: #0073aa;
     19    color: #2271b1;
    2020}
    2121
    2222a:hover,
    2323a:active {
    24     color: #006799;
     24    color: #135e96;
    2525}
    2626
    2727a:focus {
    28     color: #124964;
     28    color: #043959;
    2929    box-shadow:
    30         0 0 0 1px #5b9dd9,
    31         0 0 2px 1px rgba(30, 140, 190, 0.8);
     30        0 0 0 1px #4f94d4,
     31        0 0 2px 1px rgba(79, 148, 212, 0.8);
    3232}
    3333
    3434h1, h2 {
    35     border-bottom: 1px solid #ddd;
     35    border-bottom: 1px solid #dcdcde;
    3636    clear: both;
    37     color: #666;
     37    color: #646970;
    3838    font-size: 24px;
    3939    padding: 0;
     
    8989    background-position: center top;
    9090    background-repeat: no-repeat;
    91     color: #444; /* same as login.css */
     91    color: #3c434a; /* same as login.css */
    9292    font-size: 20px;
    9393    font-weight: 400;
     
    110110}
    111111textarea {
    112     border: 1px solid #ddd;
     112    border: 1px solid #dcdcde;
    113113    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    114114    width: 100%;
     
    201201
    202202.message {
    203     border-left: 4px solid #dc3232;
     203    border-left: 4px solid #d63638;
    204204    padding: .7em .6em;
    205     background-color: #fbeaea;
     205    background-color: #fcf0f1;
    206206}
    207207
     
    309309    width: 100%;
    310310    display: block;
    311     border: 1px solid #ddd;
     311    border: 1px solid #dcdcde;
    312312    background: #fff;
    313     color: #32373c;
     313    color: #2c3338;
    314314    font-size: 16px;
    315315    font-family: Arial, sans-serif;
     
    318318
    319319.language-chooser select:focus {
    320     color: #32373c;
     320    color: #2c3338;
    321321}
    322322
    323323.language-chooser select option:hover,
    324324.language-chooser select option:focus {
    325     color: #016087;
     325    color: #0a4b78;
    326326}
    327327
  • trunk/src/wp-admin/css/list-tables.css

    r49317 r50025  
    5656    height: 2em;
    5757    border-radius: 5px;
    58     background-color: #72777c;
     58    background-color: #787c82;
    5959    color: #fff;
    6060    font-size: 11px;
     
    7272    width: 0;
    7373    height: 0;
    74     border-top: 5px solid #72777c;
     74    border-top: 5px solid #787c82;
    7575    border-right: 5px solid transparent;
    7676}
     
    8080.column-comments a.post-com-count-approved:hover .comment-count-approved,
    8181.column-comments a.post-com-count-approved:focus .comment-count-approved {
    82     background: #0073aa;
     82    background: #2271b1;
    8383}
    8484
     
    8787.column-comments a.post-com-count-approved:hover:after,
    8888.column-comments a.post-com-count-approved:focus:after {
    89     border-top-color: #0073aa;
     89    border-top-color: #2271b1;
    9090}
    9191
     
    100100    border: 2px solid #fff;
    101101    border-radius: 11px;
    102     background: #ca4a1f;
     102    background: #d63638;
    103103    color: #fff;
    104104    font-size: 9px;
     
    117117    padding: 1em 1em .2em;
    118118    margin: 0;
    119     border-bottom: 1px solid #ccc;
     119    border-bottom: 1px solid #c3c4c7;
    120120}
    121121
     
    132132#submitted-on,
    133133.submitted-on {
    134     color: #555d66;
     134    color: #50575e;
    135135}
    136136
     
    204204
    205205#replyerror {
    206     border-color: #ddd;
    207     background-color: #f9f9f9;
     206    border-color: #dcdcde;
     207    background-color: #f6f7f7;
    208208}
    209209
     
    215215#the-comment-list tr.undo,
    216216#the-comment-list div.undo {
    217     background-color: #f5f5f5;
     217    background-color: #f6f7f7;
    218218}
    219219
    220220#the-comment-list .unapproved th,
    221221#the-comment-list .unapproved td {
    222     background-color: #fef7f1;
     222    background-color: #fcf9e8;
    223223}
    224224
    225225#the-comment-list .unapproved th.check-column {
    226     border-left: 4px solid #d54e21;
     226    border-left: 4px solid #d63638;
    227227}
    228228
     
    232232
    233233#the-comment-list .approve a {
    234     color: #006505;
     234    color: #007017;
    235235}
    236236
    237237#the-comment-list .unapprove a {
    238     color: #d98500;
     238    color: #bd8600;
    239239}
    240240
     
    258258.vim-current th,
    259259.vim-current td {
    260     background-color: #e4f2fd !important;
     260    background-color: #f0f6fc !important;
    261261}
    262262
     
    279279    -moz-osx-font-smoothing: grayscale;
    280280    text-decoration: none !important;
    281     color: #444;
     281    color: #3c434a;
    282282}
    283283
     
    459459    top: -4px;
    460460    left: -8px;
    461     color: #444;
     461    color: #3c434a;
    462462    line-height: 0.5;
    463463    position: relative;
     
    466466    -moz-osx-font-smoothing: grayscale;
    467467    text-decoration: none !important;
    468     color: #444;
     468    color: #3c434a;
    469469}
    470470
     
    505505.wp-list-table .toggle-row:focus:before {
    506506    box-shadow:
    507         0 0 0 1px #5b9dd9,
    508         0 0 2px 1px rgba(30, 140, 190, 0.8);
     507        0 0 0 1px #4f94d4,
     508        0 0 2px 1px rgba(79, 148, 212, 0.8);
    509509}
    510510
     
    520520    display: block;
    521521    padding: 1px 2px 1px 0;
    522     color: #444; /* same as table headers sort arrows */
     522    color: #3c434a; /* same as table headers sort arrows */
    523523    content: "\f140";
    524524    font: normal 20px/1 dashicons;
     
    541541
    542542.locked-indicator-icon:before {
    543     color: #82878c;
     543    color: #8c8f94;
    544544    content: "\f160";
    545545    display: inline-block;
     
    710710
    711711.view-switch a:before {
    712     color: #b4b9be;
     712    color: #c3c4c7;
    713713    display: inline-block;
    714714    font: normal 20px/1 dashicons;
     
    721721.view-switch a:hover:before,
    722722.view-switch a:focus:before {
    723     color: #727272;
     723    color: #787c82;
    724724}
    725725
    726726.view-switch a.current:before {
    727     color: #0073aa;
     727    color: #2271b1;
    728728}
    729729
     
    795795
    796796.row-actions {
    797     color: #ddd;
     797    color: #dcdcde;
    798798    font-size: 13px;
    799799    padding: 2px 0 0;
     
    10311031ul.cat-checklist {
    10321032    height: 12em;
    1033     border: solid 1px #ddd;
     1033    border: solid 1px #dcdcde;
    10341034    overflow-y: scroll;
    10351035    padding: 0 5px;
     
    10411041    display: block;
    10421042    height: 12em;
    1043     border: 1px solid #ddd;
     1043    border: 1px solid #dcdcde;
    10441044    overflow-y: scroll;
    10451045    padding: 0 5px;
     
    11681168.plugins .active td,
    11691169.plugins .active th {
    1170     background-color: #f7fcfe;
     1170    background-color: #f0f6fc;
    11711171}
    11721172
     
    11911191.plugins tr.active + tr.inactive td {
    11921192    border-top: 1px solid rgba(0, 0, 0, 0.03);
    1193     box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #e1e1e1;
     1193    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
    11941194}
    11951195
     
    12091209.plugins .active th.check-column,
    12101210.plugin-update-tr.active td {
    1211     border-left: 4px solid #00a0d2;
     1211    border-left: 4px solid #72aee6;
    12121212}
    12131213
     
    12281228.plugins .plugin-title .dashicons:before {
    12291229    padding: 2px;
    1230     background-color: #eee;
    1231     box-shadow: inset 0 0 10px rgba(160, 165, 170, 0.15);
     1230    background-color: #f0f0f1;
     1231    box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
    12321232    font-size: 60px;
    1233     color: #B4B9BE;
     1233    color: #c3c4c7;
    12341234}
    12351235
     
    12871287
    12881288.plugins tr.paused th.check-column {
    1289     border-left: 4px solid #d54e21;
     1289    border-left: 4px solid #d63638;
    12901290}
    12911291
    12921292.plugins tr.paused th,
    12931293.plugins tr.paused td {
    1294     background-color: #fef7f1;
     1294    background-color: #f6f7f7;
    12951295}
    12961296
    12971297.plugins tr.paused .plugin-title,
    12981298.plugins .paused .dashicons-warning {
    1299     color: #dc3232;
     1299    color: #d63638;
    13001300}
    13011301
     
    13031303.plugins .paused .error-display code {
    13041304    font-size: 90%;
    1305     color: rgba( 0, 0, 0, 0.7 );
     1305    color: rgba(0, 0, 0, 0.7);
    13061306}
    13071307
    13081308.plugins .resume-link {
    1309     color: #dc3232;
     1309    color: #d63638;
    13101310}
    13111311
    13121312.plugin-card .update-now:before {
    1313     color: #f56e28;
     1313    color: #d63638;
    13141314    content: "\f463";
    13151315    display: inline-block;
     
    13371337
    13381338.plugin-card .updated-message:before {
    1339     color: #79ba49;
     1339    color: #68de7c;
    13401340    content: "\f147";
    13411341}
     
    13691369    width: calc( 50% - 8px );
    13701370    background-color: #fff;
    1371     border: 1px solid #ddd;
     1371    border: 1px solid #dcdcde;
    13721372    box-sizing: border-box;
    13731373}
     
    14761476    clear: both;
    14771477    padding: 12px 20px;
    1478     background-color: #fafafa;
    1479     border-top: 1px solid #ddd;
     1478    background-color: #f6f7f7;
     1479    border-top: 1px solid #dcdcde;
    14801480    overflow: hidden;
    14811481}
     
    14921492    margin: 0;
    14931493    padding-left: 16px;
    1494     box-shadow: 0 -1px 0 #ddd;
     1494    box-shadow: 0 -1px 0 #dcdcde;
    14951495}
    14961496
     
    15361536    -moz-osx-font-smoothing: grayscale;
    15371537    text-decoration: none !important;
    1538     color: #444;
     1538    color: #3c434a;
    15391539}
    15401540
    15411541.plugin-card .column-compatibility .compatibility-incompatible:before {
    15421542    content: "\f158";
    1543     color: #c62d2d;
     1543    color: #d63638;
    15441544}
    15451545
    15461546.plugin-card .column-compatibility .compatibility-compatible:before {
    15471547    content: "\f147";
    1548     color: #31843f;
     1548    color: #007017;
    15491549}
    15501550
     
    15631563
    15641564.no-plugin-results {
    1565     color: #666; /* same as no themes and no media */
     1565    color: #646970; /* same as no themes and no media */
    15661566    font-size: 18px;
    15671567    font-style: normal;
     
    15751575.wp-list-table .site-deleted,
    15761576.wp-list-table tr.site-deleted {
    1577     background: #ff8573;
     1577    background: #ff8085;
    15781578}
    15791579.wp-list-table .site-spammed,
    15801580.wp-list-table tr.site-spammed {
    1581     background: #faafaa;
     1581    background: #ffabaf;
    15821582}
    15831583.wp-list-table .site-archived,
    15841584.wp-list-table tr.site-archived {
    1585     background: #ffebe8;
     1585    background: #fcf0f1;
    15861586}
    15871587.wp-list-table .site-mature,
    15881588.wp-list-table tr.site-mature {
    1589     background: #fecac2;
     1589    background: #facfd2;
    15901590}
    15911591
     
    18571857        border-radius: 0;
    18581858        background: none;
    1859         color: #bb2a2a;
     1859        color: #b32d2e;
    18601860        font-size: inherit;
    18611861        line-height: inherit;
     
    18651865    .column-response .post-com-count-pending:hover,
    18661866    .column-comments .post-com-count-pending:hover {
    1867         color: #dc3232;
     1867        color: #d63638;
    18681868    }
    18691869
     
    20712071
    20722072    .plugins .active.update + .plugin-update-tr:before {
    2073         border-left: 4px solid #d54e21;
    2074         background-color: #fef7f1;
     2073        border-left: 4px solid #d63638;
     2074        background-color: #f6f7f7;
    20752075    }
    20762076
     
    20842084
    20852085    .plugins .active.update + .plugin-update-tr:before {
    2086         background-color: #f7fcfe;
    2087         border-left: 4px solid #00a0d2;
     2086        background-color: #fff;
     2087        border-left: 4px solid #72aee6;
    20882088    }
    20892089
  • trunk/src/wp-admin/css/login.css

    r48368 r50025  
    77
    88body {
    9     background: #f1f1f1;
     9    background: #f0f0f1;
    1010    min-width: 0;
    11     color: #444;
     11    color: #3c434a;
    1212    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    1313    font-size: 13px;
     
    1616
    1717a {
    18     color: #0073aa;
     18    color: #2271b1;
    1919    transition-property: border, background, color;
    2020    transition-duration: .05s;
     
    2828a:hover,
    2929a:active {
    30     color: #006799;
     30    color: #135e96;
    3131}
    3232
    3333a:focus {
    34     color: #124964;
     34    color: #043959;
    3535    box-shadow:
    36         0 0 0 1px #5b9dd9,
    37         0 0 2px 1px rgba(30, 140, 190, 0.8);
     36        0 0 0 1px #4f94d4,
     37        0 0 2px 1px rgba(79, 148, 212, 0.8);
    3838}
    3939
     
    4545.login .success,
    4646.login #login_error {
    47     border-left: 4px solid #00a0d2;
     47    border-left: 4px solid #72aee6;
    4848    padding: 12px;
    4949    margin-left: 0;
     
    5454
    5555.login .success {
    56     border-left-color: #46b450;
     56    border-left-color: #00a32a;
    5757}
    5858
    5959.login #login_error {
    60     border-left-color: #dc3232;
     60    border-left-color: #d63638;
    6161}
    6262
     
    103103.login .button.wp-hide-pw:focus {
    104104    background: transparent;
    105     border-color: #007cba;
    106     box-shadow: 0 0 0 1px #007cba;
     105    border-color: #3582c4;
     106    box-shadow: 0 0 0 1px #3582c4;
    107107    /* Only visible in Windows High Contrast mode */
    108108    outline: 2px solid transparent;
     
    136136    overflow: hidden;
    137137    background: #fff;
    138     border: 1px solid #ccd0d4;
     138    border: 1px solid #c3c4c7;
    139139    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    140140}
     
    204204
    205205.login h1.admin-email__heading {
    206     border-bottom: 1px rgb(241, 241, 241) solid;
    207     color: rgb(95, 95, 95);
     206    border-bottom: 1px #f0f0f1 solid;
     207    color: #50575e;
    208208    font-weight: normal;
    209209    padding-bottom: 0.5em;
     
    253253    background-position: center top;
    254254    background-repeat: no-repeat;
    255     color: #444;
     255    color: #3c434a;
    256256    height: 84px;
    257257    font-size: 20px;
     
    291291.login #backtoblog a {
    292292    text-decoration: none;
    293     color: #555d66;
     293    color: #50575e;
    294294}
    295295
     
    297297.login #backtoblog a:hover,
    298298.login h1 a:hover {
    299     color: #006799;
     299    color: #135e96;
    300300}
    301301
     
    303303.login #backtoblog a:focus,
    304304.login h1 a:focus {
    305     color: #124964;
     305    color: #043959;
    306306}
    307307
     
    334334.login input[type="text"],
    335335.login form input[type="checkbox"] {
    336     background: #fbfbfb;
     336    background: #fff;
    337337}
    338338
  • trunk/src/wp-admin/css/media.css

    r49555 r50025  
    66    border-collapse: collapse;
    77    width: 100%;
    8     border-top: 1px solid #ddd;
     8    border-top: 1px solid #dcdcde;
    99    clear: both;
    1010    cursor: default;
     
    125125.media-upload-form .media-item,
    126126.media-upload-form .media-item .error {
    127     box-shadow: 0 1px 0 #ddd;
     127    box-shadow: 0 1px 0 #dcdcde;
    128128}
    129129
     
    164164    overflow: hidden;
    165165    border-radius: 22px;
    166     background: #ddd;
     166    background: #dcdcde;
    167167    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    168168}
     
    174174    margin-top: -22px;
    175175    border-radius: 22px;
    176     background-color: #0073aa;
     176    background-color: #2271b1;
    177177    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    178178}
     
    239239
    240240.find-box-head {
    241     background: #fcfcfc;
    242     border-bottom: 1px solid #ddd;
     241    background: #fff;
     242    border-bottom: 1px solid #dcdcde;
    243243    height: 36px;
    244244    font-size: 18px;
     
    306306    text-align: center;
    307307    background: none;
    308     color: #666;
     308    color: #646970;
    309309}
    310310
    311311#find-posts-close:hover,
    312312#find-posts-close:focus {
    313     color: #006799;
     313    color: #135e96;
    314314}
    315315
    316316#find-posts-close:focus {
    317317    box-shadow:
    318         0 0 0 1px #5b9dd9,
    319         0 0 2px 1px rgba(30, 140, 190, 0.8);
     318        0 0 0 1px #4f94d4,
     319        0 0 2px 1px rgba(79, 148, 212, 0.8);
    320320    /* Only visible in Windows High Contrast mode */
    321321    outline: 2px solid transparent;
     
    334334.find-box-buttons {
    335335    padding: 8px 16px;
    336     background: #fcfcfc;
    337     border-top: 1px solid #ddd;
     336    background: #fff;
     337    border-top: 1px solid #dcdcde;
    338338    position: absolute;
    339339    bottom: 0;
     
    374374
    375375.drag-drop #drag-drop-area {
    376     border: 4px dashed #b4b9be;
     376    border: 4px dashed #c3c4c7;
    377377    height: 200px;
    378378}
     
    408408border color while dragging a file over the uploader drop area */
    409409.drag-drop.drag-over #drag-drop-area {
    410     border-color: #83b4d8;
     410    border-color: #9ec2e6;
    411411}
    412412
     
    443443    margin-top: 12px;
    444444    padding: 0 16px;
    445     border-left: 4px solid #dd3d36;
     445    border-left: 4px solid #d63638;
    446446    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    447447    background-color: #fff;
     
    476476    display: block;
    477477    font: normal 16px/1 dashicons;
    478     color: #72777c;
     478    color: #787c82;
    479479}
    480480
    481481.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
    482482.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
    483     color: #c00;
     483    color: #d63638;
    484484}
    485485
     
    496496    padding-top: 0;
    497497    margin-top: 20px;
    498     border: 4px dashed #b4b9be;
     498    border: 4px dashed #c3c4c7;
    499499}
    500500
     
    509509.media-frame.mode-grid .attachment.details:focus {
    510510    box-shadow:
    511         inset 0 0 2px 3px #f1f1f1,
    512         inset 0 0 0 7px #5b9dd9;
     511        inset 0 0 2px 3px #f0f0f1,
     512        inset 0 0 0 7px #4f94d4;
    513513    /* Only visible in Windows High Contrast mode */
    514514    outline: 2px solid transparent;
     
    518518.media-frame.mode-grid .selected.attachment {
    519519    box-shadow:
    520         inset 0 0 0 5px #f1f1f1,
    521         inset 0 0 0 7px #ccc;
     520        inset 0 0 0 5px #f0f0f1,
     521        inset 0 0 0 7px #c3c4c7;
    522522}
    523523
    524524.media-frame.mode-grid .attachment.details {
    525525    box-shadow:
    526         inset 0 0 0 3px #f1f1f1,
    527         inset 0 0 0 7px #1e8cbe;
     526        inset 0 0 0 3px #f0f0f1,
     527        inset 0 0 0 7px #4f94d4;
    528528}
    529529
     
    590590
    591591.media-frame.mode-grid .attachments-browser .no-media {
    592     color: #666; /* same as no plugins and no themes */
     592    color: #646970; /* same as no plugins and no themes */
    593593    font-size: 18px;
    594594    font-style: normal;
     
    621621.edit-attachment-frame .edit-media-header .right {
    622622    cursor: pointer;
    623     color: #72777c;
     623    color: #787c82;
    624624    background-color: transparent;
    625625    height: 50px;
     
    629629    text-align: center;
    630630    border: 0;
    631     border-left: 1px solid #ddd;
     631    border-left: 1px solid #dcdcde;
    632632    transition: color .1s ease-in-out, background .1s ease-in-out;
    633633}
     
    664664.edit-attachment-frame .edit-media-header .left:focus,
    665665.edit-attachment-frame .edit-media-header .right:focus {
    666     background: #ddd;
    667     border-color: #ccc;
     666    background: #dcdcde;
     667    border-color: #c3c4c7;
    668668    color: #000;
    669669    outline: none;
     
    694694.edit-attachment-frame .edit-media-header [disabled],
    695695.edit-attachment-frame .edit-media-header [disabled]:hover {
    696     color: #ccc;
     696    color: #c3c4c7;
    697697    background: inherit;
    698698    cursor: default;
     
    738738    max-height: 90%;
    739739    max-height: calc( 100% - 42px ); /* leave space for actions underneath */
    740     background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
     740    background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
    741741    background-position: 0 0, 10px 10px;
    742742    background-size: 20px 20px;
     
    770770    box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
    771771    border-bottom: 0;
    772     border-left: 1px solid #ddd;
    773     background: #f3f3f3;
     772    border-left: 1px solid #dcdcde;
     773    background: #f6f7f7;
    774774}
    775775
     
    781781    margin-bottom: 15px;
    782782    padding-bottom: 15px;
    783     border-bottom: 1px solid #ddd;
     783    border-bottom: 1px solid #dcdcde;
    784784}
    785785
    786786.edit-attachment-frame .attachment-info .filename {
    787787    font-weight: 400;
    788     color: #666;
     788    color: #646970;
    789789}
    790790
     
    814814
    815815.copy-to-clipboard-container .success {
    816     color: #40860a;
     816    color: #008a20;
    817817    margin-left: 8px;
    818818}
     
    919919    /* WCAG 1.4.3 Text or images of text that are part of an inactive user
    920920       interface component ... have no contrast requirement. */
    921     color: #a0a5aa;
     921    color: #a7aaad;
    922922}
    923923
     
    972972
    973973.imgedit-menu .button.disabled {
    974     color: #a0a5aa;
    975     border-color: #ddd;
    976     background: #f7f7f7;
     974    color: #a7aaad;
     975    border-color: #dcdcde;
     976    background: #f6f7f7;
    977977    box-shadow: none;
    978978    text-shadow: 0 1px 0 #fff;
     
    10141014
    10151015.imgedit-crop-wrap img {
    1016     background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
     1016    background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
    10171017    background-position: 0 0, 10px 10px;
    10181018    background-size: 20px 20px;
     
    10651065#poststuff .imgedit-group-top .button-link {
    10661066    text-decoration: none;
    1067     color: #23282d;
     1067    color: #1d2327;
    10681068}
    10691069
     
    10901090    padding: 0;
    10911091    background: transparent;
    1092     color: #0074a2;
     1092    color: #2271b1;
    10931093    font-size: 20px;
    10941094    line-height: 1;
     
    10991099
    11001100.image-editor .imgedit-settings .imgedit-help-toggle:focus {
    1101     color: #0074a2;
    1102     border-color: #5b9dd9;
    1103     box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
     1101    color: #2271b1;
     1102    border-color: #4f94d4;
     1103    box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
    11041104    /* Only visible in Windows High Contrast mode */
    11051105    outline: 2px solid transparent;
     
    11251125
    11261126span.imgedit-scale-warn {
    1127     color: #dc3232;
     1127    color: #d63638;
    11281128    font-size: 20px;
    11291129    font-style: normal;
     
    11621162    text-align: center;
    11631163    font-size: 13px;
    1164     color: #444;
     1164    color: #3c434a;
    11651165}
    11661166
  • trunk/src/wp-admin/css/nav-menus.css

    r49964 r50025  
    6767
    6868.is-submenu {
    69     color: #555d66; /* #fafafa background */
     69    color: #50575e; /* #fafafa background */
    7070    font-style: italic;
    7171    font-weight: 400;
     
    7777    padding: 10px;
    7878    overflow: hidden;
    79     background: #fbfbfb;
     79    background: #fff;
    8080}
    8181
     
    9999
    100100.menu-settings {
    101     border-top: 1px solid #eee;
     101    border-top: 1px solid #f0f0f1;
    102102    margin-top: 2em;
    103103}
     
    136136
    137137.theme-location-set {
    138     color: #72777c;
     138    color: #787c82;
    139139    font-size: 11px;
    140140}
     
    164164    padding: 0 10px;
    165165    border-top: 1px solid #fff;
    166     border-bottom: 1px solid #ddd;
     166    border-bottom: 1px solid #dcdcde;
    167167    background: #fff;
    168168}
     
    171171#nav-menu-footer {
    172172    padding: 0 10px;
    173     background: #f5f5f5;
     173    background: #f6f7f7;
    174174}
    175175
    176176#nav-menu-header {
    177     border-bottom: 1px solid #ddd;
     177    border-bottom: 1px solid #dcdcde;
    178178    margin-bottom: 0;
    179179}
     
    252252.locations-edit-menu-link {
    253253    padding-right: 3px;
    254     border-right: 1px solid #ccc;
     254    border-right: 1px solid #c3c4c7;
    255255}
    256256
     
    441441
    442442.menu-item-bar .menu-item-handle {
    443     border: 1px solid #ddd;
     443    border: 1px solid #dcdcde;
    444444    position: relative;
    445445    padding: 10px 15px;
     
    453453
    454454.menu-item-bar .menu-item-handle:hover {
    455     border-color: #999;
     455    border-color: #8c8f94;
    456456}
    457457
    458458#menu-to-edit .menu-item-invalid .menu-item-handle {
    459     background: #f6c9cc;
    460     border-color: #f1acb1;
     459    background: #facfd2;
     460    border-color: #ffabaf;
    461461}
    462462
     
    471471.menu li.deleting .menu-item-handle {
    472472    background-image: none;
    473     background-color: #f66;
     473    background-color: #f86368;
    474474}
    475475
     
    484484
    485485.menu-item-handle .menu-item-title.no-title {
    486     color: #72777c;
     486    color: #787c82;
    487487}
    488488
     
    551551    display: inline-block;
    552552    padding: 12px 16px;
    553     color: #666;
     553    color: #646970;
    554554    font-size: 12px;
    555555    line-height: 1.5;
     
    592592    margin: 12px -10px 12px 0;
    593593    padding: 0;
    594     color: #0073aa;
     594    color: #2271b1;
    595595    text-decoration: underline;
    596596    font-size: 12px;
     
    629629.nav-menus-php .item-edit:focus:before {
    630630    box-shadow:
    631         0 0 0 1px #5b9dd9,
    632         0 0 2px 1px rgba(30, 140, 190, 0.8);
     631        0 0 0 1px #4f94d4,
     632        0 0 2px 1px rgba(79, 148, 212, 0.8);
    633633}
    634634
     
    644644    position: relative;
    645645    z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
    646     border: 1px solid #ccd0d4;
     646    border: 1px solid #c3c4c7;
    647647    border-top: none;
    648648    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
     
    690690    margin: 0 0 15px;
    691691    padding: 3px 5px 5px;
    692     border: 1px solid #ddd;
    693     color: #72777c;
     692    border: 1px solid #dcdcde;
     693    color: #787c82;
    694694    font-size: 12px;
    695695}
  • trunk/src/wp-admin/css/revisions.css

    r49309 r50025  
    4343    position: absolute;
    4444    height: 100%;
    45     border-left: 1px solid #a0a5aa;
     45    border-left: 1px solid #a7aaad;
    4646    box-sizing: border-box;
    4747}
     
    132132
    133133.revisions-controls .author-card .date {
    134     color: #72777c;
     134    color: #787c82;
    135135}
    136136
    137137.revisions-controls .author-card.autosave {
    138     color: #d54e21;
     138    color: #d63638;
    139139}
    140140
     
    243243table.diff .diff-deletedline {
    244244    position: relative;
    245     background-color: #ffe9e9;
     245    background-color: #fcf0f1;
    246246}
    247247
    248248table.diff .diff-deletedline del {
    249     background-color: #faa;
     249    background-color: #ffabaf;
    250250}
    251251
    252252table.diff .diff-addedline {
    253253    position: relative;
    254     background-color: #e9ffe9;
     254    background-color: #edfaef;
    255255}
    256256
     
    272272
    273273table.diff .diff-addedline ins {
    274     background-color: #afa;
     274    background-color: #68de7c;
    275275}
    276276
     
    385385.revisions-tooltip,
    386386.revisions-tooltip-arrow > span {
    387     border: 1px solid #ddd;
     387    border: 1px solid #dcdcde;
    388388    background-color: #fff;
    389389}
     
    446446.wp-slider.ui-slider {
    447447    position: relative;
    448     border: 1px solid #ddd;
     448    border: 1px solid #dcdcde;
    449449    text-align: left;
    450450    cursor: pointer;
     
    465465.wp-slider .ui-slider-handle,
    466466.wp-slider .ui-slider-handle.focus {
    467     background: #f7f7f7;
    468     border: 1px solid #ccc;
    469     box-shadow: 0 1px 0 #cccccc;
     467    background: #f6f7f7;
     468    border: 1px solid #c3c4c7;
     469    box-shadow: 0 1px 0 #c3c4c7;
    470470}
    471471
    472472.wp-slider .ui-slider-handle:hover,
    473473.wp-slider .ui-slider-handle.ui-state-hover {
    474     background: #fafafa;
    475     border-color: #999;
     474    background: #f6f7f7;
     475    border-color: #8c8f94;
    476476}
    477477
    478478.wp-slider .ui-slider-handle:active,
    479479.wp-slider .ui-slider-handle.ui-state-active {
    480     background: #eee;
    481     border-color: #999;
     480    background: #f0f0f1;
     481    border-color: #8c8f94;
    482482    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    483483    transform: translateY(1px);
     
    489489    top: 2px;
    490490    left: 2px;
    491     color: #555;
     491    color: #50575e;
    492492    content: "\f229";
    493493    font: normal 18px/1 dashicons;
     
    499499.wp-slider .ui-slider-handle:hover:before,
    500500.wp-slider .ui-slider-handle.ui-state-hover:before {
    501     color: #23282d;
     501    color: #1d2327;
    502502}
    503503
  • trunk/src/wp-admin/css/site-health.css

    r49991 r50025  
    2727    margin: 0 0 1rem;
    2828    background: #fff;
    29     border-bottom: 1px solid #e2e4e7;
     29    border-bottom: 1px solid #dcdcde;
    3030}
    3131
     
    6868.loading .site-health-progress svg #bar {
    6969    stroke-dashoffset: 0;
    70     stroke: #adc5d2;
     70    stroke: #c3c4c7;
    7171    animation: loadingPulse 3s infinite ease-in-out;
    7272}
     
    7575    stroke-dashoffset: 0;
    7676    transition: stroke-dashoffset 1s linear;
    77     stroke: #ccc;
     77    stroke: #c3c4c7;
    7878    stroke-width: 2em;
    7979}
     
    8181.site-health-progress svg #bar {
    8282    stroke-dashoffset: 565;
    83     stroke: #dc3232;
     83    stroke: #d63638;
    8484}
    8585
    8686.green .site-health-progress #bar {
    87     stroke: #46b450;
     87    stroke: #00a32a;
    8888}
    8989.green .site-health-progress .site-health-progress-label {
    90     color: #46b450;
     90    color: #00a32a;
    9191}
    9292
    9393.orange .site-health-progress #bar {
    94     stroke: #ffb900;
     94    stroke: #dba617;
    9595}
    9696.orange .site-health-progress .site-health-progress-label {
    97     color: #ffb900;
     97    color: #dba617;
    9898}
    9999
     
    106106@keyframes loadingPulse {
    107107    0% {
    108         stroke: #adc5d2;
     108        stroke: #c3c4c7;
    109109    }
    110110    50% {
    111         stroke: #00a0d2;
     111        stroke: #72aee6;
    112112    }
    113113    100% {
    114         stroke: #adc5d2;
     114        stroke: #c3c4c7;
    115115    }
    116116}
     
    144144
    145145.health-check-tab:focus {
    146     color: #191e23;
    147     outline: 1px solid #6c7781;
     146    color: #1d2327;
     147    outline: 1px solid #787c82;
    148148    box-shadow: none;
    149149}
    150150
    151151.health-check-tab.active {
    152     box-shadow: inset 0 -3px #007cba;
     152    box-shadow: inset 0 -3px #3582c4;
    153153    font-weight: 600;
    154154}
     
    179179.health-check-body .good::before {
    180180    content: "\f147";
    181     color: #46b450;
     181    color: #00a32a;
    182182}
    183183
    184184.health-check-body .warning::before {
    185185    content: "\f460";
    186     color: #ffb900;
     186    color: #dba617;
    187187}
    188188
    189189.health-check-body .info::before {
    190190    content: "\f348";
    191     color: #00a0d2;
     191    color: #72aee6;
    192192}
    193193
     
    195195.health-check-body .error::before {
    196196    content: "\f335";
    197     color: #dc3232;
     197    color: #d63638;
    198198}
    199199
     
    209209
    210210.site-health-copy-buttons .success {
    211     color: #40860a;
     211    color: #008a20;
    212212    margin-left: 0.5rem;
    213213}
     
    267267
    268268.health-check-accordion {
    269     border: 1px solid #ccd0d4;
     269    border: 1px solid #c3c4c7;
    270270}
    271271
    272272.health-check-accordion-heading {
    273273    margin: 0;
    274     border-top: 1px solid #ccd0d4;
     274    border-top: 1px solid #c3c4c7;
    275275    font-size: inherit;
    276276    line-height: inherit;
     
    286286    background: #fff;
    287287    border: 0;
    288     color: #32373c;
     288    color: #2c3338;
    289289    cursor: pointer;
    290290    display: flex;
     
    311311.health-check-accordion-trigger:hover,
    312312.health-check-accordion-trigger:active {
    313     background: #f8f9f9;
     313    background: #f6f7f7;
    314314}
    315315
    316316.health-check-accordion-trigger:focus {
    317     color: #191e23;
     317    color: #1d2327;
    318318    border: none;
    319319    box-shadow: none;
    320320    outline-offset: -1px;
    321     outline: 2px solid #0071a1;
    322     background-color: #f8f9f9;
     321    outline: 2px solid #2271b1;
     322    background-color: #f6f7f7;
    323323}
    324324
     
    331331.health-check-accordion-trigger .icon,
    332332.site-health-view-passed .icon {
    333     border: solid #555d66;
     333    border: solid #50575e;
    334334    border-width: 0 2px 2px 0;
    335335    height: 0.5rem;
     
    344344.health-check-accordion-trigger .badge {
    345345    padding: 0.1rem 0.5rem 0.15rem;
    346     color: #32373c;
     346    color: #2c3338;
    347347    font-weight: 600;
    348348    margin-left: 0.5rem;
     
    350350
    351351.health-check-accordion-trigger .badge.blue {
    352     border: 1px solid #bfe7f3;
     352    border: 1px solid #c5d9ed;
    353353}
    354354
    355355.health-check-accordion-trigger .badge.orange {
    356     border: 1px solid #ffb900;
     356    border: 1px solid #dba617;
    357357}
    358358
    359359.health-check-accordion-trigger .badge.red {
    360     border: 1px solid #dc3232;
     360    border: 1px solid #d63638;
    361361}
    362362
    363363.health-check-accordion-trigger .badge.green {
    364     border: 1px solid #46b450;
     364    border: 1px solid #00a32a;
    365365}
    366366
    367367.health-check-accordion-trigger .badge.purple {
    368     border: 1px solid #826eb4;
     368    border: 1px solid #2271b1;
    369369}
    370370
    371371.health-check-accordion-trigger .badge.gray {
    372     border: 1px solid #ccd0d4;
     372    border: 1px solid #c3c4c7;
    373373}
    374374
  • trunk/src/wp-admin/css/themes.css

    r49991 r50025  
    5757    position: relative;
    5858    width: 30.6%;
    59     border: 1px solid #ddd;
     59    border: 1px solid #dcdcde;
    6060    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
    6161    box-sizing: border-box;
     
    9191    transition: opacity 0.1s ease-in-out;
    9292    height: auto;
    93     background: rgba(244, 244, 244, 0.7);
     93    background: rgba(246, 247, 247, 0.7);
    9494    border-left: 1px solid rgba(0, 0, 0, 0.05);
    9595}
     
    157157    right: 20%;
    158158    left: 20%;
    159     background: #23282d;
     159    background: #1d2327;
    160160    background: rgba(0, 0, 0, 0.7);
    161161    color: #fff;
     
    171171
    172172.theme-browser .theme:focus {
    173     border-color: #5b9dd9;
    174     box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     173    border-color: #4f94d4;
     174    box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
    175175}
    176176
     
    194194 */
    195195.theme-browser .theme.active .theme-name {
    196     background: #23282d;
     196    background: #1d2327;
    197197    color: #fff;
    198198    padding-right: 110px;
     
    210210
    211211.theme-browser .theme.active .theme-actions {
    212     background: rgba(49, 49, 49, 0.7);
     212    background: rgba(44, 51, 56, 0.7);
    213213    border-left: none;
    214214    opacity: 1;
     
    234234
    235235.theme-browser .theme .theme-author {
    236     background: #23282d;
    237     color: #eee;
     236    background: #1d2327;
     237    color: #f0f0f1;
    238238    display: none;
    239239    font-size: 14px;
     
    279279    padding: 0;
    280280    text-shadow: none;
    281     border: 5px dashed #d5d2ca;
     281    border: 5px dashed #dcdcde;
    282282    border: 5px dashed rgba(0, 0, 0, 0.1);
    283283    box-sizing: border-box;
     
    285285
    286286.theme-browser .theme.add-new-theme span:after {
    287     background: #e5e5e5;
    288     background: rgba(153, 153, 153, 0.1);
     287    background: #dcdcde;
     288    background: rgba(140, 143, 148, 0.1);
    289289    border-radius: 50%;
    290290    display: inline-block;
     
    296296    vertical-align: middle;
    297297    text-align: center;
    298     color: rgb(153, 153, 153);
     298    color: #8c8f94;
    299299    position: absolute;
    300300    top: 30%;
     
    319319.theme-browser .theme.add-new-theme a:focus span:after {
    320320    background: #fff;
    321     color: #0073aa;
     321    color: #2271b1;
    322322}
    323323
     
    326326    border-color: transparent;
    327327    color: #fff;
    328     background: #0073aa;
     328    background: #2271b1;
    329329    content: "";
    330330}
     
    358358    top: 0;
    359359    bottom: 0;
    360     background: #f1f1f1;
    361     background: rgba(238, 238, 238, 0.9);
     360    background: #f0f0f1;
     361    background: rgba(240, 240, 241, 0.9);
    362362    z-index: 10000; /* Over WP Pointers. */
    363363}
     
    369369    right: 0;
    370370    height: 48px;
    371     border-bottom: 1px solid #ddd;
     371    border-bottom: 1px solid #dcdcde;
    372372}
    373373
     
    383383    float: right;
    384384    border: 0;
    385     border-left: 1px solid #ddd;
     385    border-left: 1px solid #dcdcde;
    386386    background-color: transparent;
    387387    transition: color .1s ease-in-out, background .1s ease-in-out;
     
    390390.theme-overlay .theme-header .close:before {
    391391    font: normal 22px/50px dashicons !important;
    392     color: #72777c;
     392    color: #787c82;
    393393    display: inline-block;
    394394    content: "\f335";
     
    400400.theme-overlay .theme-header .left {
    401401    cursor: pointer;
    402     color: #72777c;
     402    color: #787c82;
    403403    background-color: transparent;
    404404    height: 48px;
     
    407407    text-align: center;
    408408    border: 0;
    409     border-right: 1px solid #ddd;
     409    border-right: 1px solid #dcdcde;
    410410    transition: color .1s ease-in-out, background .1s ease-in-out;
    411411}
     
    417417.theme-overlay .theme-header .left:focus,
    418418.theme-overlay .theme-header .left:hover {
    419     background: #ddd;
    420     border-color: #ccc;
     419    background: #dcdcde;
     420    border-color: #c3c4c7;
    421421    color: #000;
    422422}
     
    438438.theme-overlay .theme-header .left.disabled:hover,
    439439.theme-overlay .theme-header .right.disabled:hover {
    440     color: #ccc;
     440    color: #c3c4c7;
    441441    background: inherit;
    442442    cursor: inherit;
     
    493493    right: 0;
    494494    padding: 10px 25px 5px;
    495     background: #f3f3f3;
     495    background: #f6f7f7;
    496496    z-index: 30;
    497497    box-sizing: border-box;
    498     border-top: 1px solid #eee;
     498    border-top: 1px solid #f0f0f1;
    499499}
    500500
     
    512512.broken-themes a.delete-theme,
    513513.theme-overlay .theme-actions .delete-theme {
    514     color: #a00;
     514    color: #d63638;
    515515    text-decoration: none;
    516516    border-color: transparent;
     
    529529.theme-overlay .theme-actions .delete-theme:hover,
    530530.theme-overlay .theme-actions .delete-theme:focus {
    531     background: #d54e21;
     531    background: #d63638;
    532532    color: #fff;
    533     border-color: #d54e21;
     533    border-color: #d63638;
    534534}
    535535
     
    589589/* Other screenshots, shown small and square */
    590590.theme-overlay .screenshot.thumb {
    591     background: #ccc;
    592     border: 1px solid #eee;
     591    background: #c3c4c7;
     592    border: 1px solid #f0f0f1;
    593593    float: none;
    594594    display: inline-block;
     
    617617.theme-overlay .screenshot.selected {
    618618    background: transparent;
    619     border: 2px solid #00a0d2;
     619    border: 2px solid #72aee6;
    620620}
    621621
     
    639639
    640640.theme-overlay .current-label {
    641     background: #32373c;
     641    background: #2c3338;
    642642    color: #fff;
    643643    font-size: 11px;
     
    652652
    653653.theme-overlay .theme-name {
    654     color: #23282d;
     654    color: #1d2327;
    655655    font-size: 32px;
    656656    font-weight: 100;
     
    662662
    663663.theme-overlay .theme-version {
    664     color: #72777c;
     664    color: #787c82;
    665665    font-size: 13px;
    666666    font-weight: 400;
     
    672672.theme-overlay .theme-author {
    673673    margin: 15px 0 25px;
    674     color: #72777c;
     674    color: #787c82;
    675675    font-size: 16px;
    676676    font-weight: 400;
     
    696696
    697697.theme-overlay .theme-description {
    698     color: #555;
     698    color: #50575e;
    699699    font-size: 15px;
    700700    font-weight: 400;
     
    704704
    705705.theme-overlay .theme-tags {
    706     border-top: 3px solid #eee;
    707     color: #82878c;
     706    border-top: 3px solid #f0f0f1;
     707    color: #8c8f94;
    708708    font-size: 13px;
    709709    font-weight: 400;
     
    713713
    714714.theme-overlay .theme-tags span {
    715     color: #444;
     715    color: #3c434a;
    716716    font-weight: 600;
    717717    margin-right: 5px;
     
    719719
    720720.theme-overlay .parent-theme {
    721     background: #f7fcfe;
    722     border: 1px solid #eee;
    723     border-left: 4px solid #00a0d2;
     721    background: #fff;
     722  &nb