HostForge-Systems/wordpress
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Media: Update upload file overlay colors.

Browse Source 
Update the colors used for the file upload overlay mask to use the new admin theme colors.

Props opurockey, huzaifaalmesbah, wildworks, audrasjb, manhar, joedolson.
Fixes #65001.
Built from https://develop.svn.wordpress.org/trunk@62199


git-svn-id: http://core.svn.wordpress.org/trunk@61479 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson
2026-04-02 23:10:43 +00:00
parent ac8dbbfea0
commit c4cd46a033
5 changed files with 49 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
wp-includes/css/media-views-rtl.css
View File

@@ -57,7 +57,7 @@
.media-frame a:focus { .media-frame a:focus {
border-radius: 2px; border-radius: 2px;
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
color: #043959; color: var(--wp-admin-theme-color-darker-20, #183ad6);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -245,13 +245,13 @@
.media-modal-close:hover, .media-modal-close:hover,
.media-modal-close:active { .media-modal-close:active {
color: #135e96; color: var(--wp-admin-theme-color, #3858e9);
} }
.media-modal-close:focus { .media-modal-close:focus {
color: #135e96; color: var(--wp-admin-theme-color, #3858e9);
border-color: #4f94d4; border-color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); box-shadow: 0 0 3px rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.8);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -674,7 +674,7 @@
font-size: 14px; font-size: 14px;
line-height: 1.28571428; line-height: 1.28571428;
background: transparent; background: transparent;
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
text-align: right; text-align: right;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
@@ -685,7 +685,7 @@
} }
.media-menu .media-menu-item:active { .media-menu .media-menu-item:active {
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
outline: none; outline: none;
} }
@@ -697,7 +697,7 @@
.media-menu .media-menu-item:focus { .media-menu .media-menu-item:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
color: #043959; color: var(--wp-admin-theme-color-darker-20, #183ad6);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -740,7 +740,7 @@
.media-router .media-menu-item:hover, .media-router .media-menu-item:hover,
.media-router .media-menu-item:active { .media-router .media-menu-item:active {
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
} }
.media-router .active, .media-router .active,
@@ -750,7 +750,7 @@
.media-router .media-menu-item:focus { .media-router .media-menu-item:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
color: #043959; color: var(--wp-admin-theme-color-darker-20, #183ad6);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
z-index: 1; z-index: 1;
@@ -1322,8 +1322,8 @@
} }
.uploader-inline .close:focus { .uploader-inline .close:focus {
outline: 1px solid #4f94d4; outline: 1px solid var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); box-shadow: 0 0 3px rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.8);
} }
.attachments-browser.hide-sidebar .attachments, .attachments-browser.hide-sidebar .attachments,
@@ -1410,7 +1410,7 @@
height: 10px; height: 10px;
min-width: 20px; min-width: 20px;
width: 0; width: 0;
background: #2271b1; background: var(--wp-admin-theme-color, #3858e9);
border-radius: 10px; border-radius: 10px;
transition: width 300ms; transition: width 300ms;
} }
@@ -1528,7 +1528,7 @@
.uploader-window, .uploader-window,
.wp-editor-wrap .uploader-editor.droppable { .wp-editor-wrap .uploader-editor.droppable {
background: rgba(10, 75, 120, 0.9); background-color: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.9);
} }
.uploader-window-content, .uploader-window-content,
@@ -1689,13 +1689,13 @@
margin: 1px -8px 1px 8px; margin: 1px -8px 1px 8px;
line-height: 1.4; line-height: 1.4;
border-left: 1px solid #dcdcde; border-left: 1px solid #dcdcde;
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
text-decoration: none; text-decoration: none;
} }
.media-selection .button-link:hover, .media-selection .button-link:hover,
.media-selection .button-link:focus { .media-selection .button-link:focus {
color: #135e96; color: var(--wp-admin-theme-color-darker-20, #183ad6);
} }
.media-selection .button-link:last-child { .media-selection .button-link:last-child {
@@ -1753,7 +1753,7 @@
.wp-core-ui .media-selection .attachment.details:focus { .wp-core-ui .media-selection .attachment.details:focus {
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 2px 3px #4f94d4; 0 0 2px 3px var(--wp-admin-theme-color, #3858e9);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -1765,7 +1765,7 @@
.wp-core-ui .media-selection .attachment.details { .wp-core-ui .media-selection .attachment.details {
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 3px #2271b1; 0 0 0 3px var(--wp-admin-theme-color, #3858e9);
} }
.media-selection:after { .media-selection:after {
@@ -2045,7 +2045,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
background: transparent; background: transparent;
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
font-size: 20px; font-size: 20px;
line-height: 1; line-height: 1;
cursor: pointer; cursor: pointer;
@@ -2054,9 +2054,9 @@
} }
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus { .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
border-color: #2271b1; border-color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 0 1px #2271b1; box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }

4
wp-includes/css/media-views-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

44
wp-includes/css/media-views.css
View File

@@ -56,7 +56,7 @@
.media-frame a:focus { .media-frame a:focus {
border-radius: 2px; border-radius: 2px;
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
color: #043959; color: var(--wp-admin-theme-color-darker-20, #183ad6);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -244,13 +244,13 @@
.media-modal-close:hover, .media-modal-close:hover,
.media-modal-close:active { .media-modal-close:active {
color: #135e96; color: var(--wp-admin-theme-color, #3858e9);
} }
.media-modal-close:focus { .media-modal-close:focus {
color: #135e96; color: var(--wp-admin-theme-color, #3858e9);
border-color: #4f94d4; border-color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); box-shadow: 0 0 3px rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.8);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -673,7 +673,7 @@
font-size: 14px; font-size: 14px;
line-height: 1.28571428; line-height: 1.28571428;
background: transparent; background: transparent;
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
text-align: left; text-align: left;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
@@ -684,7 +684,7 @@
} }
.media-menu .media-menu-item:active { .media-menu .media-menu-item:active {
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
outline: none; outline: none;
} }
@@ -696,7 +696,7 @@
.media-menu .media-menu-item:focus { .media-menu .media-menu-item:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
color: #043959; color: var(--wp-admin-theme-color-darker-20, #183ad6);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -739,7 +739,7 @@
.media-router .media-menu-item:hover, .media-router .media-menu-item:hover,
.media-router .media-menu-item:active { .media-router .media-menu-item:active {
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
} }
.media-router .active, .media-router .active,
@@ -749,7 +749,7 @@
.media-router .media-menu-item:focus { .media-router .media-menu-item:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
color: #043959; color: var(--wp-admin-theme-color-darker-20, #183ad6);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
z-index: 1; z-index: 1;
@@ -1321,8 +1321,8 @@
} }
.uploader-inline .close:focus { .uploader-inline .close:focus {
outline: 1px solid #4f94d4; outline: 1px solid var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); box-shadow: 0 0 3px rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.8);
} }
.attachments-browser.hide-sidebar .attachments, .attachments-browser.hide-sidebar .attachments,
@@ -1409,7 +1409,7 @@
height: 10px; height: 10px;
min-width: 20px; min-width: 20px;
width: 0; width: 0;
background: #2271b1; background: var(--wp-admin-theme-color, #3858e9);
border-radius: 10px; border-radius: 10px;
transition: width 300ms; transition: width 300ms;
} }
@@ -1527,7 +1527,7 @@
.uploader-window, .uploader-window,
.wp-editor-wrap .uploader-editor.droppable { .wp-editor-wrap .uploader-editor.droppable {
background: rgba(10, 75, 120, 0.9); background-color: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.9);
} }
.uploader-window-content, .uploader-window-content,
@@ -1688,13 +1688,13 @@
margin: 1px 8px 1px -8px; margin: 1px 8px 1px -8px;
line-height: 1.4; line-height: 1.4;
border-right: 1px solid #dcdcde; border-right: 1px solid #dcdcde;
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
text-decoration: none; text-decoration: none;
} }
.media-selection .button-link:hover, .media-selection .button-link:hover,
.media-selection .button-link:focus { .media-selection .button-link:focus {
color: #135e96; color: var(--wp-admin-theme-color-darker-20, #183ad6);
} }
.media-selection .button-link:last-child { .media-selection .button-link:last-child {
@@ -1752,7 +1752,7 @@
.wp-core-ui .media-selection .attachment.details:focus { .wp-core-ui .media-selection .attachment.details:focus {
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 2px 3px #4f94d4; 0 0 2px 3px var(--wp-admin-theme-color, #3858e9);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }
@@ -1764,7 +1764,7 @@
.wp-core-ui .media-selection .attachment.details { .wp-core-ui .media-selection .attachment.details {
box-shadow: box-shadow:
0 0 0 1px #fff, 0 0 0 1px #fff,
0 0 0 3px #2271b1; 0 0 0 3px var(--wp-admin-theme-color, #3858e9);
} }
.media-selection:after { .media-selection:after {
@@ -2044,7 +2044,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
background: transparent; background: transparent;
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
font-size: 20px; font-size: 20px;
line-height: 1; line-height: 1;
cursor: pointer; cursor: pointer;
@@ -2053,9 +2053,9 @@
} }
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus { .wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
color: #2271b1; color: var(--wp-admin-theme-color, #3858e9);
border-color: #2271b1; border-color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 0 1px #2271b1; box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9);
/* Only visible in Windows High Contrast mode */ /* Only visible in Windows High Contrast mode */
outline: 2px solid transparent; outline: 2px solid transparent;
} }

4
wp-includes/css/media-views.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '7.1-alpha-62198'; $wp_version = '7.1-alpha-62199';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.