Skip to content

Commit 6939aa7

Browse files
committed
Media: Make image editor help icon scheme-aware.
The image editor help toggle icon used a hardcoded classic blue color. Replace it with a CSS custom property so the icon follows the user's admin color scheme. Props dervishov, huzaifaalmesbah, jamesbregenzer, mukesh27, ozgursar, wildworks. Fixes #64937. git-svn-id: https://develop.svn.wordpress.org/trunk@62481 602fd350-edb4-49c9-b593-d223f7449a82
1 parent e1f1f58 commit 6939aa7

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

src/wp-admin/css/media.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1187,7 +1187,7 @@ border color while dragging a file over the uploader drop area */
11871187
margin: -1px 0 0 -1px;
11881188
padding: 0;
11891189
background: transparent;
1190-
color: #2271b1;
1190+
color: var(--wp-admin-theme-color);
11911191
font-size: 20px;
11921192
line-height: 1;
11931193
cursor: pointer;
@@ -1196,9 +1196,9 @@ border color while dragging a file over the uploader drop area */
11961196
}
11971197

11981198
.image-editor .imgedit-settings .imgedit-help-toggle:focus {
1199-
color: #2271b1;
1200-
border-color: #2271b1;
1201-
box-shadow: 0 0 0 1px #2271b1;
1199+
color: var(--wp-admin-theme-color);
1200+
border-color: var(--wp-admin-theme-color);
1201+
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
12021202
/* Only visible in Windows High Contrast mode */
12031203
outline: 2px solid transparent;
12041204
}

0 commit comments

Comments
 (0)