Skip to content

Commit d00ef0f

Browse files
helenhelen
committed
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. git-svn-id: https://develop.svn.wordpress.org/trunk@31422 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 4463917 commit d00ef0f

14 files changed

Lines changed: 104 additions & 97 deletions

File tree

‎src/wp-admin/css/about.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@
4444
/* WordPress Version Badge */
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;
5050
background-size: 85px 85px;
@@ -96,7 +96,7 @@
9696

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;
102102
font-weight: 400;
@@ -109,7 +109,7 @@
109109
}
110110

111111
.about-wrap h4 {
112-
color: #222;
112+
color: #23282d;
113113
}
114114

115115
.about-wrap code,

‎src/wp-admin/css/admin-menu.css‎

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
#adminmenu,
44
#adminmenu .wp-submenu {
55
width: 160px;
6-
background-color: #222;
6+
background-color: #23282d;
77
}
88

99
#adminmenuback {
@@ -166,7 +166,8 @@
166166
}
167167

168168
#adminmenu .wp-submenu a {
169-
color: #bbb;
169+
color: #b4b9be;
170+
color: rgba(240,245,250,0.7);
170171
}
171172

172173
#adminmenu .wp-submenu a:hover,
@@ -201,7 +202,7 @@
201202
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
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);
207208
}
@@ -228,15 +229,15 @@
228229
margin-top: 0;
229230
-webkit-box-shadow: none;
230231
box-shadow: none;
231-
background-color: #333;
232+
background-color: #32373c;
232233
}
233234

234235
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
235236
#adminmenu li.menu-top:hover,
236237
#adminmenu li.opensub > a.menu-top,
237238
#adminmenu li > a.menu-top:focus {
238239
position: relative;
239-
background-color: #111;
240+
background-color: #191e23;
240241
}
241242

242243
.folded #adminmenu li.menu-top:hover,
@@ -252,7 +253,7 @@
252253
#adminmenu .wp-menu-arrow,
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
}
258259

@@ -364,7 +365,8 @@ div.wp-menu-image:before {
364365
}
365366

366367
#adminmenu div.wp-menu-image:before {
367-
color: #999;
368+
color: #00b9eb;
369+
color: rgba(240,245,250,0.6);
368370
}
369371

370372
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
@@ -376,7 +378,7 @@ div.wp-menu-image:before {
376378
}
377379

378380
#adminmenu li:hover div.wp-menu-image:before {
379-
color: #45bbe6;
381+
color: #00b9eb;
380382
}
381383

382384
.folded #adminmenu div.wp-menu-image {
@@ -464,7 +466,7 @@ ul#adminmenu > li.current > a.current:after {
464466
}
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

470472
#adminmenu li.menu-top:hover .wp-menu-image img,
@@ -537,14 +539,15 @@ ul#adminmenu > li.current > a.current:after {
537539
font-size: 13px;
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;
543546
}
544547

545548
#collapse-menu:hover,
546549
#collapse-menu:hover #collapse-button div:after {
547-
color: #45bbe6;
550+
color: #00b9eb;
548551
}
549552

550553
.folded #collapse-menu span {
@@ -576,7 +579,8 @@ ul#adminmenu > li.current > a.current:after {
576579
line-height: 15px;
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;
582586
margin: 0 auto;
@@ -870,7 +874,7 @@ li#wp-admin-bar-menu-toggle {
870874
}
871875

872876
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
873-
background: #333;
877+
background: #32373c;
874878
}
875879

876880
li#wp-admin-bar-menu-toggle {

‎src/wp-admin/css/common.css‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -241,7 +241,7 @@ td {
241241
}
242242

243243
a {
244-
color: #0074a2;
244+
color: #0073aa;
245245
-webkit-transition-property: border, background, color;
246246
transition-property: border, background, color;
247247
-webkit-transition-duration: .05s;
@@ -257,7 +257,7 @@ div {
257257

258258
a:hover,
259259
a:active {
260-
color: #2ea2cc;
260+
color: #00a0d2;
261261
}
262262

263263
a:focus {
@@ -325,14 +325,14 @@ h1 {
325325
}
326326

327327
h2 {
328-
color: #222;
328+
color: #23282d;
329329
font-size: 1.5em;
330330
margin: .83em 0;
331331
font-weight: 400;
332332
}
333333

334334
h3 {
335-
color: #222;
335+
color: #23282d;
336336
font-size: 1.3em;
337337
margin: 1em 0;
338338
}
@@ -557,7 +557,7 @@ code {
557557
}
558558

559559
.attention {
560-
color: #2ea2cc;
560+
color: #00a0d2;
561561
}
562562

563563
.wrap h2,
@@ -596,7 +596,7 @@ code {
596596
}
597597

598598
.wrap .add-new-h2:hover {
599-
background: #2ea2cc;
599+
background: #00a0d2;
600600
color: #fff;
601601
}
602602

@@ -651,10 +651,10 @@ td.help {
651651

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

660660
.wp-ui-highlight {
@@ -700,7 +700,7 @@ td.help {
700700
.widget .widget-top,
701701
.menu-item-handle {
702702
background: #fafafa;
703-
color: #222;
703+
color: #23282d;
704704
}
705705

706706
.postbox .hndle,
@@ -982,14 +982,14 @@ th.action-links {
982982
-webkit-box-shadow: none;
983983
box-shadow: none;
984984
border-bottom: 4px solid #666;
985-
color: #222;
985+
color: #23282d;
986986
}
987987

988988
.filter-links li > a:hover,
989989
.filter-links li > a:focus,
990990
.show-filters .filter-links a.current:hover,
991991
.show-filters .filter-links a.current:focus {
992-
color: #2ea2cc;
992+
color: #00a0d2;
993993
}
994994

995995
.wp-filter .search-form {
@@ -1047,7 +1047,7 @@ th.action-links {
10471047

10481048
.wp-filter .drawer-toggle:hover,
10491049
.wp-filter .drawer-toggle:hover:before {
1050-
color: #2ea2cc;
1050+
color: #00a0d2;
10511051
}
10521052

10531053
.wp-filter .drawer-toggle.current:before {
@@ -1287,7 +1287,7 @@ div.error {
12871287
}
12881288

12891289
.notice-info {
1290-
border-color: #2ea2cc;
1290+
border-color: #00a0d2;
12911291
}
12921292

12931293
.wrap .notice,
@@ -1426,7 +1426,7 @@ form.upgrade .hint {
14261426
#screen-meta-links a:hover,
14271427
#screen-meta-links a:active,
14281428
#screen-meta-links a:focus {
1429-
color: #333;
1429+
color: #32373c;
14301430
}
14311431

14321432
#screen-meta-links a.show-settings {
@@ -1565,21 +1565,21 @@ form.upgrade .hint {
15651565
}
15661566

15671567
.contextual-help-tabs a:hover {
1568-
color: #333;
1568+
color: #32373c;
15691569
}
15701570

15711571
.contextual-help-tabs .active {
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);
15771577
box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
15781578
}
15791579

15801580
.contextual-help-tabs .active a {
15811581
border-color: #e1e1e1;
1582-
color: #333;
1582+
color: #32373c;
15831583
}
15841584

15851585
.contextual-help-tabs-wrap {
@@ -1641,7 +1641,7 @@ html.wp-toolbar {
16411641

16421642
.widefat thead tr th,
16431643
.widefat tfoot tr th {
1644-
color: #333;
1644+
color: #32373c;
16451645
}
16461646

16471647
.widefat td p {
@@ -1651,7 +1651,7 @@ html.wp-toolbar {
16511651
.widefat p,
16521652
.widefat ol,
16531653
.widefat ul {
1654-
color: #333;
1654+
color: #32373c;
16551655
}
16561656

16571657
.widefat .column-comment p {
@@ -2137,7 +2137,7 @@ div.star-holder .star-rating {
21372137
-webkit-transition: color .1s ease-in 0;
21382138
transition: color .1s ease-in 0;
21392139
text-align: center;
2140-
color: #0074a2;
2140+
color: #0073aa;
21412141
}
21422142

21432143
.star-rating .star-full:before {
@@ -2277,7 +2277,7 @@ div.action-links {
22772277
border: 1px solid #ddd;
22782278
border-bottom-color: #fff;
22792279
padding-top: 8px;
2280-
color: #333;
2280+
color: #32373c;
22812281
}
22822282

22832283
#plugin-information-tabs.with-banner a.current {
@@ -2654,7 +2654,7 @@ body.index-php #TB_closeWindowButton:focus,
26542654
body.index-php #TB_closeWindowButton:focus .tb-close-icon,
26552655
body.index-php .tb-close-icon:focus,
26562656
body.index-php .tb-close-icon:hover {
2657-
color: #2ea2cc;
2657+
color: #00a0d2;
26582658
outline: none;
26592659
-webkit-box-shadow: none;
26602660
box-shadow: none;
@@ -2992,7 +2992,7 @@ img {
29922992
.js .control-section .accordion-section-title:hover,
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
}
29982998

‎src/wp-admin/css/dashboard.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -211,7 +211,7 @@
211211
}
212212

213213
.welcome-panel .welcome-icon:before {
214-
color: #888;
214+
color: #82878c;
215215
font: normal 20px/1 'dashicons';
216216
speak: none;
217217
display: inline-block;
@@ -370,7 +370,7 @@ body #dashboard-widgets .postbox form .submit {
370370

371371
#dashboard_right_now li a:before,
372372
#dashboard_right_now li span:before {
373-
color: #888;
373+
color: #82878c;
374374
}
375375

376376
#dashboard_right_now .sub {
@@ -800,7 +800,7 @@ h3:hover .edit-box {
800800
}
801801

802802
#dashboard-widgets h4 {
803-
color: #222;
803+
color: #23282d;
804804
font-weight: normal;
805805
font-size: 14px;
806806
margin: 0 0 .2em;

‎src/wp-admin/css/edit.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -227,7 +227,7 @@ ul.category-tabs li,
227227
.wp-tab-bar .wp-tab-active a,
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

233233
.category-tabs {
@@ -496,7 +496,7 @@ td.plugin-title p {
496496
.curtime #timestamp:before,
497497
#post-body .misc-pub-revisions:before,
498498
span.wp-media-buttons-icon:before {
499-
color: #888;
499+
color: #82878c;
500500
}
501501

502502
#post-body #visibility:before,
@@ -848,7 +848,7 @@ span.wp-media-buttons-icon:before {
848848

849849
a.post-state-format:hover:before,
850850
a.post-format-icon:hover:before {
851-
color: #2ea2cc;
851+
color: #00a0d2;
852852
}
853853

854854
#post-formats-select {

0 commit comments

Comments
 (0)