mirror of
https://gh.wpcy.net/https://github.com/ronilaukkarinen/simple-dark-mode-for-wp-dashboard.git
synced 2026-04-27 02:35:20 +08:00
302 lines
7.9 KiB
SCSS
302 lines
7.9 KiB
SCSS
body.wp-admin:not(.gutenberg-editor-page) .yst-root .yst-sidebar-navigation__item--active.yst-sidebar-navigation__collapsible-button,
|
|
body.wp-admin:not(.gutenberg-editor-page) .yst-root .yst-sidebar-navigation__item--active.yst-sidebar-navigation__link,
|
|
body.wp-admin:not(.gutenberg-editor-page) .yst-paper,
|
|
body.wp-admin:not(.gutenberg-editor-page) #yoast-seo-general div,
|
|
body.wp-admin:not(.gutenberg-editor-page) .yst-root .yst-paper {
|
|
background-color: var(--color-dark-grey) !important;
|
|
color: var(--color-paragraph) !important;
|
|
border-color: var(--color-border-light) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
body #wpwrap .yst-label,
|
|
body #wpwrap span.yst-label,
|
|
body #wpwrap .yst-grow *,
|
|
body #wpwrap .yst-grow span,
|
|
body #wpwrap .yst-grow label,
|
|
body #wpwrap .yst-grow input,
|
|
body #wpwrap .yst-grow textarea,
|
|
body #wpwrap .yst-grow li,
|
|
body #wpwrap .yst-root .yst-paper * {
|
|
color: var(--color-paragraph) !important;
|
|
}
|
|
|
|
/* Buttons */
|
|
.yst-root .yst-badge--plain
|
|
body .yst-root .yst-badge--plain,
|
|
body #wpwrap .yst-badge,
|
|
body #wpwrap .yst-badge--plain,
|
|
body #wpwrap .yst-button {
|
|
background-color: var(--color-primary) !important;
|
|
border-color: var(--color-primary) !important;
|
|
color: var(--color-light-grey) !important;
|
|
}
|
|
|
|
|
|
body.wp-admin:not(.gutenberg-editor-page) {
|
|
|
|
#yoast-seo-dashboard-widget .wordpress-feed .wordpress-feed__footer,
|
|
#yoast-seo-dashboard-widget .wordpress-feed {
|
|
// stylelint-disable-next-line
|
|
border-color: var(--color-border-light) !important;
|
|
}
|
|
|
|
.progress__part {
|
|
background-color: var(--color-background-default);
|
|
}
|
|
|
|
.wpseo-metabox-content {
|
|
.wpseo-metabox-menu {
|
|
background-color: var(--color-background-default);
|
|
|
|
ul li {
|
|
background-color: var(--color-dark-grey);
|
|
color: var(--color-light-grey);
|
|
|
|
&:hover,
|
|
&.active,
|
|
&:focus {
|
|
a {
|
|
background-color: var(--color-background-default);
|
|
color: var(--color-light-grey);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.Alert__AlertContainer-sc-6o5k96-0 {
|
|
background-color: var(--color-dark-grey);
|
|
border-color: var(--color-dark-grey);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.wpseo-meta-section-react.active,
|
|
.wpseo-meta-section.active {
|
|
background-color: var(--color-background-default);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.Collapsible__StyledContainer-sc-13a0b13-1 {
|
|
background-color: var(--color-background-default);
|
|
}
|
|
|
|
.Collapsible__StyledHeadingLevel-sc-13a0b13-4 {
|
|
background-color: var(--color-dark-grey);
|
|
|
|
button {
|
|
background-color: var(--color-dark-grey);
|
|
|
|
svg {
|
|
color: var(--color-light-grey);
|
|
}
|
|
}
|
|
}
|
|
|
|
legend,
|
|
.yoast-field-group__title {
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.Label__SimulatedLabel-tvz6tj-0 {
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
#yoast-snippet-preview-container {
|
|
background-color: var(--color-dark-grey);
|
|
|
|
.SnippetPreview__MobileDescription-waz8ku-12 {
|
|
color: var(--color-light-grey);
|
|
}
|
|
}
|
|
|
|
.draftJsMentionPlugin__mention__29BEd {
|
|
background-color: var(--color-primary);
|
|
}
|
|
|
|
.Button__BaseButton-grb41s-4,
|
|
#yoast-get-related-keyphrases-metabox {
|
|
background-color: var(--color-primary);
|
|
border-color: var(--color-primary);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.InputContainer__VariableEditorInputContainer-fmvk3g-0,
|
|
div[role="listbox"] {
|
|
background-color: var(--color-dark-grey);
|
|
border-color: var(--color-dark-grey);
|
|
box-shadow: 0 5px 5px 5px var(--color-background-default);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
div[aria-selected="true"] {
|
|
background-color: var(--color-background-default);
|
|
}
|
|
|
|
progress {
|
|
background-color: var(--color-black);
|
|
border-color: var(--color-black);
|
|
}
|
|
|
|
#snippet-editor-field-slug {
|
|
background-color: var(--color-dark-grey);
|
|
}
|
|
|
|
.ContentAnalysis__ContentAnalysisContainer-sc-14uwo9d-0 {
|
|
background-color: var(--color-background-default);
|
|
}
|
|
}
|
|
|
|
.yoast-select__control {
|
|
border-color: var(--color-background-default);
|
|
}
|
|
|
|
.yoast-select-container,
|
|
.yoast-select__menu {
|
|
background-color: var(--color-dark-grey);
|
|
|
|
.yoast-select__option {
|
|
&:hover,
|
|
&:focus,
|
|
&.yoast-select__option--is-focused {
|
|
background-color: var(--color-background-default);
|
|
color: var(--color-light-grey);
|
|
}
|
|
}
|
|
|
|
.yoast-select__control--menu-is-open,
|
|
.yoast-select__control--is-focused {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
.yoast-field-group__select select:focus,
|
|
.yoast-field-group select:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.yoast-list--usp li {
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.yoast-promo-extension {
|
|
background-color: var(--color-background-default);
|
|
border-color: var(--color-background-default);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.yoast-notifications {
|
|
.yoast-container {
|
|
background-color: var(--color-background-default);
|
|
border-color: var(--color-background-default);
|
|
|
|
h3.yoast-notifications-header {
|
|
background-color: var(--color-dark-grey);
|
|
border-bottom: 1px solid var(--color-background-default);
|
|
}
|
|
|
|
.yoast-notification {
|
|
background-color: var(--color-dark-grey);
|
|
border-left: 4px solid var(--color-dark-grey);
|
|
}
|
|
}
|
|
}
|
|
|
|
.yoast_premium_upsell {
|
|
background-color: var(--color-background-default);
|
|
border-color: var(--color-background-default);
|
|
}
|
|
|
|
.yoast-button-upsell,
|
|
.UpsellLinkButton-sc-1velt6w-0 {
|
|
color: var(--color-dark-grey);
|
|
}
|
|
|
|
.yoast-sidebar__section {
|
|
background-color: var(--color-background-default);
|
|
border-color: var(--color-background-default);
|
|
}
|
|
|
|
.switch-light.switch-yoast-seo > span,
|
|
.switch-toggle.switch-yoast-seo {
|
|
background-color: var(--color-dark-grey);
|
|
border: 1px solid var(--color-dark-grey);
|
|
}
|
|
|
|
.switch-light.switch-yoast-seo input:checked ~ span span:first-child,
|
|
.switch-light.switch-yoast-seo span span,
|
|
.switch-toggle.switch-yoast-seo label {
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.switch-light.switch-yoast-seo a,
|
|
.switch-toggle.switch-yoast-seo a {
|
|
background-color: var(--color-primary);
|
|
border-color: var(--color-primary);
|
|
}
|
|
|
|
.switch-candy a {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.wpseo_content_wrapper .paper.tab-block.search-appearance {
|
|
background-color: var(--color-background-default);
|
|
}
|
|
|
|
.wpseo_content_wrapper {
|
|
#separator input.radio:checked + label {
|
|
background-color: var(--color-dark-grey);
|
|
border-color: var(--color-primary);
|
|
}
|
|
|
|
.kuRQio {
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.InputContainer__VariableEditorInputContainer-fmvk3g-0,
|
|
div[role="listbox"] {
|
|
background-color: var(--color-dark-grey);
|
|
border-color: var(--color-dark-grey);
|
|
box-shadow: 0 5px 5px 5px var(--color-background-default);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
div[aria-selected="true"] {
|
|
background-color: var(--color-background-default);
|
|
}
|
|
|
|
.draftJsMentionPlugin__mention__29BEd {
|
|
background-color: var(--color-primary);
|
|
}
|
|
|
|
.Button__BaseButton-grb41s-4 {
|
|
background-color: var(--color-primary);
|
|
border-color: var(--color-primary);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.yoast-styled-select::after {
|
|
border-color: var(--color-light-grey) transparent transparent;
|
|
}
|
|
|
|
.Alert__AlertContainer-sc-6o5k96-0 {
|
|
background-color: var(--color-dark-grey);
|
|
border-color: var(--color-dark-grey);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.collapsible-header,
|
|
.collapsible-header button {
|
|
background-color: var(--color-dark-grey);
|
|
border-color: var(--color-dark-grey);
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.yoast-field-group__title {
|
|
color: var(--color-light-grey);
|
|
}
|
|
|
|
.wpseo-admin-submit.wpseo-admin-submit-fixed {
|
|
background-color: var(--color-dark-grey);
|
|
}
|
|
}
|
|
}
|