simple-dark-mode-for-wp-das.../assets/scss/plugins/_yoast-seo.scss
2025-02-21 21:24:15 +02:00

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);
}
}
}