WordPress.org
Get WordPress

Make WordPress Core

Changeset 31422


Ignore:
Timestamp:
02/11/2015 10:17:02 PM (12 years ago)
Author:
helen
Message:

Update the default admin color scheme for more unity and refinement.

This removes the red channel from blues and cools the grays a bit for a more cohesive and purposeful color scheme.

props hugobaeta.
fixes #31234.

Location:
trunk/src
Files:
14 edited

Legend:

Unmodified
Added
Removed

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

    r30951 r31422  
    4545
    4646.wp-badge {
    47         background: #0074a2 url(../images/w-logo-white.png?ver=20131202) no-repeat;
     47        background: #0073aa url(../images/w-logo-white.png?ver=20131202) no-repeat;
    4848        background-position: center 24px;
    4949        -webkit-background-size: 85px 85px;
    … …  
    9797.about-wrap h1 {
    9898        margin: 0.2em 200px 0 0;
    99         color: #333;
     99        color: #32373c;
    100100        line-height: 1.2em;
    101101        font-size: 2.8em;
    … …  
    110110
    111111.about-wrap h4 {
    112         color: #222;
     112        color: #23282d;
    113113}
    114114

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

    r30459 r31422  
    44#adminmenu .wp-submenu {
    55        width: 160px;
    6         background-color: #222;
     6        background-color: #23282d;
    77}
    88
    … …  
    167167
    168168#adminmenu .wp-submenu a {
    169         color: #bbb;
     169        color: #b4b9be;
     170        color: rgba(240,245,250,0.7);
    170171}
    171172
    … …  
    202203        padding: 7px 0 8px;
    203204        z-index: 9999;
    204         background-color: #333;
     205        background-color: #32373c;
    205206        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    206207        box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    … …  
    229230        -webkit-box-shadow: none;
    230231        box-shadow: none;
    231         background-color: #333;
     232        background-color: #32373c;
    232233}
    233234
    … …  
    237238#adminmenu li > a.menu-top:focus {
    238239        position: relative;
    239         background-color: #111;
     240        background-color: #191e23;
    240241}
    241242
    … …  
    253254#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
    254255#adminmenu .wp-menu-arrow div {
    255         background: #0074a2;
     256        background: #0073aa;
    256257        color: #fff;
    257258}
    … …  
    365366
    366367#adminmenu div.wp-menu-image:before {
    367         color: #999;
     368        color: #00b9eb;
     369        color: rgba(240,245,250,0.6);
    368370}
    369371
    … …  
    377379
    378380#adminmenu li:hover div.wp-menu-image:before {
    379         color: #45bbe6;
     381        color: #00b9eb;
    380382}
    381383
    … …  
    465467
    466468#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    467         border-right-color: #333;
     469        border-right-color: #32373c;
    468470}
    469471
    … …  
    538540        line-height: 34px;
    539541        margin-top: 10px;
    540         color: #aaa;
     542        color: #00b9eb;
     543        color: rgba(240,245,250,0.6);
    541544        -webkit-transition: all .1s ease-in-out;
    542545        transition: all .1s ease-in-out;
    … …  
    545548#collapse-menu:hover,
    546549#collapse-menu:hover #collapse-button div:after {
    547         color: #45bbe6;
     550        color: #00b9eb;
    548551}
    549552
    … …  
    577580        left: -3px;
    578581        top: -3px;
    579         color: #aaa;
     582        color: #00b9eb;
     583        color: rgba(240,245,250,0.6);
    580584        font: normal 20px/1 'dashicons' !important;
    581585        speak: none;
    … …  
    871875
    872876        .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
    873                 background: #333;
     877                background: #32373c;
    874878        }
    875879

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

    r31181 r31422  
    242242
    243243a {
    244         color: #0074a2;
     244        color: #0073aa;
    245245        -webkit-transition-property: border, background, color;
    246246        transition-property: border, background, color;
    … …  
    258258a:hover,
    259259a:active {
    260         color: #2ea2cc;
     260        color: #00a0d2;
    261261}
    262262
    … …  
    326326
    327327h2 {
    328         color: #222;
     328        color: #23282d;
    329329        font-size: 1.5em;
    330330        margin: .83em 0;
    … …  
    333333
    334334h3 {
    335         color: #222;
     335        color: #23282d;
    336336        font-size: 1.3em;
    337337        margin: 1em 0;
    … …  
    558558
    559559.attention {
    560         color: #2ea2cc;
     560        color: #00a0d2;
    561561}
    562562
    … …  
    597597
    598598.wrap .add-new-h2:hover {
    599         background: #2ea2cc;
     599        background: #00a0d2;
    600600        color: #fff;
    601601}
    … …  
    652652.wp-ui-primary {
    653653        color: #fff;
    654         background-color: #333;
     654        background-color: #32373c;
    655655}
    656656.wp-ui-text-primary {
    657         color: #333;
     657        color: #32373c;
    658658}
    659659
    … …  
    701701.menu-item-handle {
    702702        background: #fafafa;
    703         color: #222;
     703        color: #23282d;
    704704}
    705705
    … …  
    983983        box-shadow: none;
    984984        border-bottom: 4px solid #666;
    985         color: #222;
     985        color: #23282d;
    986986}
    987987
    … …  
    990990.show-filters .filter-links a.current:hover,
    991991.show-filters .filter-links a.current:focus {
    992         color: #2ea2cc;
     992        color: #00a0d2;
    993993}
    994994
    … …  
    10481048.wp-filter .drawer-toggle:hover,
    10491049.wp-filter .drawer-toggle:hover:before {
    1050         color: #2ea2cc;
     1050        color: #00a0d2;
    10511051}
    10521052
    … …  
    12881288
    12891289.notice-info {
    1290     border-color: #2ea2cc;
     1290    border-color: #00a0d2;
    12911291}
    12921292
    … …  
    14271427#screen-meta-links a:active,
    14281428#screen-meta-links a:focus {
    1429         color: #333;
     1429        color: #32373c;
    14301430}
    14311431
    … …  
    15661566
    15671567.contextual-help-tabs a:hover {
    1568         color: #333;
     1568        color: #32373c;
    15691569}
    15701570
    … …  
    15721572        padding: 0;
    15731573        margin: 0 -1px 0 0;
    1574         border-left: 2px solid #2ea2cc;
     1574        border-left: 2px solid #00a0d2;
    15751575        background: #f6fbfd;
    15761576        -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
    … …  
    15801580.contextual-help-tabs .active a {
    15811581        border-color: #e1e1e1;
    1582         color: #333;
     1582        color: #32373c;
    15831583}
    15841584
    … …  
    16421642.widefat thead tr th,
    16431643.widefat tfoot tr th {
    1644         color: #333;
     1644        color: #32373c;
    16451645}
    16461646
    … …  
    16521652.widefat ol,
    16531653.widefat ul {
    1654         color: #333;
     1654        color: #32373c;
    16551655}
    16561656
    … …  
    21382138        transition: color .1s ease-in 0;
    21392139        text-align: center;
    2140         color: #0074a2;
     2140        color: #0073aa;
    21412141}
    21422142
    … …  
    22782278        border-bottom-color: #fff;
    22792279        padding-top: 8px;
    2280         color: #333;
     2280        color: #32373c;
    22812281}
    22822282
    … …  
    26552655body.index-php .tb-close-icon:focus,
    26562656body.index-php .tb-close-icon:hover {
    2657         color: #2ea2cc;
     2657        color: #00a0d2;
    26582658        outline: none;
    26592659        -webkit-box-shadow: none;
    … …  
    29932993.js .control-section.open .accordion-section-title,
    29942994.js .control-section .accordion-section-title:focus {
    2995         color: #222;
     2995        color: #23282d;
    29962996        background: #f5f5f5;
    29972997}

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

    r31181 r31422  
    212212
    213213.welcome-panel .welcome-icon:before {
    214         color: #888;
     214        color: #82878c;
    215215        font: normal 20px/1 'dashicons';
    216216        speak: none;
    … …  
    371371#dashboard_right_now li a:before,
    372372#dashboard_right_now li span:before {
    373         color: #888;
     373        color: #82878c;
    374374}
    375375
    … …  
    801801
    802802#dashboard-widgets h4 {
    803         color: #222;
     803        color: #23282d;
    804804        font-weight: normal;
    805805        font-size: 14px;

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

    r31332 r31422  
    228228#post-body ul.category-tabs li.tabs a,
    229229#post-body ul.add-menu-item-tabs li.tabs a {
    230         color: #333;
     230        color: #32373c;
    231231}
    232232
    … …  
    497497#post-body .misc-pub-revisions:before,
    498498span.wp-media-buttons-icon:before {
    499         color: #888;
     499        color: #82878c;
    500500}
    501501
    … …  
    849849a.post-state-format:hover:before,
    850850a.post-format-icon:hover:before {
    851         color: #2ea2cc;
     851        color: #00a0d2;
    852852}
    853853

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

    r30578 r31422  
    3131        box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    3232        background-color: #fff;
    33         color: #333;
     33        color: #32373c;
    3434        outline: none;
    3535        -webkit-transition: 0.05s border-color ease-in-out;
    … …  
    9393
    9494input[type="radio"]:checked + label:before {
    95         color: #888;
     95        color: #82878c;
    9696}
    9797
    9898.wp-core-ui input[type="reset"]:hover,
    9999.wp-core-ui input[type="reset"]:active {
    100         color: #2ea2cc;
     100        color: #00a0d2;
    101101}
    102102
    … …  
    560560.form-table th,
    561561.form-wrap label {
    562         color: #222;
     562        color: #23282d;
    563563        font-weight: normal;
    564564        text-shadow: none;
    … …  
    694694        position: relative;
    695695        cursor: move;
    696         color: #333;
     696        color: #32373c;
    697697        background: #e6e6e6;
    698698        -webkit-border-radius: 5px;

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

    r31333 r31422  
    4646
    4747.post-com-count:hover span {
    48         background-color: #2ea2cc;
     48        background-color: #00a0d2;
    4949}
    5050
    5151.post-com-count:hover:after {
    52         border-top: 5px solid #2ea2cc;
     52        border-top: 5px solid #00a0d2;
    5353}
    5454
    … …  
    5858
    5959strong .post-com-count span {
    60         background-color: #0074a2;
     60        background-color: #0073aa;
    6161}
    6262
    6363strong .post-com-count:after {
    64         border-top: 5px solid #0074a2;
     64        border-top: 5px solid #0073aa;
    6565}
    6666
    … …  
    417417
    418418tr.wp-locked .locked-indicator:before {
    419         color: #888;
     419        color: #82878c;
    420420        content: '\f160';
    421421        display: inline-block;
    … …  
    480480th.sortable a:active,
    481481th.sortable a:focus {
    482         color: #333;
     482        color: #32373c;
    483483}
    484484
    … …  
    572572.tablenav .tablenav-pages a:focus {
    573573        color: #fff;
    574         background: #2ea2cc;
     574        background: #00a0d2;
    575575}
    576576
    … …  
    614614.tablenav .prev {
    615615        border-color: transparent;
    616         color: #0074a2;
     616        color: #0073aa;
    617617}
    618618
    … …  
    620620.tablenav .prev:hover {
    621621        border-color: transparent;
    622         color: #2ea2cc;
     622        color: #00a0d2;
    623623}
    624624
    … …  
    666666
    667667.view-switch a.current:before {
    668         color: #0074a2;
     668        color: #0073aa;
    669669}
    670670
    … …  
    11611161.plugins .active th.check-column,
    11621162.plugin-update-tr.active td {
    1163         border-left: 4px solid #2ea2cc;
     1163        border-left: 4px solid #00a0d2;
    11641164}
    11651165

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

    r30813 r31422  
    178178        -webkit-border-radius: 22px;
    179179        border-radius: 22px;
    180         background-color: #0074a2;
     180        background-color: #0073aa;
    181181        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    182182        box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    … …  
    313313
    314314#find-posts-close:hover {
    315         color: #2ea2cc;
     315        color: #00a0d2;
    316316}
    317317
    … …  
    496496.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
    497497.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
    498         color: #2ea2cc;
     498        color: #00a0d2;
    499499}
    500500
    … …  
    945945        border-color: #c1c1c1;
    946946        background-color: #eaeaea;
    947         color: #333;
     947        color: #32373c;
    948948}
    949949

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

    r31272 r31422  
    714714
    715715.nav-menus-php .submitbox .submitcancel {
    716         border-bottom: 1px solid #0074a2;
     716        border-bottom: 1px solid #0073aa;
    717717        padding: 1px 2px;
    718         color: #0074a2;
     718        color: #0073aa;
    719719        text-decoration: none;
    720720}
    721721
    722722.nav-menus-php .submitbox .submitcancel:hover {
    723         background: #0074a2;
     723        background: #0073aa;
    724724        color: #fff;
    725725}

  • trunk/src/wp-admin/css/press-this.css

    r27897 r31422  
    1313
    1414body.press-this ul.category-tabs li.tabs a {
    15         color: #333;
     15        color: #32373c;
    1616}
    1717
    … …  
    2121
    2222body.press-this {
    23         color: #333;
     23        color: #32373c;
    2424        margin: 0;
    2525        padding: 0;

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

    r30343 r31422  
    475475.wp-slider .ui-slider-handle.ui-state-hover,
    476476.wp-slider .ui-slider-handle.focus {
    477         background: #2ea2cc;
    478         border: 1px solid #0074a2;
     477        background: #00a0d2;
     478        border: 1px solid #0073aa;
    479479        -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
    480480        box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);

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

    r31330 r31422  
    175175        right: 25%;
    176176        left: 25%;
    177         background: #222;
     177        background: #23282d;
    178178        background: rgba(0,0,0,0.7);
    179179        color: #fff;
    … …  
    275275
    276276.theme-browser .theme .theme-author {
    277         background: #222;
     277        background: #23282d;
    278278        color: #eee;
    279279        display: none;
    … …  
    370370.theme-browser .theme.add-new-theme:focus span:after {
    371371        background: #fff;
    372         color: #0074a2;
     372        color: #0073aa;
    373373}
    374374
    … …  
    377377        border-color: transparent;
    378378        color: #fff;
    379         background: #0074a2;
     379        background: #0073aa;
    380380        content: '';
    381381}
    … …  
    698698.theme-overlay .screenshot.selected {
    699699        background: transparent;
    700         border: 2px solid #2ea2cc;
     700        border: 2px solid #00a0d2;
    701701}
    702702
    … …  
    720720
    721721.theme-overlay .current-label {
    722         background: #333;
     722        background: #32373c;
    723723        color: #fff;
    724724        font-size: 11px;
    … …  
    735735
    736736.theme-overlay .theme-name {
    737         color: #222;
     737        color: #23282d;
    738738        font-size: 32px;
    739739        font-weight: 100;
    … …  
    772772.theme-overlay .theme-tags {
    773773        border-top: 3px solid #eee;
    774         color: #888;
     774        color: #82878c;
    775775        font-size: 13px;
    776776        font-weight: 400;
    … …  
    796796
    797797.theme-overlay .theme-update {
    798         color: #222;
     798        color: #23282d;
    799799        font-size: 18px;
    800800        display: inline-block;
    … …  
    806806        background: #f7fcfe;
    807807        border: 1px solid #eee;
    808         border-left: 4px solid #2ea2cc;
     808        border-left: 4px solid #00a0d2;
    809809        font-size: 14px;
    810810        font-weight: normal;
    … …  
    10781078/* Already installed theme */
    10791079.theme-browser .theme .theme-installed {
    1080         background: #0074a2;
     1080        background: #0073aa;
    10811081}
    10821082.theme-browser .theme .theme-installed:before {
    … …  
    14881488
    14891489.wp-full-overlay a.collapse-sidebar:hover {
    1490         color: #0074a2;
     1490        color: #0073aa;
    14911491}
    14921492

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

    r29122 r31422  
    370370
    371371.js #removing-widget {
    372         color: #2ea2cc;
     372        color: #00a0d2;
    373373}
    374374
    … …  
    476476
    477477.widgets-chooser li.widgets-chooser-selected {
    478         background: #2ea2cc;
     478        background: #00a0d2;
    479479        color: #fff;
    480480}

  • trunk/src/wp-includes/css/admin-bar.css

    r30764 r31422  
    8282        min-width: 600px; /* match the min-width of the body in wp-admin.css */
    8383        z-index: 99999;
    84         background: #222;
     84        background: #23282d;
    8585}
    8686
    … …  
    137137        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    138138        box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    139         background: #333;
     139        background: #32373c;
    140140        display: none;
    141141        position: absolute;
    … …  
    211211#wpadminbar .ab-top-menu > li:hover > .ab-item,
    212212#wpadminbar .ab-top-menu > li.hover > .ab-item {
    213         background: #333;
     213        background: #32373c;
    214214        color: #45bbe6;
    215215}
    … …  
    238238#wpadminbar .ab-item:before,
    239239#wpadminbar #adminbarsearch:before {
    240         color: #999;
     240        color: #a0a5aa;
     241        color: rgba(240,245,250,0.6);
    241242}
    242243
    … …  
    255256
    256257#wpadminbar .ab-submenu .ab-item {
    257         color: #eee;
     258        color: #b4b9be;
     259        color: rgba(240,245,250,0.7);
    258260}
    259261
    … …  
    262264#wpadminbar .quicklinks .menupop.hover ul li a,
    263265#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    264         color: #eee;
     266        color: #b4b9be;
     267        color: rgba(240,245,250,0.7);
    265268}
    266269
    … …  
    280283#wpadminbar li.hover .ab-item:before,
    281284#wpadminbar li:hover #adminbarsearch:before {
    282         color: #45bbe6;
     285        color: #00b9eb;
    283286}
    284287
    … …  
    326329#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
    327330#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
    328         background: #4b4b4b;
     331        background: #464b50;
    329332}
    330333
    331334#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
    332335#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
    333         color: #45bbe6;
     336        color: #00b9eb;
    334337}
    335338
    336339#wpadminbar .quicklinks a span#ab-updates {
    337340        background: #eee;
    338         color: #333;
     341        color: #32373c;
    339342        display: inline;
    340343        padding: 2px 5px;
    … …  
    437440        height: 16px;
    438441        padding: 0;
    439         border: 1px solid #888;
     442        border: 1px solid #82878c;
    440443        background: #eee;
    441444        line-height: 24px;
Note: See TracChangeset for help on using the changeset viewer.