Skip to content

Admin reskin misc #10947

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
joedolson wants to merge 6 commits into
base: trunk
Choose a base branch
from
+19 −16
Open

Admin reskin misc #10947

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2e6a256
Widget colors & alignments
joedolson Feb 16, 2026
befec34
Screen options & Help toggle focus
joedolson Feb 16, 2026
648eaea
Admin skip links
joedolson Feb 16, 2026
94335c1
Focus ring clipped by overflow
joedolson Feb 16, 2026
507866d
Customizer preview buttons
joedolson Feb 16, 2026
7cd3aa3
File editor: focus state on files in treeview
joedolson Feb 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions src/wp-admin/css/common.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -155,17 +155,17 @@
font-weight: 600;
padding: 15px 23px 14px;
/* Background and color set to prevent false positives in automated accessibility tests. */
background: #f0f0f1;
color: #2271b1;
background: #ffffff;
color: var(--wp-admin-theme-color, #3858e9);
z-index: 100000;
line-height: normal;
}

.screen-reader-shortcut:focus {
top: -25px;
/* Overrides a:focus in the admin. See ticket #56789. */
color: #2271b1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: 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);
text-decoration: none;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
Expand Down Expand Up @@ -1894,8 +1894,8 @@ p.auto-update-status {
}

#screen-meta-links .show-settings:focus {
border-color: #2271b1;
box-shadow: 0 0 0 1px #2271b1;
border-color: 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);
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
Expand Down Expand Up @@ -3445,7 +3445,7 @@ img {
/* Reset default focus style. */
box-shadow: none;
/* Use an inset outline instead, so it's visible also over the current file item. */
outline: 2px solid #2271b1;
outline: 2px solid var(--wp-admin-theme-color, #3858e9);
outline-offset: -2px;
}

Expand Down
1 change: 0 additions & 1 deletion src/wp-admin/css/nav-menus.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -221,7 +221,6 @@ input.bulk-select-switcher:focus + .bulk-select-button-label {

.menu-settings-group {
margin: 0 0 10px;
overflow: hidden;
padding-left: 20%;
}

Expand Down
8 changes: 7 additions & 1 deletion src/wp-admin/css/widgets.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -582,6 +582,12 @@ div#widgets-right .closed .widgets-sortables {
padding: 0 15px;
}

.widget-control-actions {
display: flex;
align-items: center;
justify-content: space-between;
}

.editwidget .widget-control-actions {
margin-top: 20px;
}
Expand Down Expand Up @@ -724,7 +730,7 @@ div#widgets-right .widget-top:hover,
}

.widgets-chooser .widgets-chooser-selected .widgets-chooser-button {
background: #2271b1;
background: var(--wp-admin-theme-color, #3858e9);
color: #fff;
}

Expand Down
1 change: 0 additions & 1 deletion src/wp-admin/includes/widgets.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -303,7 +303,6 @@ function wp_widget_control( $sidebar_args ) {
<?php submit_button( __( 'Save' ), 'primary widget-control-save right', 'savewidget', false, array( 'id' => 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?>
<span class="spinner"></span>
</div>
<br class="clear" />
</div>
<?php echo $after_form; ?>
</div>
Expand Down
5 changes: 2 additions & 3 deletions src/wp-admin/widgets-form.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -343,7 +343,7 @@
</div>

<div class="widget-control-actions">
<div class="alignleft">
<div class="left-actions">
<?php if ( ! isset( $_GET['addnew'] ) ) : ?>
<input type="submit" name="removewidget" id="removewidget" class="button-link button-link-delete widget-control-remove" value="<?php esc_attr_e( 'Delete' ); ?>" />
<span class="widget-control-close-wrapper">
Expand All @@ -353,14 +353,13 @@
<a href="widgets.php" class="button-link widget-control-close"><?php _e( 'Cancel' ); ?></a>
<?php endif; ?>
</div>
<div class="alignright">
<div class="right-actions">
<?php submit_button( __( 'Save Widget' ), 'primary alignright', 'savewidget', false ); ?>
<input type="hidden" name="widget-id" class="widget-id" value="<?php echo esc_attr( $widget_id ); ?>" />
<input type="hidden" name="id_base" class="id_base" value="<?php echo esc_attr( $id_base ); ?>" />
<input type="hidden" name="multi_number" class="multi_number" value="<?php echo esc_attr( $multi_number ); ?>" />
<?php wp_nonce_field( "save-delete-widget-$widget_id" ); ?>
</div>
<br class="clear" />
</div>

</form>
Expand Down
6 changes: 3 additions & 3 deletions src/wp-includes/css/customize-preview.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
line-height: 1 !important;
font-size: 18px;
z-index: 5;
background: #3582c4 !important;
background: #3858e9;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15);
Expand Down Expand Up @@ -76,11 +76,11 @@
}

.customize-partial-edit-shortcut button:hover {
background: #4f94d4 !important; /* matches primary buttons */
background: #2145e6 !important; /* matches primary buttons */
}

.customize-partial-edit-shortcut button:focus {
box-shadow: 0 0 0 2px #4f94d4;
box-shadow: 0 0 0 1.5px #3858e9;
}

body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
Expand Down
Loading