Skip to content

Commit 7e71bb3

Browse files
committed
Accessibility: Reduce the WordPress shades of grey, Episode 3.
Also, removes some no more used CSS. See #35783. git-svn-id: https://develop.svn.wordpress.org/trunk@36904 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 6740130 commit 7e71bb3

22 files changed

Lines changed: 72 additions & 105 deletions

src/wp-admin/css/about.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@
164164

165165
.about-wrap .point-releases {
166166
margin-top: 5px;
167-
border-bottom: 1px solid #dfdfdf;
167+
border-bottom: 1px solid #ddd;
168168
}
169169

170170
.about-wrap .changelog.point-releases h3 {

src/wp-admin/css/color-picker.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@
9494
.wp-picker-container .iris-picker {
9595
-webkit-border-radius: 0;
9696
border-radius: 0;
97-
border-color: #dfdfdf;
97+
border-color: #ddd;
9898
margin-top: 6px;
9999
}
100100

src/wp-admin/css/common.css

Lines changed: 9 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2013,7 +2013,7 @@ html.wp-toolbar {
20132013
font-size: 14px;
20142014
line-height: 24px;
20152015
font-weight: 600;
2016-
background: #e4e4e4;
2016+
background: #e5e5e5;
20172017
color: #555;
20182018
text-decoration: none;
20192019
white-space: nowrap;
@@ -2029,7 +2029,7 @@ h3 .nav-tab, /* Back-compat for pre-4.4 */
20292029
.nav-tab:hover,
20302030
.nav-tab:focus {
20312031
background-color: #fff;
2032-
color: #464646;
2032+
color: #444;
20332033
}
20342034

20352035
.nav-tab-active,
@@ -2040,7 +2040,7 @@ h3 .nav-tab, /* Back-compat for pre-4.4 */
20402040

20412041
.nav-tab-active {
20422042
margin-bottom: -1px;
2043-
color: #464646;
2043+
color: #444;
20442044
}
20452045

20462046
.nav-tab-active,
@@ -2495,7 +2495,7 @@ div.action-links {
24952495
}
24962496

24972497
#plugin-information .fyi strong {
2498-
color: #464646;
2498+
color: #444;
24992499
}
25002500

25012501
#plugin-information .fyi h3 {
@@ -2885,16 +2885,6 @@ img {
28852885
border: none;
28862886
}
28872887

2888-
/* Header */
2889-
/* @todo: are these also specific to Press This? */
2890-
#wphead {
2891-
border-bottom: 1px solid #dfdfdf;
2892-
}
2893-
2894-
#wphead h1 a {
2895-
color: #464646;
2896-
}
2897-
28982888
/* Metabox collapse arrow indicators */
28992889
.js .sidebar-name .sidebar-name-arrow:before,
29002890
.js .meta-box-sortables .postbox .toggle-indicator:before {
@@ -3129,7 +3119,7 @@ img {
31293119

31303120
/* Accordion */
31313121
.accordion-section {
3132-
border-bottom: 1px solid #dfdfdf;
3122+
border-bottom: 1px solid #ddd;
31333123
margin: 0;
31343124
}
31353125

@@ -3139,7 +3129,7 @@ img {
31393129
}
31403130

31413131
.accordion-section.open:hover {
3142-
border-bottom-color: #dfdfdf;
3132+
border-bottom-color: #ddd;
31433133
}
31443134

31453135
.accordion-section-content {
@@ -3153,8 +3143,8 @@ img {
31533143
margin: 0;
31543144
padding: 12px 15px 15px;
31553145
position: relative;
3156-
border-left: 1px solid #dfdfdf;
3157-
border-right: 1px solid #dfdfdf;
3146+
border-left: 1px solid #ddd;
3147+
border-right: 1px solid #ddd;
31583148
-webkit-user-select: none;
31593149
-moz-user-select: none;
31603150
-ms-user-select: none;
@@ -3211,7 +3201,7 @@ img {
32113201

32123202
.control-section.open .accordion-section-title {
32133203
/* When expanded */
3214-
border-bottom: 1px solid #dfdfdf;
3204+
border-bottom: 1px solid #ddd;
32153205
}
32163206

32173207
/* Edit Site */

src/wp-admin/css/customize-controls.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1443,7 +1443,7 @@ body.adding-widget .add-new-widget:before,
14431443
z-index: 1;
14441444
width: 300px;
14451445
background: #eee;
1446-
border-bottom: 1px solid #e4e4e4;
1446+
border-bottom: 1px solid #e5e5e5;
14471447
}
14481448

14491449
/* search field container */
@@ -1476,7 +1476,7 @@ body.adding-widget .add-new-widget:before,
14761476
position: relative;
14771477
padding: 20px 15px 20px 60px;
14781478
background: #fff;
1479-
border-bottom: 1px solid #e4e4e4;
1479+
border-bottom: 1px solid #e5e5e5;
14801480
cursor: pointer;
14811481
display: none;
14821482
}

src/wp-admin/css/customize-widgets.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@
130130
#customize-theme-controls .move-widget-area {
131131
display: none;
132132
background: #fff;
133-
border: 1px solid #dedede;
133+
border: 1px solid #ddd;
134134
border-top: none;
135135
cursor: auto;
136136
}

src/wp-admin/css/dashboard.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -196,7 +196,7 @@
196196

197197
.welcome-panel-column p {
198198
margin-top: 7px;
199-
color: #464646;
199+
color: #444;
200200
}
201201

202202
.welcome-panel .welcome-widgets-menus {

src/wp-admin/css/deprecated-media.css

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ div#media-upload-header {
55
padding: 5px 5px 0;
66
font-weight: bold;
77
position: relative;
8-
border-bottom: 1px solid #dfdfdf;
8+
border-bottom: 1px solid #ddd;
99
background: #f9f9f9;
1010
}
1111

@@ -28,7 +28,7 @@ div#media-upload-header {
2828
float: left;
2929
line-height: 28px;
3030
border-top: 1px solid #f9f9f9;
31-
border-bottom: 1px solid #dfdfdf;
31+
border-bottom: 1px solid #ddd;
3232
background-color: #f9f9f9;
3333
text-decoration: none;
3434
-webkit-transition: none;
@@ -49,7 +49,7 @@ div#media-upload-header {
4949
font-weight: normal;
5050
padding-left: 6px;
5151
padding-right: 6px;
52-
border: 1px solid #dfdfdf;
52+
border: 1px solid #ddd;
5353
border-bottom-color: #f1f1f1;
5454
background-color: #f1f1f1;
5555
color: #000;
@@ -62,7 +62,7 @@ div#media-upload-header {
6262
}
6363

6464
#media-upload .slidetoggle {
65-
border-top-color: #dfdfdf;
65+
border-top-color: #ddd;
6666
}
6767

6868
#media-upload input[type="radio"] {
@@ -328,7 +328,7 @@ h4.media-sub-title {
328328
#gallery-settings label,
329329
#gallery-settings legend {
330330
font-size: 13px;
331-
color: #464646;
331+
color: #444;
332332
margin-right: 15px;
333333
}
334334

@@ -337,7 +337,7 @@ h4.media-sub-title {
337337
}
338338

339339
#gallery-settings p.ml-submit {
340-
border-top: 1px solid #dfdfdf;
340+
border-top: 1px solid #ddd;
341341
}
342342

343343
#gallery-settings select#columns {

src/wp-admin/css/edit.css

Lines changed: 3 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -74,12 +74,6 @@
7474
padding: 11px 10px;
7575
}
7676

77-
#poststuff .inside-submitbox,
78-
#side-sortables .inside-submitbox {
79-
margin: 0 3px;
80-
font-size: 11px;
81-
}
82-
8377
input#link_description,
8478
input#link_url {
8579
width: 98%;
@@ -135,14 +129,6 @@ input#link_url {
135129
float: left;
136130
}
137131

138-
.submitbox .submit {
139-
text-align: left;
140-
padding: 12px 10px 10px;
141-
font-size: 11px;
142-
background-color: #464646;
143-
color: #ccc;
144-
}
145-
146132
.submitbox .submitdelete {
147133
text-decoration: none;
148134
padding: 1px 2px;
@@ -166,10 +152,6 @@ stray rule may actually be compensated for elsewhere. */
166152
padding: 6px;
167153
}
168154

169-
.inside-submitbox #post_status {
170-
margin: 2px 0 2px -2px;
171-
}
172-
173155
#post-status-select {
174156
margin-top: 3px;
175157
}
@@ -271,11 +253,6 @@ ul.category-tabs li,
271253
border: 0 none;
272254
}
273255

274-
#side-sortables .inside-submitbox .insidebox,
275-
.stuffbox .insidebox {
276-
margin: 11px 0;
277-
}
278-
279256
/* @todo: make this a more generic class */
280257
ul.category-tabs,
281258
ul.add-menu-item-tabs,
@@ -292,7 +269,7 @@ ul.add-menu-item-tabs li {
292269
ul.category-tabs li.tabs,
293270
ul.add-menu-item-tabs li.tabs,
294271
.wp-tab-active {
295-
border: 1px solid #dfdfdf;
272+
border: 1px solid #ddd;
296273
border-bottom-color: #fdfdfd;
297274
background-color: #fdfdfd;
298275
}
@@ -727,7 +704,7 @@ span.wp-media-buttons-icon:before {
727704
#postcustomstuff table {
728705
margin: 0;
729706
width: 100%;
730-
border: 1px solid #dfdfdf;
707+
border: 1px solid #ddd;
731708
border-spacing: 0;
732709
background-color: #f9f9f9;
733710
}
@@ -960,7 +937,7 @@ a.post-state-format.format-link:before {
960937
max-height: 200px;
961938
overflow: auto;
962939
padding: 0 0.9em;
963-
border: solid 1px #dfdfdf;
940+
border: solid 1px #ddd;
964941
background-color: #fdfdfd;
965942
}
966943

src/wp-admin/css/ie.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -244,7 +244,7 @@ table.fixed td {
244244
}
245245

246246
#wpbody-content .postbox {
247-
border: 1px solid #dfdfdf;
247+
border: 1px solid #ddd;
248248
}
249249

250250
#wpbody-content .postbox .hndle {
@@ -687,7 +687,7 @@ input[type="password"],
687687
* html .stuffbox,
688688
* html .stuffbox input,
689689
* html .stuffbox textarea {
690-
border: 1px solid #DFDFDF;
690+
border: 1px solid #ddd;
691691
}
692692

693693
* html div.widget-liquid-left {
@@ -721,7 +721,7 @@ input[type="password"],
721721
}
722722

723723
* html input {
724-
border: 1px solid #dfdfdf;
724+
border: 1px solid #ddd;
725725
}
726726

727727
* html .edit-box {

src/wp-admin/css/install.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ a:focus {
3939
}
4040

4141
h1, h2 {
42-
border-bottom: 1px solid #dedede;
42+
border-bottom: 1px solid #ddd;
4343
clear: both;
4444
color: #666;
4545
font-size: 24px;
@@ -131,7 +131,7 @@ label {
131131
vertical-align: middle;
132132
}
133133
textarea {
134-
border: 1px solid #dfdfdf;
134+
border: 1px solid #ddd;
135135
font-family: "Open Sans", sans-serif;
136136
width: 100%;
137137
-webkit-box-sizing: border-box;

0 commit comments

Comments
 (0)