initial
This commit is contained in:
@@ -0,0 +1,790 @@
|
||||
@use 'sass:color';
|
||||
@use 'sass:string';
|
||||
@forward 'variables' show $scheme-name, $base-color, $body-background, $button-color, $custom-welcome-panel, $dashboard-accent-1, $dashboard-accent-2, $dashboard-icon-background, $form-checked, $highlight-color, $icon-color, $link, $link-focus, $low-contrast-theme, $menu-bubble-text, $menu-collapse-focus-icon, $menu-collapse-text, $menu-highlight-background, $menu-highlight-icon, $menu-highlight-text, $menu-submenu-text, $menu-submenu-focus-text, $menu-submenu-background, $notification-color, $text-color;
|
||||
@use 'variables';
|
||||
@use 'mixins';
|
||||
@use 'tokens';
|
||||
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
@function url-friendly-colour( $color ) {
|
||||
@return '%23' + string.slice( '#{ $color }', 2, -1 );
|
||||
}
|
||||
|
||||
body {
|
||||
background: variables.$body-background;
|
||||
}
|
||||
|
||||
|
||||
/* Links */
|
||||
|
||||
a {
|
||||
color: variables.$link;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: variables.$link-focus;
|
||||
}
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: tokens.$radius-s;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&[aria-disabled="true"] {
|
||||
color: tokens.$gray-600;
|
||||
}
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: tokens.$alert-red;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: color.adjust(tokens.$alert-red, $lightness: 10%);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
|
||||
// Checkbox checked state - uses theme color
|
||||
input[type="checkbox"]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Radio checked state - uses theme color
|
||||
input[type="radio"]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type="reset"]:hover,
|
||||
.wp-core-ui input[type="reset"]:active {
|
||||
color: variables.$link-focus;
|
||||
}
|
||||
|
||||
// Text input focus - outset focus ring matching button focus style
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="color"]:focus,
|
||||
input[type="date"]:focus,
|
||||
input[type="datetime"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="number"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="week"]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Checkbox/Radio focus - Gutenberg-style outset focus ring
|
||||
input[type="checkbox"]:focus,
|
||||
input[type="radio"]:focus {
|
||||
border-color: tokens.$gray-900;
|
||||
box-shadow: 0 0 0 2px tokens.$white, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
// Select focus (wp-core-ui styled selects)
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Autocomplete focus state
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected="true"] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Password field focus
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Password toggle button focus
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
|
||||
/* Core UI */
|
||||
|
||||
.wp-core-ui {
|
||||
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
.button {
|
||||
@include mixins.button-secondary();
|
||||
}
|
||||
|
||||
/* Secondary button - same as default */
|
||||
.button-secondary {
|
||||
@include mixins.button-secondary();
|
||||
}
|
||||
|
||||
/* Primary button - theme color background */
|
||||
.button-primary {
|
||||
@include mixins.button();
|
||||
}
|
||||
|
||||
.button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
|
||||
.wp-ui-primary {
|
||||
color: variables.$text-color;
|
||||
background-color: variables.$base-color;
|
||||
}
|
||||
.wp-ui-text-primary {
|
||||
color: variables.$base-color;
|
||||
}
|
||||
|
||||
.wp-ui-highlight {
|
||||
color: variables.$menu-highlight-text;
|
||||
background-color: variables.$menu-highlight-background;
|
||||
}
|
||||
.wp-ui-text-highlight {
|
||||
color: variables.$menu-highlight-background;
|
||||
}
|
||||
|
||||
.wp-ui-notification {
|
||||
color: variables.$menu-bubble-text;
|
||||
background-color: variables.$menu-bubble-background;
|
||||
}
|
||||
.wp-ui-text-notification {
|
||||
color: variables.$menu-bubble-background;
|
||||
}
|
||||
|
||||
.wp-ui-text-icon {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* List tables */
|
||||
|
||||
// .page-title-action uses secondary button styling
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: tokens.$radius-s;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: variables.$menu-background;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: variables.$menu-bubble-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu */
|
||||
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: variables.$menu-background;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: variables.$menu-highlight-text;
|
||||
background-color: variables.$menu-highlight-background;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: variables.$menu-highlight-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: variables.$body-background;
|
||||
border-bottom-color: variables.$body-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: variables.$menu-submenu-text;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: variables.$menu-submenu-text;
|
||||
|
||||
&:focus, &:hover {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: current */
|
||||
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: variables.$menu-submenu-current-text;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: variables.$body-background;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: variables.$menu-current-text;
|
||||
background: variables.$menu-current-background;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: variables.$menu-current-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: variables.$menu-bubble-text;
|
||||
background: variables.$menu-bubble-background;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: variables.$menu-bubble-current-text;
|
||||
background: variables.$menu-bubble-current-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
|
||||
#collapse-button {
|
||||
color: variables.$menu-collapse-text;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
|
||||
#wpadminbar {
|
||||
color: variables.$menu-text;
|
||||
background: variables.$menu-background;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: variables.$menu-submenu-background-alt;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: variables.$menu-submenu-text;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Bar: search */
|
||||
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: variables.$menu-text;
|
||||
background: variables.$adminbar-input-background;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: variables.$adminbar-recovery-exit-text;
|
||||
background-color: variables.$adminbar-recovery-exit-background;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: variables.$adminbar-recovery-exit-text;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: variables.$adminbar-recovery-exit-text;
|
||||
background-color: variables.$adminbar-recovery-exit-background-alt;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: variables.$adminbar-avatar-frame;
|
||||
background-color: variables.$adminbar-avatar-frame;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: variables.$menu-submenu-text;
|
||||
}
|
||||
|
||||
|
||||
/* Pointers */
|
||||
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: variables.$highlight-color;
|
||||
border-color: color.adjust(variables.$highlight-color, $lightness: -5%);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
|
||||
/* Media */
|
||||
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow:
|
||||
inset 0 0 0 3px #fff,
|
||||
inset 0 0 0 7px variables.$highlight-color;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: variables.$highlight-color;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px variables.$highlight-color;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px variables.$highlight-color;
|
||||
}
|
||||
|
||||
|
||||
/* Themes */
|
||||
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: variables.$menu-background;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: variables.$menu-text;
|
||||
background-color: variables.$menu-background;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: variables.$menu-highlight-background;
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: variables.$menu-highlight-background;
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
|
||||
/* Nav Menus */
|
||||
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow:
|
||||
0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
|
||||
0 0 2px 1px variables.$button-color;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive Component */
|
||||
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
// ToDo: make inset border
|
||||
border-color: transparent;
|
||||
background: variables.$menu-highlight-background;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: variables.$highlight-color;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui {
|
||||
#customize-controls .control-section:hover > .accordion-section-title,
|
||||
#customize-controls .control-section .accordion-section-title:hover,
|
||||
#customize-controls .control-section.open .accordion-section-title,
|
||||
#customize-controls .control-section .accordion-section-title:focus {
|
||||
color: variables.$link;
|
||||
border-left-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.customize-controls-close:focus,
|
||||
.customize-controls-close:hover,
|
||||
.customize-controls-preview-toggle:focus,
|
||||
.customize-controls-preview-toggle:hover {
|
||||
color: variables.$link;
|
||||
border-top-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.customize-panel-back:hover,
|
||||
.customize-panel-back:focus,
|
||||
.customize-section-back:hover,
|
||||
.customize-section-back:focus {
|
||||
color: variables.$link;
|
||||
border-left-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover,
|
||||
.customize-screen-options-toggle:active,
|
||||
.customize-screen-options-toggle:focus,
|
||||
.active-menu-screen-options .customize-screen-options-toggle,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before,
|
||||
&.wp-customizer button:focus .toggle-indicator:before,
|
||||
.menu-item-bar .item-delete:focus:before,
|
||||
#available-menu-items .item-add:focus:before,
|
||||
#customize-save-button-wrapper .save:focus,
|
||||
#publish-settings:focus {
|
||||
box-shadow:
|
||||
0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
|
||||
0 0 2px 1px variables.$button-color;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info.open .customize-help-toggle,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus,
|
||||
#customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.control-panel-themes .customize-themes-section-title:focus,
|
||||
.control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: variables.$button-color;
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: variables.$button-color;
|
||||
}
|
||||
|
||||
.control-panel-themes .customize-themes-section-title.selected {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
#customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: variables.$button-color;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px variables.$button-color;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-full-overlay-footer .devices button:focus,
|
||||
.wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-full-overlay-footer .devices button:focus:before {
|
||||
color: variables.$button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-full-overlay .collapse-sidebar:focus {
|
||||
color: variables.$button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow:
|
||||
0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
|
||||
0 0 2px 1px variables.$button-color;
|
||||
}
|
||||
|
||||
&.wp-customizer .theme-overlay .theme-header .close:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .close:hover,
|
||||
&.wp-customizer .theme-overlay .theme-header .right:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .right:hover,
|
||||
&.wp-customizer .theme-overlay .theme-header .left:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: variables.$button-color;
|
||||
color: variables.$link;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
@use 'sass:color';
|
||||
@use 'tokens';
|
||||
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
@mixin button( $button-text-color: #fff ) {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: tokens.$radius-s;
|
||||
color: $button-text-color;
|
||||
|
||||
&:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: $button-text-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: $button-text-color;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow:
|
||||
0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color),
|
||||
inset 0 0 0 1px tokens.$white;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: $button-text-color;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
background: tokens.$gray-100;
|
||||
border-color: transparent;
|
||||
color: tokens.$gray-600;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:focus,
|
||||
&.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: $button-text-color;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
@mixin button-secondary() {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: tokens.$radius-s;
|
||||
color: var(--wp-admin-theme-color);
|
||||
|
||||
&:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
background: transparent;
|
||||
border-color: tokens.$gray-300;
|
||||
color: tokens.$gray-600;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
@mixin button-tertiary() {
|
||||
background: transparent;
|
||||
border: 1px solid tokens.$gray-600;
|
||||
border-radius: tokens.$radius-s;
|
||||
color: tokens.$gray-900;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border-color: tokens.$gray-700;
|
||||
color: tokens.$gray-900;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: tokens.$gray-900;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border-color: tokens.$gray-700;
|
||||
color: tokens.$gray-900;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
background: transparent;
|
||||
border-color: tokens.$gray-400;
|
||||
color: tokens.$gray-600;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,212 @@
|
||||
// ==========================================================================
|
||||
// WordPress Design System Tokens
|
||||
// ==========================================================================
|
||||
//
|
||||
// These tokens are derived from the WordPress Design System in Figma:
|
||||
// https://www.figma.com/design/804HN2REV2iap2ytjRQ055/WordPress-Design-System
|
||||
//
|
||||
// IMPORTANT: Do NOT expose these as CSS custom properties.
|
||||
// Use these Sass variables to compile to static CSS values.
|
||||
// The only CSS custom properties available are those in wp-base-styles:
|
||||
// - --wp-admin-theme-color
|
||||
// - --wp-admin-theme-color--rgb
|
||||
// - --wp-admin-theme-color-darker-10
|
||||
// - --wp-admin-theme-color-darker-20
|
||||
// - --wp-admin-border-width-focus
|
||||
//
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Grid Units (Spacing)
|
||||
// --------------------------------------------------------------------------
|
||||
// Based on 4px base unit. Use for padding, margin, and gap values.
|
||||
|
||||
$grid-unit-05: 4px; // Scales/grid unit 05
|
||||
$grid-unit-10: 8px; // Scales/grid unit 10
|
||||
$grid-unit-15: 12px; // Scales/grid unit 15
|
||||
$grid-unit-20: 16px; // Scales/grid unit 20
|
||||
$grid-unit-30: 24px; // Scales/grid unit 30
|
||||
$grid-unit-40: 32px; // Scales/grid unit 40
|
||||
$grid-unit-50: 40px; // Scales/grid unit 50
|
||||
$grid-unit-60: 48px; // Scales/grid unit 60
|
||||
$grid-unit-70: 56px; // Scales/grid unit 70
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Border Radius
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$radius-xs: 1px; // radius-xs
|
||||
$radius-s: 2px; // radius-s - Buttons, inputs
|
||||
$radius-m: 4px; // radius-m - Focus rings
|
||||
$radius-l: 8px; // radius-l - Cards, dashboard widgets
|
||||
$radius-30: 12px; // Radius 30
|
||||
$radius-full: 9999px; // radius-full - Pills, avatars, circles
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Gray Scale
|
||||
// --------------------------------------------------------------------------
|
||||
// Neutral colors for backgrounds, borders, and text.
|
||||
|
||||
$gray-100: #f0f0f0; // Scales/Grays/gray-100 - Page background, disabled inputs
|
||||
$gray-200: #e0e0e0; // Scales/Grays/gray-200
|
||||
$gray-300: #dddddd; // Scales/Grays/gray-300
|
||||
$gray-400: #cccccc; // Scales/Grays/gray-400 - Disabled borders
|
||||
$gray-600: #949494; // Scales/Grays/gray-600 - Input borders, disabled text
|
||||
$gray-700: #757575; // Scales/Grays/gray-700
|
||||
$gray-800: #2f2f2f; // Scales/Grays/gray-800
|
||||
$gray-900: #1e1e1e; // Scales/Grays/gray-900 - Primary text
|
||||
|
||||
$white: #ffffff; // Scales/Black & White/white
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Theme Colors (Static reference values)
|
||||
// --------------------------------------------------------------------------
|
||||
// For actual theme color usage, use var(--wp-admin-theme-color) instead.
|
||||
// These are provided for reference and for contexts where CSS vars aren't available.
|
||||
|
||||
$theme-reference: #3858e9; // Scales/Theme/theme (modern scheme)
|
||||
$theme-darker-10-reference: #2145e6; // Scales/Theme/theme-darker-10
|
||||
$theme-darker-20-reference: #183ad6; // Scales/Theme/theme-darker-20
|
||||
$theme-alpha-04: rgba(56, 88, 233, 0.04); // Scales/Theme/theme-alpha-04 (4% opacity)
|
||||
$theme-alpha-08: rgba(56, 88, 233, 0.08); // Scales/Theme/theme-alpha-08 (8% opacity)
|
||||
|
||||
$brand-9: #4465db; // Scales/brand-9 - Focus ring color (static, not theme-dependent)
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Semantic Colors
|
||||
// --------------------------------------------------------------------------
|
||||
// Use these for notices, alerts, and status indicators.
|
||||
// These are intentionally NOT theme-dependent for consistency.
|
||||
|
||||
$alert-yellow: #f0b849; // Scales/Yellow/alert-yellow - Warnings
|
||||
$alert-green: #4ab866; // Scales/Green/alert-green - Success
|
||||
$alert-red: #cc1818; // Scales/Red/alert-red - Errors
|
||||
$alert-blue: #3858e9; // Info notices (matches modern theme)
|
||||
|
||||
// Background tints for notices
|
||||
$alert-yellow-bg: #fef8ee; // Warning notice background
|
||||
$alert-green-bg: #eff9f1; // Success notice background
|
||||
$alert-red-bg: #fcf0f0; // Error notice background
|
||||
|
||||
$synced-color: #7a00df; // Scales/Purple/--wp-block-synced-color
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Text Colors
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$text-primary: $gray-900; // Primary text color
|
||||
$text-secondary: $gray-700; // Secondary text
|
||||
$text-tertiary: #5d5d5d; // Alias/text/text-tertiary - Placeholder, hints
|
||||
$text-disabled: $gray-600; // Disabled text
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Component Tokens
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
// Inputs
|
||||
$input-bg: $white; // Alias/bg/bg-input
|
||||
$input-border-color: $gray-600; // Default input border
|
||||
$input-border-color-disabled: $gray-400;
|
||||
$input-bg-disabled: $gray-100;
|
||||
$input-border-width-default: 1px; // Input/Default
|
||||
$input-border-width-focus: 1.5px; // Input/Focus
|
||||
$field-spacing-horizontal: 8px; // Alias/field-spacing-horizontal
|
||||
|
||||
// Checkboxes and Radios
|
||||
$checkbox-size: 16px; // Alias/checkbox
|
||||
$radio-size: 16px; // Alias/radio
|
||||
|
||||
// Toggles
|
||||
$toggle-width: 32px; // Alias/toggle-width
|
||||
$toggle-height: 16px; // Alias/toggle-height
|
||||
|
||||
// Buttons
|
||||
// Note: Gutenberg is transitioning to 40px as the default button size.
|
||||
// The "compact" size (32px) is available for space-constrained contexts.
|
||||
$button-height-default: 40px; // Default button height (next-default-40px)
|
||||
$button-height-compact: 32px; // Compact button height
|
||||
$button-height-small: 24px; // Small button height
|
||||
|
||||
// Cards and Surfaces
|
||||
$card-bg: $white;
|
||||
$card-border-color: rgba(0, 0, 0, 0.1);
|
||||
$card-border-width: 1px;
|
||||
$card-border-radius: $radius-l; // 8px for dashboard widgets
|
||||
$card-border-radius-metabox: 0; // 0 for post editor metaboxes
|
||||
$card-divider-color: rgba(0, 0, 0, 0.1);
|
||||
|
||||
// Card Padding Sizes
|
||||
$card-padding-xs: $grid-unit-10; // 8px - xSmall cards
|
||||
$card-padding-sm: $grid-unit-20; // 16px - Small cards (metaboxes, dashboard widgets)
|
||||
$card-padding-md-h: $grid-unit-30; // 24px - Medium cards horizontal
|
||||
$card-padding-md-v: $grid-unit-20; // 16px - Medium cards vertical
|
||||
$card-padding-lg-h: $grid-unit-40; // 32px - Large cards horizontal
|
||||
$card-padding-lg-v: $grid-unit-30; // 24px - Large cards vertical
|
||||
|
||||
// Page Layout
|
||||
$page-padding-large: 48px; // Alias/page-large
|
||||
$page-padding-small: 24px; // Alias/page-small
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Typography Scale
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
// Font Sizes
|
||||
$font-size-xs: 11px; // xs - Small labels, button small
|
||||
$font-size-s: 12px; // s - Body small
|
||||
$font-size-m: 13px; // m - Base body text, buttons
|
||||
$font-size-l: 15px; // l - Body large, heading large
|
||||
$font-size-xl: 20px; // xl - Heading XL
|
||||
|
||||
// Line Heights
|
||||
$line-height-xs: 16px; // xs
|
||||
$line-height-s: 20px; // s - Most UI elements
|
||||
$line-height-m: 24px; // m - Body large
|
||||
|
||||
// Font Weights
|
||||
$font-weight-regular: 400; // Regular - Body text
|
||||
$font-weight-medium: 500; // Medium - Headings, buttons
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Elevation (Box Shadows)
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$elevation-xs:
|
||||
0 4px 4px rgba(0, 0, 0, 0.01),
|
||||
0 3px 3px rgba(0, 0, 0, 0.02),
|
||||
0 1px 2px rgba(0, 0, 0, 0.02),
|
||||
0 1px 1px rgba(0, 0, 0, 0.03);
|
||||
|
||||
$elevation-s:
|
||||
0 8px 8px rgba(0, 0, 0, 0.02),
|
||||
0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
|
||||
$elevation-m:
|
||||
0 16px 16px rgba(0, 0, 0, 0.02),
|
||||
0 4px 5px rgba(0, 0, 0, 0.03),
|
||||
0 2px 3px rgba(0, 0, 0, 0.05);
|
||||
|
||||
$elevation-l:
|
||||
0 50px 43px rgba(0, 0, 0, 0.02),
|
||||
0 30px 36px rgba(0, 0, 0, 0.04),
|
||||
0 15px 27px rgba(0, 0, 0, 0.07),
|
||||
0 5px 15px rgba(0, 0, 0, 0.08);
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Layout
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$modal-width-small: 384px; // Layout/Modal small
|
||||
$modal-width-medium: 512px; // Layout/Modal medium
|
||||
$modal-width-large: 840px; // Layout/Modal large
|
||||
|
||||
@@ -0,0 +1,78 @@
|
||||
@use "sass:color";
|
||||
|
||||
// Import design system tokens
|
||||
@use "tokens" as *;
|
||||
|
||||
// assign default value to all undefined variables
|
||||
|
||||
$scheme-name: "default" !default;
|
||||
|
||||
// core variables
|
||||
|
||||
$text-color: #fff !default;
|
||||
$base-color: #23282d !default;
|
||||
$icon-color: hsl(color.channel($base-color, "hue", $space: hsl), 7%, 95%) !default;
|
||||
$highlight-color: #0073aa !default;
|
||||
$notification-color: #d54e21 !default;
|
||||
|
||||
|
||||
// global
|
||||
|
||||
$body-background: $gray-100 !default;
|
||||
|
||||
$link: #0073aa !default;
|
||||
$link-focus: color.adjust($link, $lightness: 10%) !default;
|
||||
|
||||
$button-color: $highlight-color !default;
|
||||
$button-text-color: $text-color !default;
|
||||
|
||||
$form-checked: #7e8993 !default;
|
||||
|
||||
// admin menu & admin-bar
|
||||
|
||||
$menu-text: $text-color !default;
|
||||
$menu-icon: $icon-color !default;
|
||||
$menu-background: $base-color !default;
|
||||
|
||||
$menu-highlight-text: $text-color !default;
|
||||
$menu-highlight-icon: $text-color !default;
|
||||
$menu-highlight-background: $highlight-color !default;
|
||||
|
||||
$menu-current-text: $menu-highlight-text !default;
|
||||
$menu-current-icon: $menu-highlight-icon !default;
|
||||
$menu-current-background: $menu-highlight-background !default;
|
||||
|
||||
$menu-submenu-text: color.mix( $base-color, $text-color, 30% ) !default;
|
||||
$menu-submenu-background: color.adjust($base-color, $lightness: -7%) !default;
|
||||
$menu-submenu-background-alt: color.adjust(color.adjust($menu-background, $lightness: 7%), $saturation: -7%) !default;
|
||||
|
||||
$menu-submenu-focus-text: $highlight-color !default;
|
||||
$menu-submenu-current-text: $text-color !default;
|
||||
|
||||
$menu-bubble-text: $text-color !default;
|
||||
$menu-bubble-background: $notification-color !default;
|
||||
$menu-bubble-current-text: $text-color !default;
|
||||
$menu-bubble-current-background: $menu-submenu-background !default;
|
||||
|
||||
$menu-collapse-text: $menu-icon !default;
|
||||
$menu-collapse-icon: $menu-icon !default;
|
||||
$menu-collapse-focus-text: $text-color !default;
|
||||
$menu-collapse-focus-icon: $menu-highlight-icon !default;
|
||||
|
||||
$adminbar-avatar-frame: color.adjust($menu-background, $lightness: 7%) !default;
|
||||
$adminbar-input-background: color.adjust($menu-background, $lightness: 7%) !default;
|
||||
|
||||
$adminbar-recovery-exit-text: $menu-bubble-text !default;
|
||||
$adminbar-recovery-exit-background: $menu-bubble-background !default;
|
||||
$adminbar-recovery-exit-background-alt: color.mix(black, $adminbar-recovery-exit-background, 10%) !default;
|
||||
|
||||
$menu-customizer-text: color.mix( $base-color, $text-color, 40% ) !default;
|
||||
|
||||
// Dashboard Colors
|
||||
|
||||
$custom-welcome-panel: "true" !default;
|
||||
$dashboard-accent-1: $menu-submenu-background !default;
|
||||
$dashboard-accent-2: $menu-background !default;
|
||||
$dashboard-icon-background: $dashboard-accent-2 !default;
|
||||
|
||||
$low-contrast-theme: "false" !default;
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #52accc;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #e1a948;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(116.162375, 182.0949364754, 205.537625);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(202.5, 152.1, 64.8);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
background-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #096484;
|
||||
border-color: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #096484;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e1a948;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e1a948;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e1a948;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #52accc;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #e1a948;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(116.162375, 182.0949364754, 205.537625);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(202.5, 152.1, 64.8);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
background-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #096484;
|
||||
border-color: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #096484;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e1a948;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e1a948;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e1a948;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,16 @@
|
||||
$highlight-color: #096484;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "blue",
|
||||
$base-color: #52accc,
|
||||
$icon-color: #e5f8ff,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: #e1a948,
|
||||
$button-color: #e1a948,
|
||||
|
||||
$menu-submenu-text: #e2ecf1,
|
||||
$menu-submenu-focus-text: #fff,
|
||||
$menu-submenu-background: #4796b3,
|
||||
|
||||
$dashboard-icon-background: $highlight-color
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #9ea476;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #9ea476;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #c7a589;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(101.2318636364, 100.2821643357, 99.4681363636);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(142.2, 147.6, 106.2);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
background-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #c7a589;
|
||||
border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #c7a589;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #9ea476;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #9ea476;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #c7a589;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(101.2318636364, 100.2821643357, 99.4681363636);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(142.2, 147.6, 106.2);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
background-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #c7a589;
|
||||
border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #c7a589;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,11 @@
|
||||
$base-color: #59524c;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "coffee",
|
||||
$base-color: $base-color,
|
||||
$highlight-color: #c7a589,
|
||||
$notification-color: #9ea476,
|
||||
$form-checked: $base-color,
|
||||
|
||||
$low-contrast-theme: "true"
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #523f6d;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d46f15;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d46f15;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #a3b745;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(100.2840283114, 83.3456627907, 124.3543372093);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(190.8, 99.9, 18.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
background-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #a3b745;
|
||||
border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #a3b745;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #523f6d;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d46f15;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d46f15;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #a3b745;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(100.2840283114, 83.3456627907, 124.3543372093);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(190.8, 99.9, 18.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
background-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #a3b745;
|
||||
border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #a3b745;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,11 @@
|
||||
$base-color: #523f6d;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "ectoplasm",
|
||||
$base-color: $base-color,
|
||||
$icon-color: #ece6f6,
|
||||
$highlight-color: #a3b745,
|
||||
$notification-color: #d46f15,
|
||||
|
||||
$form-checked: $base-color,
|
||||
);
|
||||
@@ -0,0 +1,807 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d64e07;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #333;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d64e07;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #04a4cc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #333;
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(192.6, 70.2, 6.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(246.85, 246.85, 246.85);
|
||||
background-color: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #04a4cc;
|
||||
border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #04a4cc;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,807 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d64e07;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #333;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d64e07;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #04a4cc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #333;
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(192.6, 70.2, 6.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(246.85, 246.85, 246.85);
|
||||
background-color: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #04a4cc;
|
||||
border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #04a4cc;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,36 @@
|
||||
@use "sass:color";
|
||||
|
||||
$highlight-color: #04a4cc;
|
||||
$text-color: #333;
|
||||
$menu-avatar-frame: #aaa;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "light",
|
||||
$base-color: #e5e5e5,
|
||||
$icon-color: #999,
|
||||
$text-color: $text-color,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: #d64e07,
|
||||
|
||||
$body-background: #f5f5f5,
|
||||
|
||||
$menu-highlight-text: #fff,
|
||||
$menu-highlight-icon: #ccc,
|
||||
$menu-highlight-background: #888,
|
||||
|
||||
$menu-bubble-text: #fff,
|
||||
$menu-submenu-background: #fff,
|
||||
|
||||
$menu-collapse-text: #777,
|
||||
$menu-collapse-focus-icon: #555,
|
||||
|
||||
$dashboard-accent-1: $highlight-color,
|
||||
$dashboard-accent-2: color.adjust(color.adjust($highlight-color, $lightness: 7%), $saturation: -15%),
|
||||
$dashboard-icon-background: $text-color
|
||||
);
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: admin.$highlight-color;
|
||||
}
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #363b3f;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #69a8bb;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #69a8bb;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #e14d43;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(75.8214230769, 76.4087307692, 76.8785769231);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(94.5, 151.2, 168.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
background-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #e14d43;
|
||||
border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e14d43;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #363b3f;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #69a8bb;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #69a8bb;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #e14d43;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(75.8214230769, 76.4087307692, 76.8785769231);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(94.5, 151.2, 168.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
background-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #e14d43;
|
||||
border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e14d43;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,14 @@
|
||||
@use "sass:color";
|
||||
|
||||
$base-color: #363b3f;
|
||||
$highlight-color: #e14d43;
|
||||
$notification-color: #69a8bb;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "midnight",
|
||||
$base-color: $base-color,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: $notification-color,
|
||||
|
||||
$dashboard-accent-2: color.mix($base-color, $notification-color, 90%),
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #3858e9;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #7b90ff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(50.4, 79.2, 209.7);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(47.85, 47.85, 47.85);
|
||||
background-color: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #3858e9;
|
||||
border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #3858e9;
|
||||
border-right-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #3858e9;
|
||||
border-top-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #3858e9;
|
||||
border-right-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #3858e9;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #3858e9;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #7b90ff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(50.4, 79.2, 209.7);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(47.85, 47.85, 47.85);
|
||||
background-color: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #3858e9;
|
||||
border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #3858e9;
|
||||
border-left-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #3858e9;
|
||||
border-top-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #3858e9;
|
||||
border-left-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #3858e9;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,16 @@
|
||||
@use "sass:color";
|
||||
|
||||
$highlight-color: #3858e9;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "modern",
|
||||
$base-color: #1e1e1e,
|
||||
$highlight-color: #3858e9,
|
||||
$menu-submenu-focus-text: #7b90ff,
|
||||
$notification-color: $highlight-color,
|
||||
|
||||
$link: $highlight-color,
|
||||
$link-focus: color.adjust($highlight-color, $lightness: -10%),
|
||||
|
||||
$custom-welcome-panel: "false"
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #aa9d88;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #aa9d88;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #9ebaa0;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(142.7255, 154.4890142857, 157.9745);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(153, 141.3, 122.4);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
background-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #9ebaa0;
|
||||
border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #9ebaa0;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #aa9d88;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #aa9d88;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #9ebaa0;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(142.7255, 154.4890142857, 157.9745);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(153, 141.3, 122.4);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
background-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #9ebaa0;
|
||||
border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #9ebaa0;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,12 @@
|
||||
$base-color: #738e96;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "ocean",
|
||||
$base-color: $base-color,
|
||||
$icon-color: #f2fcff,
|
||||
$highlight-color: #9ebaa0,
|
||||
$notification-color: #aa9d88,
|
||||
$form-checked: $base-color,
|
||||
|
||||
$low-contrast-theme: "true"
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #cf4944;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #ccaf0b;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(207.3164148936, 107.1221761059, 103.3835851064);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(183.6, 157.5, 9.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
background-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #dd823b;
|
||||
border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #dd823b;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #cf4944;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #ccaf0b;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(207.3164148936, 107.1221761059, 103.3835851064);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(183.6, 157.5, 9.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
background-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #dd823b;
|
||||
border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #dd823b;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,11 @@
|
||||
@use "sass:color";
|
||||
|
||||
$highlight-color: #dd823b;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "sunrise",
|
||||
$base-color: #cf4944,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: #ccaf0b,
|
||||
$menu-submenu-focus-text: color.adjust($highlight-color, $lightness: 35%)
|
||||
);
|
||||
Reference in New Issue
Block a user