WordPress.org

Make WordPress Core

Changeset 31422


Ignore:
Timestamp:
02/11/2015 10:17:02 PM (5 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.