/* ============================================================================= * CSS-first foundation — AboveWP-style coverage, YOOAdmin palette. * Scoped to third-party/plugin admin compat only; YOOAdmin-native pages are excluded * before this file is enqueued. * ============================================================================= */ /* Generic classic plugin page shell. Many new plugins still render a plain * WordPress .wrap instead of a self-contained app/card, so give those pages the * Studio Hub section treatment without whitelisting plugin slugs. */ html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat) #wpcontent, html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat) #wpbody-content { background: #f5f6f8 !important; background-color: #f5f6f8 !important; } body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat):not(.post-php):not(.post-new-php) #wpbody-content > .wrap:not([class*='yooadmin']):not(:has(> [id$='-plugin-container'], > [id*='plugin-container'], > [class$='-app'], > [class*='admin-wrap'], > [class*='admin-page'], > .admin-ui-page)) { background: #fff !important; background-color: #fff !important; border: 1px solid rgba(15, 23, 42, 0.1) !important; border-radius: 18px !important; box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07) !important; box-sizing: border-box; margin: 20px 20px 36px 0 !important; max-width: none; padding: 24px !important; } body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat):not(.post-php):not(.post-new-php) #wpbody-content > :is( [id$='-form-container'], [id*='form-container'], [id$='-page-container'], [id*='page-container'], [id*='plugin-settings'], [id$='-settings-page'], [class$='-form-container'], [class*='form-container'], [class$='-page-container'], [class*='page-container'] ):not([class*='yooadmin']):not([id^='yoo']):not(:has(> [id$='-plugin-container'], > [id*='plugin-container'], > [class$='-app'], > [class*='admin-wrap'], > [class*='admin-page'], > .admin-ui-page)) { background: #fff !important; background-color: #fff !important; border: 1px solid rgba(15, 23, 42, 0.1) !important; border-radius: 18px !important; box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07) !important; box-sizing: border-box; margin: 20px 20px 36px 0 !important; max-width: none; padding: 24px !important; } body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat):not(.post-php):not(.post-new-php) #wpbody-content > .wrap:not([class*='yooadmin']):not(:has(> [id$='-plugin-container'], > [id*='plugin-container'], > [class$='-app'], > [class*='admin-wrap'], > [class*='admin-page'], > .admin-ui-page)) > :first-child { margin-top: 0; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat):not(.post-php):not(.post-new-php) #wpbody-content > .wrap:not([class*='yooadmin']):not(:has(> [id$='-plugin-container'], > [id*='plugin-container'], > [class$='-app'], > [class*='admin-wrap'], > [class*='admin-page'], > .admin-ui-page)), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat):not(.post-php):not(.post-new-php) #wpbody-content > .wrap:not([class*='yooadmin']):not(:has(> [id$='-plugin-container'], > [id*='plugin-container'], > [class$='-app'], > [class*='admin-wrap'], > [class*='admin-page'], > .admin-ui-page)) { background: var(--ysh-compat-card, var(--ysh-card, #1a1d23)) !important; background-color: var(--ysh-compat-card, var(--ysh-card, #1a1d23)) !important; border-color: var(--ysh-compat-border, rgba(255, 255, 255, 0.12)) !important; box-shadow: none !important; color: var(--ysh-compat-text, #cfd6e0) !important; color-scheme: dark; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat):not(.post-php):not(.post-new-php) #wpbody-content > :is( [id$='-form-container'], [id*='form-container'], [id$='-page-container'], [id*='page-container'], [id*='plugin-settings'], [id$='-settings-page'], [class$='-form-container'], [class*='form-container'], [class$='-page-container'], [class*='page-container'] ):not([class*='yooadmin']):not([id^='yoo']):not(:has(> [id$='-plugin-container'], > [id*='plugin-container'], > [class$='-app'], > [class*='admin-wrap'], > [class*='admin-page'], > .admin-ui-page)), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat:not(.ysh-wp-core-tools-compat):not(.post-php):not(.post-new-php) #wpbody-content > :is( [id$='-form-container'], [id*='form-container'], [id$='-page-container'], [id*='page-container'], [id*='plugin-settings'], [id$='-settings-page'], [class$='-form-container'], [class*='form-container'], [class$='-page-container'], [class*='page-container'] ):not([class*='yooadmin']):not([id^='yoo']):not(:has(> [id$='-plugin-container'], > [id*='plugin-container'], > [class$='-app'], > [class*='admin-wrap'], > [class*='admin-page'], > .admin-ui-page)) { background: var(--ysh-compat-card, var(--ysh-card, #1a1d23)) !important; background-color: var(--ysh-compat-card, var(--ysh-card, #1a1d23)) !important; border-color: var(--ysh-compat-border, rgba(255, 255, 255, 0.12)) !important; box-shadow: none !important; color: var(--ysh-compat-text, #cfd6e0) !important; color-scheme: dark; } /* React/custom selects must keep readable values when switching modes. */ html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :is([class*='select' i], [role='combobox'], [role='listbox']) :is( [class*='singleValue' i], [class*='single-value' i], [class*='valueContainer' i], [class*='value-container' i], [class*='placeholder' i], [role='option'] ):not([aria-disabled='true']), html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :is([class*='select' i], [role='combobox'], [role='listbox']) :is( [class*='singleValue' i], [class*='single-value' i], [class*='valueContainer' i], [class*='value-container' i], [class*='placeholder' i], [role='option'] ):not([aria-disabled='true']) :is(span, div, svg, path, .dashicons) { color: #1d2327 !important; -webkit-text-fill-color: #1d2327 !important; fill: currentColor !important; stroke: currentColor !important; opacity: 1 !important; } html:not([data-yooadmin-studio-color-mode-effective='dark']):not(.is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :is([class*='select' i], [role='combobox'], [role='listbox']) [aria-disabled='true'] { color: #8c8f94 !important; -webkit-text-fill-color: #8c8f94 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :is([class*='select' i], [role='combobox'], [role='listbox']) :is(span, div, svg, path, .dashicons), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :is([class*='select' i], [role='combobox'], [role='listbox']) :is(span, div, svg, path, .dashicons) { background: transparent !important; background-color: transparent !important; } /* Preserve CodeMirror token colors in dark mode instead of flattening syntax to one text color. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror { background: #151922 !important; background-color: #151922 !important; color: #d4d4d4 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-lines, .CodeMirror-code, .CodeMirror-line, pre), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-lines, .CodeMirror-code, .CodeMirror-line, pre) { background: transparent !important; background-color: transparent !important; color: #d4d4d4 !important; -webkit-text-fill-color: currentColor !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-gutters, .CodeMirror-gutter), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-gutters, .CodeMirror-gutter) { background: #12151a !important; background-color: #12151a !important; border-color: rgba(255, 255, 255, 0.12) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-linenumber, .CodeMirror-guttermarker), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-linenumber, .CodeMirror-guttermarker) { color: #7c8794 !important; -webkit-text-fill-color: #7c8794 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-activeline-background, .CodeMirror-linebackground), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.CodeMirror-activeline-background, .CodeMirror-linebackground) { background: rgba(255, 255, 255, 0.06) !important; background-color: rgba(255, 255, 255, 0.06) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-keyword), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-keyword) { color: #c586c0 !important; -webkit-text-fill-color: #c586c0 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-string, .cm-string-2), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-string, .cm-string-2) { color: #ce9178 !important; -webkit-text-fill-color: #ce9178 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-comment), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-comment) { color: #6a9955 !important; -webkit-text-fill-color: #6a9955 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-variable, .cm-variable-2, .cm-def, .cm-property, .cm-attribute), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-variable, .cm-variable-2, .cm-def, .cm-property, .cm-attribute) { color: #9cdcfe !important; -webkit-text-fill-color: #9cdcfe !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-number, .cm-atom, .cm-builtin, .cm-tag, .cm-qualifier, .cm-meta), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .CodeMirror :is(.cm-number, .cm-atom, .cm-builtin, .cm-tag, .cm-qualifier, .cm-meta) { color: #4ec9b0 !important; -webkit-text-fill-color: #4ec9b0 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat { --ysh-compat-bg: var(--ysh-surface, #12151a); --ysh-compat-card: var(--ysh-card, #1a1d23); --ysh-compat-card-raised: var(--ysh-card-raised, #22262e); --ysh-compat-text: var(--ysh-text, #cfd6e0); --ysh-compat-heading: var(--ysh-heading, #eef1f5); --ysh-compat-muted: var(--ysh-muted, #9aa5b1); --ysh-compat-border: rgba(255, 255, 255, 0.12); --ysh-compat-border-strong: rgba(255, 255, 255, 0.18); --ysh-compat-brand: var(--ysh-brand, var(--yooadmin-primary, #eda934)); background: var(--ysh-compat-bg) !important; background-color: var(--ysh-compat-bg) !important; color: var(--ysh-compat-text) !important; color-scheme: dark; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content { background: var(--ysh-compat-bg) !important; background-color: var(--ysh-compat-bg) !important; color: var(--ysh-compat-text) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpcontent, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpcontent { background: var(--ysh-compat-bg) !important; background-color: var(--ysh-compat-bg) !important; } /* AboveWP-style safety sweep, scoped to third-party/theme/plugin admin pages only. * This intentionally beats unknown vendor CSS without applying to YOOAdmin pages, * media/preview elements, iframes, SVG artwork or form controls. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :where(h1, h2, h3, h4, h5, h6, p, span, label, strong, small, b, em, i, li, td, th, dt, dd, legend, a, code, pre, kbd):not( svg, svg *, path, circle, rect, polygon, polyline, line, g, img, picture, video, canvas, iframe, object, embed, input, textarea, select, option, button, .button, .button-primary, .button-secondary, .page-title-action, .notice-dismiss, .dashicons, .screen-reader-text, [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo'] ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :where(h1, h2, h3, h4, h5, h6, p, span, label, strong, small, b, em, i, li, td, th, dt, dd, legend, a, code, pre, kbd):not( svg, svg *, path, circle, rect, polygon, polyline, line, g, img, picture, video, canvas, iframe, object, embed, input, textarea, select, option, button, .button, .button-primary, .button-secondary, .page-title-action, .notice-dismiss, .dashicons, .screen-reader-text, [class^='yp-'], [class*=' yp-'], [class^='yoo'], [class*=' yoo'], [class*='yooadmin'], [id^='yp-'], [id^='yoo'] ) { border-color: var(--ysh-compat-border) !important; color: var(--ysh-compat-text) !important; -webkit-text-fill-color: currentColor !important; } /* * General plugin-screen sweep, intentionally scoped to ysh-plugin-admin-compat. * This is the YOOAdmin equivalent of broad dark-mode coverage: common vendor * shells, setup wizards, onboarding panels, headers, footers and wrappers get * dark tokens without naming a specific plugin. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :where( main, section, article, aside, header, footer, .wrap, .card, .postbox, .stuffbox, .welcome-panel, fieldset, [role='main'], [role='region'], [role='dialog'], [class*='admin-wrap'], [class*='admin-page'], [class*='admin-ui-page'], [class*='dashboard'], [class*='Dashboard'], [class*='onboard'], [class*='Onboard'], [class*='setup'], [class*='Setup'], [class*='wizard'], [class*='Wizard'], [class*='container'], [class*='Container'], [class*='wrapper'], [class*='Wrapper'], [class*='header'], [class*='Header'], [class*='footer'], [class*='Footer'], [class*='panel'], [class*='Panel'], [class*='card'], [class*='Card'], [class*='box'], [class*='Box'], [class*='module'], [class*='Module'], [class*='section'], [class*='Section'] ):not(.button):not(.button-primary):not(.button-secondary):not(.page-title-action):not(.notice-dismiss):not( [class^='yp-'] ):not([class*=' yp-']):not([class^='yoo']):not([class*=' yoo']):not([class*='yooadmin']):not( [id^='yp-'] ):not([id^='yoo']):not(:has(> img:only-child, > picture:only-child, > svg:only-child, > canvas:only-child, > iframe:only-child)), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :where( main, section, article, aside, header, footer, .wrap, .card, .postbox, .stuffbox, .welcome-panel, fieldset, [role='main'], [role='region'], [role='dialog'], [class*='admin-wrap'], [class*='admin-page'], [class*='admin-ui-page'], [class*='dashboard'], [class*='Dashboard'], [class*='onboard'], [class*='Onboard'], [class*='setup'], [class*='Setup'], [class*='wizard'], [class*='Wizard'], [class*='container'], [class*='Container'], [class*='wrapper'], [class*='Wrapper'], [class*='header'], [class*='Header'], [class*='footer'], [class*='Footer'], [class*='panel'], [class*='Panel'], [class*='card'], [class*='Card'], [class*='box'], [class*='Box'], [class*='module'], [class*='Module'], [class*='section'], [class*='Section'] ):not(.button):not(.button-primary):not(.button-secondary):not(.page-title-action):not(.notice-dismiss):not( [class^='yp-'] ):not([class*=' yp-']):not([class^='yoo']):not([class*=' yoo']):not([class*='yooadmin']):not( [id^='yp-'] ):not([id^='yoo']):not(:has(> img:only-child, > picture:only-child, > svg:only-child, > canvas:only-child, > iframe:only-child)) { background-color: var(--ysh-compat-card) !important; border-color: var(--ysh-compat-border) !important; color: var(--ysh-compat-text) !important; color-scheme: dark; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :where( h1, h2, h3, h4, h5, h6, p, li, label, span, strong, small, dt, dd, [class*='title'], [class*='Title'], [class*='heading'], [class*='Heading'], [class*='description'], [class*='Description'], [class*='text'], [class*='Text'] ):not(.button):not(.button-primary):not(.button-secondary):not(.dashicons):not([class*='screen-reader-text']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :where( h1, h2, h3, h4, h5, h6, p, li, label, span, strong, small, dt, dd, [class*='title'], [class*='Title'], [class*='heading'], [class*='Heading'], [class*='description'], [class*='Description'], [class*='text'], [class*='Text'] ):not(.button):not(.button-primary):not(.button-secondary):not(.dashicons):not([class*='screen-reader-text']) { color: var(--ysh-compat-text) !important; -webkit-text-fill-color: currentColor !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > :is( [id$='-plugin-container'], [id*='plugin-container'], [class$='-app'], [class*='admin-wrap'], [class*='admin-ui-page'], [class*='admin-page'], [data-screen] ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > :is( [id$='-plugin-container'], [id*='plugin-container'], [class$='-app'], [class*='admin-wrap'], [class*='admin-ui-page'], [class*='admin-page'], [data-screen] ) { background: var(--ysh-compat-bg) !important; background-color: var(--ysh-compat-bg) !important; color: var(--ysh-compat-text) !important; color-scheme: dark; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where( .card, .postbox, .stuffbox, .welcome-panel, .notice:not(.yp-notification-item), fieldset, .inside, .metabox-holder, [role='dialog'], [class*='panel'], [class*='Panel'], [class*='card'], [class*='Card'], [class*='settings'], [class*='Settings'], [class*='section'], [class*='Section'], [class*='modal'], [class*='Modal'], [class*='content'], [class*='Content'] ):not(.button):not(.button-primary):not(.button-secondary):not(.nav-tab):not(.notice-dismiss):not([class^='yp-']):not([class*=' yp-']):not([class^='yoo']):not([class*=' yoo']):not([class*='yooadmin']):not([id^='yp-']):not([id^='yoo']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where( .card, .postbox, .stuffbox, .welcome-panel, .notice:not(.yp-notification-item), fieldset, .inside, .metabox-holder, [role='dialog'], [class*='panel'], [class*='Panel'], [class*='card'], [class*='Card'], [class*='settings'], [class*='Settings'], [class*='section'], [class*='Section'], [class*='modal'], [class*='Modal'], [class*='content'], [class*='Content'] ):not(.button):not(.button-primary):not(.button-secondary):not(.nav-tab):not(.notice-dismiss):not([class^='yp-']):not([class*=' yp-']):not([class^='yoo']):not([class*=' yoo']):not([class*='yooadmin']):not([id^='yp-']):not([id^='yoo']) { background: var(--ysh-compat-card) !important; background-color: var(--ysh-compat-card) !important; border-color: var(--ysh-compat-border) !important; box-shadow: none !important; color: var(--ysh-compat-text) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(h1, h2, h3, h4, h5, h6, legend, .title, [class*='title'], [class*='Title']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(h1, h2, h3, h4, h5, h6, legend, .title, [class*='title'], [class*='Title']) { color: var(--ysh-compat-heading) !important; -webkit-text-fill-color: var(--ysh-compat-heading) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(p, label, li, td, th, dd, dt, small, code, pre, .description, .help, [class*='description'], [class*='Description']):not(a):not(.button):not(.button-primary):not(.button-secondary), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(p, label, li, td, th, dd, dt, small, code, pre, .description, .help, [class*='description'], [class*='Description']):not(a):not(.button):not(.button-primary):not(.button-secondary) { color: var(--ysh-compat-text) !important; -webkit-text-fill-color: var(--ysh-compat-text) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(.description, .help, small, [class*='muted'], [class*='hint'], [class*='subtitle']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(.description, .help, small, [class*='muted'], [class*='hint'], [class*='subtitle']) { color: var(--ysh-compat-muted) !important; -webkit-text-fill-color: var(--ysh-compat-muted) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap a:not(.button):not(.button-primary):not(.button-secondary):not(.nav-tab):not(.notice-dismiss), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap a:not(.button):not(.button-primary):not(.button-secondary):not(.nav-tab):not(.notice-dismiss) { color: var(--ysh-compat-brand) !important; -webkit-text-fill-color: var(--ysh-compat-brand) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where( input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']):not([type='hidden']):not([type='file']), textarea, select, .components-text-control__input, .components-textarea-control__input ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where( input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']):not([type='hidden']):not([type='file']), textarea, select, .components-text-control__input, .components-textarea-control__input ) { background: var(--ysh-compat-card-raised) !important; background-color: var(--ysh-compat-card-raised) !important; border-color: var(--ysh-compat-border-strong) !important; box-shadow: none !important; color: var(--ysh-compat-heading) !important; -webkit-text-fill-color: var(--ysh-compat-heading) !important; color-scheme: dark !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(table, thead, tbody, tfoot, tr, td, th):not(.wp-list-table), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(table, thead, tbody, tfoot, tr, td, th):not(.wp-list-table) { border-color: rgba(255, 255, 255, 0.1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(.button-primary, input.button-primary, button.button-primary), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(.button-primary, input.button-primary, button.button-primary) { background: var(--ysh-compat-brand) !important; background-color: var(--ysh-compat-brand) !important; border-color: var(--ysh-compat-brand) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(.button:not(.button-primary), input.button:not(.button-primary), button:not(.button-primary)):not(.notice-dismiss):not(.components-button.is-primary), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content > .wrap :where(.button:not(.button-primary), input.button:not(.button-primary), button:not(.button-primary)):not(.notice-dismiss):not(.components-button.is-primary) { background: rgba(255, 255, 255, 0.07) !important; background-color: rgba(255, 255, 255, 0.07) !important; border-color: var(--ysh-compat-border-strong) !important; color: var(--ysh-compat-text) !important; -webkit-text-fill-color: var(--ysh-compat-text) !important; box-shadow: none !important; } /* React apps may mount below transient wrappers after their initial loader. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :is([id$='-plugin-container'], [id*='plugin-container'], [class$='-app'], [class*='admin-wrap'], [class*='admin-ui-page'], [class*='admin-page'], [data-screen]), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content :is([id$='-plugin-container'], [id*='plugin-container'], [class$='-app'], [class*='admin-wrap'], [class*='admin-ui-page'], [class*='admin-page'], [data-screen]) { background: var(--ysh-compat-bg) !important; background-color: var(--ysh-compat-bg) !important; color: var(--ysh-compat-text) !important; color-scheme: dark; } /* —— Scope helper: classic admin .wrap plugin settings —— */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is( table[class*='wp-form-table'], fieldset table:not(.wp-list-table), [class*='settings-tab-content'] table:not(.wp-list-table) ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is( table[class*='wp-form-table'], fieldset table:not(.wp-list-table), [class*='settings-tab-content'] table:not(.wp-list-table) ) { background: transparent !important; background-color: transparent !important; border-color: rgba(255, 255, 255, 0.12) !important; color: #cfd6e0 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is(table[class*='wp-form-table'], fieldset table:not(.wp-list-table):not(.form-table)) :is(thead th, tbody th, tbody td, tfoot th, tfoot td), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is(table[class*='wp-form-table'], fieldset table:not(.wp-list-table):not(.form-table)) :is(thead th, tbody th, tbody td, tfoot th, tfoot td) { background: rgba(255, 255, 255, 0.04) !important; background-color: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: #cfd6e0 !important; } /* Standard .form-table in plugin settings — flat rows (no per-cell stripe bands). */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table { background: transparent !important; background-color: transparent !important; border: none !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table :is(tr, th, td), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table :is(tr, th, td) { background: transparent !important; background-color: transparent !important; border-color: rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; color: #cfd6e0 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table th, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table th { color: #d8d3ce !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table td, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap :is([class*='settings-tab-content'], [class*='accordion-panel-body']) .form-table td { color: #cfd6e0 !important; } /* ============================================================================= * GLOBAL — Classic third-party plugin settings (any .wrap on compat screens) * options-general.php?page=*, settings.php?page=*, admin.php?page=* * Excludes YOOAdmin native pages and React *-admin-dashboard full-bleed hosts. * ============================================================================= */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php):not( .yoo-wp-settings-experience )[class*='settings_page_'], html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php):not( .yoo-wp-settings-experience )[class*='settings_page_'] { background: var(--ysh-surface, #12151a) !important; color: var(--ysh-text, #cfd6e0) !important; } /* Plugin settings accordions (WP widget-style headers). */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='accordion'] .widget-top, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='accordion'] .widget-top { background: #22262e !important; background-color: #22262e !important; border-color: rgba(255, 255, 255, 0.12) !important; color: #d8d3ce !important; box-shadow: none !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='accordion'] .widget-title :is(h2, h3, h4, .in-widget-title), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='accordion'] .widget-title :is(h2, h3, h4, .in-widget-title) { color: #d8d3ce !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='accordion'] .widget-action .toggle-indicator::before, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='accordion'] .widget-action .toggle-indicator::before { color: #cfd6e0 !important; } /* Classic post/page editor — title + taxonomy metaboxes. */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(#title, #titlewrap #title, .wp-block-editor__post-title), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(#title, #titlewrap #title, .wp-block-editor__post-title) { background: #22262e !important; background-color: #22262e !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; color: #e8ecf1 !important; box-shadow: none !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #titlewrap, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #titlewrap { background: transparent !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #title-prompt-text, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #title-prompt-text { color: #9aa5b1 !important; } /* Classic editor — all post types. */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.wp-editor-wrap, .wp-editor-container, .quicktags-toolbar, #wp-content-editor-tools, #wp-content-editor-container), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.wp-editor-wrap, .wp-editor-container, .quicktags-toolbar, #wp-content-editor-tools, #wp-content-editor-container) { background: #22262e !important; background-color: #22262e !important; border-color: rgba(255, 255, 255, 0.1) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) .wp-editor-tabs .wp-switch-editor, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) .wp-editor-tabs .wp-switch-editor { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #9aa5b1 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) .wp-editor-tabs :is(.switch-tmce.active, .switch-html.active), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) .wp-editor-tabs :is(.switch-tmce.active, .switch-html.active) { background: #1a1d23 !important; color: #d8d3ce !important; border-bottom-color: #1a1d23 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.mce-toolbar-grp, .mce-panel, div.mce-statusbar, .mce-top-part, .mce-statusbar .mce-path), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.mce-toolbar-grp, .mce-panel, div.mce-statusbar, .mce-top-part, .mce-statusbar .mce-path) { background: #22262e !important; background-color: #22262e !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #9aa5b1 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.mce-edit-area, .mce-container-body .mce-edit-area), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.mce-edit-area, .mce-container-body .mce-edit-area) { background: #1a1d23 !important; background-color: #1a1d23 !important; border-color: rgba(255, 255, 255, 0.1) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.mce-btn button, .mce-ico, .mce-btn .mce-txt), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.mce-btn button, .mce-ico, .mce-btn .mce-txt) { color: #cfd6e0 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) textarea.wp-editor-area, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) textarea.wp-editor-area { background: #1a1d23 !important; background-color: #1a1d23 !important; color: #cfd6e0 !important; } /* Classic editor — Publish metabox footer still uses core #f6f7f7 strip. */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#minor-publishing-actions, #misc-publishing-actions, #major-publishing-actions, .misc-pub-section, .submitbox), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#minor-publishing-actions, #misc-publishing-actions, #major-publishing-actions, .misc-pub-section, .submitbox) { background: transparent !important; background-color: transparent !important; color: var(--ysh-text, #cfd6e0) !important; border-color: rgba(255, 255, 255, 0.08) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv #major-publishing-actions, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv #major-publishing-actions { background: rgba(255, 255, 255, 0.04) !important; background-color: rgba(255, 255, 255, 0.04) !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#misc-publishing-actions, #minor-publishing-actions) :is(.misc-pub-section, strong, span, b), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#misc-publishing-actions, #minor-publishing-actions) :is(.misc-pub-section, strong, span, b) { color: var(--ysh-text, #cfd6e0) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#misc-publishing-actions a, #minor-publishing-actions a, .edit-post-status, .edit-visibility, .edit-timestamp), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#misc-publishing-actions a, #minor-publishing-actions a, .edit-post-status, .edit-visibility, .edit-timestamp) { color: var(--ysh-brand, #eda934) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv #delete-action a.submitdelete, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv #delete-action a.submitdelete { color: #f87171 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#minor-publishing-actions .button, #save-post, #post-preview), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv :is(#minor-publishing-actions .button, #save-post, #post-preview) { background: rgba(255, 255, 255, 0.06) !important; background-color: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.18) !important; color: var(--ysh-text, #cfd6e0) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv #publishing-action .button-primary, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) #submitdiv #publishing-action .button-primary { background: var(--ysh-brand, #eda934) !important; border-color: color-mix(in srgb, var(--ysh-brand, #eda934) 85%, #000) !important; color: #1a1206 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.tabs-panel, .wp-tab-panel, .tagchecklist), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.tabs-panel, .wp-tab-panel, .tagchecklist) { background: rgba(255, 255, 255, 0.04) !important; background-color: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: #cfd6e0 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.category-tabs, .tags-tabs) li, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.category-tabs, .tags-tabs) li { background: transparent !important; border-color: rgba(255, 255, 255, 0.1) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.category-tabs, .tags-tabs) li.tabs, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.category-tabs, .tags-tabs) li.tabs { background: rgba(255, 255, 255, 0.08) !important; border-bottom-color: rgba(255, 255, 255, 0.04) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.category-tabs, .tags-tabs) a, html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) label, html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) .categorychecklist li, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) :is(.category-tabs, .tags-tabs) a, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) label, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.categorydiv, .tagsdiv, .taxonomydiv) .categorychecklist li { color: #cfd6e0 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.tagsdiv, .taxonomydiv) :is(input[type='text'], .newtag), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:is(.post-php, .post-new-php):not(.block-editor-page) :is(.tagsdiv, .taxonomydiv) :is(input[type='text'], .newtag) { background: #22262e !important; background-color: #22262e !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; color: #cfd6e0 !important; } /* WordPress admin pointers / onboarding tooltips. */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-content, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-content { background: #1a1d23 !important; background-color: #1a1d23 !important; border-color: rgba(255, 255, 255, 0.12) !important; color: #cfd6e0 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-content h3, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-content h3 { background: #22262e !important; background-color: #22262e !important; border-bottom-color: rgba(255, 255, 255, 0.12) !important; color: #d8d3ce !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-content :is(p, li, label, span), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-content :is(p, li, label, span) { color: #cfd6e0 !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-arrow, html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-arrow-inner, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-arrow, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) .wp-pointer .wp-pointer-arrow-inner { border-color: #1a1d23 transparent transparent transparent !important; } /* Unchecked checkboxes in plugin settings / metaboxes (not YOOAdmin dashboard). */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php):not( .toplevel_page_yooadmin-dashboard ) #wpbody-content :is(.wrap, #poststuff) input[type='checkbox']:not(:checked), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php):not( .toplevel_page_yooadmin-dashboard ) #wpbody-content :is(.wrap, #poststuff) input[type='checkbox']:not(:checked) { background: #22262e !important; background-color: #22262e !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color-scheme: dark !important; } /* Generic inputs in .wrap plugin settings. */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='settings-tab-content'] :is( select, input[type='text'], input[type='url'], input[type='email'], input[type='number'], input[type='search'], textarea ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap [class*='settings-tab-content'] :is( select, input[type='text'], input[type='url'], input[type='email'], input[type='number'], input[type='search'], textarea ) { color-scheme: dark !important; background: #22262e !important; background-color: #22262e !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; color: #cfd6e0 !important; box-shadow: none !important; } /* —— Plugin settings shells (options-general.php?page=…, settings.php?page=…) —— */ /* Avoid double “card”: outer .wrap stays layout shell; inner plugin UI is the surface. */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content > .wrap:has([id$='-plugin-container']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content > .wrap:has([id$='-plugin-container']) { background: transparent !important; box-shadow: none !important; border: none !important; } /* Common plugin root id pattern (generic *-plugin-container roots). */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content [id$='-plugin-container'], html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content [id$='-plugin-container'] { background-color: var(--ysh-card-raised, #1f242c) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: var(--ysh-text, #cfd6e0) !important; } /* Legacy plugin about/settings headers. */ html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > .about-wrap, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > .about-wrap { color: var(--ysh-text, #cfd6e0) !important; } html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > .about-wrap :is(.about-text, .feature-section, .headline-feature), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > .about-wrap :is(.about-text, .feature-section, .headline-feature) { color: var(--ysh-text-muted, #9ca3af) !important; } /* ============================================================================= * WordPress 7+ About / Credits / Freedoms / Privacy / Contribute (about__*). * Core about.css keeps light CSS variables; layout-shell nav-tab rules conflict. * ============================================================================= */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) { background: var(--ysh-surface, #0f1115) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) #wpcontent, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) #wpcontent { background: var(--ysh-surface, #0f1115) !important; background-color: var(--ysh-surface, #0f1115) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container { --background: #1a1d23; --subtle-background: #22262e; --text: #e8ecf1; --text-light: #f8fafc; --accent-1: var(--yooadmin-primary, #eda934); --accent-2: color-mix(in srgb, var(--yooadmin-primary, #eda934) 72%, #1a1d23 28%); --accent-3: rgba(255, 255, 255, 0.14); --nav-background: #1a1d23; --nav-border: rgba(255, 255, 255, 0.12); --nav-color: #cfd6e0; --nav-current: var(--yooadmin-primary, #eda934); color: var(--text) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container :is(h1, h2, h3, h4, p, li, .about__header-text), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container :is(h1, h2, h3, h4, p, li, .about__header-text) { color: var(--text) !important; -webkit-text-fill-color: var(--text) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header { color: var(--text-light) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-title h1, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-title h1 { color: var(--text-light) !important; -webkit-text-fill-color: var(--text-light) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation { background: var(--nav-background) !important; background-color: var(--nav-background) !important; border-bottom-color: var(--nav-border) !important; color: var(--nav-color) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation .nav-tab, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation .nav-tab { background: transparent !important; background-color: transparent !important; color: var(--nav-color) !important; -webkit-text-fill-color: var(--nav-color) !important; border-color: transparent !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation .nav-tab:hover, html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation .nav-tab:active, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation .nav-tab:hover, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation .nav-tab:active { background: color-mix(in srgb, var(--nav-current) 18%, transparent) !important; background-color: color-mix(in srgb, var(--nav-current) 18%, transparent) !important; color: var(--text-light) !important; -webkit-text-fill-color: var(--text-light) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation :is(.nav-tab-active, .nav-tab-active:hover, .nav-tab-active:active), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__header-navigation :is(.nav-tab-active, .nav-tab-active:hover, .nav-tab-active:active) { background: color-mix(in srgb, var(--nav-current) 22%, transparent) !important; background-color: color-mix(in srgb, var(--nav-current) 22%, transparent) !important; color: var(--text-light) !important; -webkit-text-fill-color: var(--text-light) !important; border-bottom-color: var(--nav-current) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container :is(.about__section, .about__section .column, .about__section p, .about__section .is-subheading), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container :is(.about__section, .about__section .column, .about__section p, .about__section .is-subheading) { color: var(--text) !important; -webkit-text-fill-color: var(--text) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container a, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is( .about-php, .credits-php, .freedoms-php, .privacy-php, .contribute-php ) .about__container a { color: var(--accent-1) !important; -webkit-text-fill-color: var(--accent-1) !important; } /* ============================================================================= * Site Health + Privacy — health-check accordion (global WP markup). * ============================================================================= */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-header, .privacy-settings-header), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-header, .privacy-settings-header) { background: var(--ysh-card-raised, #22262e) !important; border-bottom-color: rgba(255, 255, 255, 0.12) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-body, html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .site-health-issues-container, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-body, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .site-health-issues-container { color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion, .privacy-settings-accordion), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion, .privacy-settings-accordion) { border-color: rgba(255, 255, 255, 0.14) !important; background: transparent !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-heading, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-heading { border-top-color: rgba(255, 255, 255, 0.1) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-trigger, .privacy-settings-accordion-trigger, .site-health-view-passed), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-trigger, .privacy-settings-accordion-trigger, .site-health-view-passed) { background: var(--ysh-card, #1a1d23) !important; background-color: var(--ysh-card, #1a1d23) !important; color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-trigger:hover, .health-check-accordion-trigger:active, .health-check-accordion-trigger:focus, .site-health-view-passed:hover), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-trigger:hover, .health-check-accordion-trigger:active, .health-check-accordion-trigger:focus, .site-health-view-passed:hover) { background: rgba(255, 255, 255, 0.05) !important; background-color: rgba(255, 255, 255, 0.05) !important; color: var(--ysh-heading, #e8ecf1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .title, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .title { color: var(--ysh-heading, #e8ecf1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .icon, html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .site-health-view-passed .icon, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .icon, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .site-health-view-passed .icon { border-color: var(--ysh-muted, #9aa5b1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge { color: var(--ysh-text, #cfd6e0) !important; background: rgba(255, 255, 255, 0.08) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.blue, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.blue { background: rgba(37, 110, 255, 0.2) !important; color: #93c5fd !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.orange, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.orange { background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.18) !important; color: var(--ysh-brand, #eda934) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.red, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.red { background: rgba(232, 44, 63, 0.18) !important; color: #fca5a5 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.green, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) .health-check-accordion-trigger .badge.green { background: rgba(78, 178, 106, 0.2) !important; color: #86efac !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-panel, .privacy-settings-accordion-panel), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-panel, .privacy-settings-accordion-panel) { background: var(--ysh-card-raised, #22262e) !important; background-color: var(--ysh-card-raised, #22262e) !important; color: var(--ysh-text, #cfd6e0) !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-panel, .privacy-settings-accordion-panel) :is(p, li, label, th, td, h2, h3, h4), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php, .privacy-settings, .privacy-php) :is(.health-check-accordion-panel, .privacy-settings-accordion-panel) :is(p, li, label, th, td, h2, h3, h4) { color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php) .wp-core-ui .button.site-health-view-passed, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:is(.site-health, .site-health-php) .wp-core-ui .button.site-health-view-passed { background: var(--ysh-card, #1a1d23) !important; border-color: rgba(255, 255, 255, 0.14) !important; color: var(--ysh-text, #cfd6e0) !important; } /* ============================================================================= * WP core tools (static compat) — Import list + file editor warning modal. * Targets .ysh-wp-core-tools-compat (import/export/plugin-editor/theme-editor, etc.). * ============================================================================= */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php #wpbody-content .wrap .importers.widefat, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php #wpbody-content .wrap .importers.widefat { background: var(--ysh-card, #1a1d23) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importers :is(td, th), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importers :is(td, th) { border-color: rgba(255, 255, 255, 0.1) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importers.striped > tbody > :nth-child(odd), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importers.striped > tbody > :nth-child(odd) { background: rgba(255, 255, 255, 0.04) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importer-title, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importer-title { color: var(--ysh-heading, #e8ecf1) !important; -webkit-text-fill-color: var(--ysh-heading, #e8ecf1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importer-desc, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importer-desc { color: var(--ysh-text-muted, #9ca3af) !important; -webkit-text-fill-color: var(--ysh-text-muted, #9ca3af) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importer-action a, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat.import-php .importer-action a { color: var(--ysh-brand, #eda934) !important; -webkit-text-fill-color: var(--ysh-brand, #eda934) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat :is(.notification-dialog, .file-editor-warning .notification-dialog), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat :is(.notification-dialog, .file-editor-warning .notification-dialog) { background: var(--ysh-card, #1a1d23) !important; background-color: var(--ysh-card, #1a1d23) !important; color: var(--ysh-text, #cfd6e0) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat .notification-dialog :is(h1, h2, h3, p, li, label), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat .notification-dialog :is(h1, h2, h3, p, li, label) { color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat .notification-dialog h1, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat .notification-dialog h1 { color: var(--ysh-heading, #e8ecf1) !important; -webkit-text-fill-color: var(--ysh-heading, #e8ecf1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat .notification-dialog-background, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat .notification-dialog-background { background: rgba(0, 0, 0, 0.72) !important; opacity: 1 !important; } /* ============================================================================= * Plugin / theme file editor — CodeMirror + file tree (WP loads CM after DOM). * ============================================================================= */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) :is(#templateside, .fileedit-sub, form#template), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) :is(#templateside, .fileedit-sub, form#template) { color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside { background: var(--ysh-card, #1a1d23) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 8px !important; padding: 12px 10px !important; box-sizing: border-box !important; } /* WP common.css paints the scrollable tree on #templateside > ul (#f6f7f7). */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside > ul, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside > ul { background: var(--ysh-card, #1a1d23) !important; background-color: var(--ysh-card, #1a1d23) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside .folder-label, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside .folder-label { color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is([role='treeitem'].hover, [role='treeitem'] .folder-label.hover), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is([role='treeitem'].hover, [role='treeitem'] .folder-label.hover) { background-color: rgba(255, 255, 255, 0.06) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is([role='treeitem'] a:focus, [role='treeitem'] .folder-label.focus), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is([role='treeitem'] a:focus, [role='treeitem'] .folder-label.focus) { color: var(--ysh-brand, #eda934) !important; -webkit-text-fill-color: var(--ysh-brand, #eda934) !important; outline-color: var(--ysh-brand, #eda934) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is(.tree-folder .tree-folder::after, .tree-folder > li::before, .tree-folder > li::after), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is(.tree-folder .tree-folder::after, .tree-folder > li::before, .tree-folder > li::after) { border-color: rgba(255, 255, 255, 0.2) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li.howto, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li.howto { color: var(--ysh-muted, #9ca3af) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li.howto a, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li.howto a { color: var(--ysh-brand, #eda934) !important; -webkit-text-fill-color: var(--ysh-brand, #eda934) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside .notice.notice-info, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside .notice.notice-info { background: color-mix(in srgb, var(--ysh-brand, #eda934) 14%, var(--ysh-card, #1a1d23)) !important; border-color: color-mix(in srgb, var(--ysh-brand, #eda934) 35%, transparent) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is(h2, h4), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside :is(h2, h4) { color: var(--ysh-heading, #e8ecf1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li:not(.howto) a, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li:not(.howto) a { color: var(--ysh-text-muted, #9ca3af) !important; -webkit-text-fill-color: var(--ysh-text-muted, #9ca3af) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li.current-file > a, html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside .highlight, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside li.current-file > a, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #templateside .highlight { color: var(--ysh-brand, #eda934) !important; -webkit-text-fill-color: var(--ysh-brand, #eda934) !important; font-weight: 600 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .nonessential, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .nonessential { color: var(--ysh-muted, #6b7280) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) :is(#newcontent, .CodeMirror), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) :is(#newcontent, .CodeMirror) { background: #1e2228 !important; background-color: #1e2228 !important; color: #cfd6e0 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-gutters, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-gutters { background: #161a20 !important; background-color: #161a20 !important; border-right-color: rgba(255, 255, 255, 0.1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-linenumber, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-linenumber { color: #6b7280 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-cursor, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-cursor { border-left-color: #e8ecf1 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-activeline-background, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror-activeline-background { background: rgba(var(--ysh-brand-rgb, 237, 169, 52), 0.08) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-keyword, .cm-builtin), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-keyword, .cm-builtin) { color: #c792ea !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-string, .cm-string-2), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-string, .cm-string-2) { color: #c3e88d !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-comment, .cm-meta), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-comment, .cm-meta) { color: #6b7280 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-variable, .cm-variable-2, .cm-def, .cm-property), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-variable, .cm-variable-2, .cm-def, .cm-property) { color: #82aaff !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-number, .cm-atom), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .CodeMirror :is(.cm-number, .cm-atom) { color: #f78c6c !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .fileedit-sub :is(h2, span strong), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) .fileedit-sub :is(h2, span strong) { color: var(--ysh-heading, #e8ecf1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #theme-plugin-editor-label, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub.ysh-wp-core-tools-compat:is(.plugin-editor-php, .theme-editor-php) #theme-plugin-editor-label { color: var(--ysh-text, #cfd6e0) !important; } /* File-editor warning — buttons use yp-yoo-btn via .button-secondary / .button-primary (JS). */ /* * —— Global: third-party React/plugin admin hosts inside .wrap —— * Pattern: *-admin-dashboard, *-onboard-dashboard (many vendors). * Not WP core (.form-table) — custom CSS bundles with hardcoded #fff panels. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > :is( [class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard'] ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > :is( [class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard'] ) { /* Full-bleed canvas — flow layout (no absolute + partial width that leaves white gutters). */ position: relative !important; left: auto !important; top: auto !important; width: 100% !important; max-width: none !important; margin: 0 !important; min-height: calc(100vh - 32px) !important; padding: 24px 32px 120px !important; box-sizing: border-box !important; background: transparent !important; background-color: transparent !important; color: var(--ysh-text, #cfd6e0) !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; z-index: 1 !important; color-scheme: dark; } /* Dynamic dashboard root/body — one surface (vendor ships #edeff4 + negative margin breakout). */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is([class*='-admin-dashboard-body'], [class*='-onboard-dashboard-body']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is([class*='-admin-dashboard-body'], [class*='-onboard-dashboard-body']) { background: transparent !important; background-color: transparent !important; } /* Vendor panels — flat on host surface (no nested slabs, outlines, or frames). */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']) :is( [class*='__header'], [class*='__welcome'], [class*='__welcome__content'], [class*='__welcome__content-video'], [class*='__welcome__content-subscribe'], [class*='__cards-item'], [class*='__welcome__cards-item'], [class*='__content-video'], [class*='__content-subscribe'], [class*='__blocks-list__item'], [class*='__settings-list'], [class*='__settings-content'], [class*='__settings-api'], [class*='__license-content'], [class*='__drawer'], [class*='__modal-wrapper'], [class*='__notice'], [class*='__section'], [class*='__signup'], [class*='__single-plugin'], [class*='configure-features--wrapper'], [class*='__onboard-section'] ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']) :is( [class*='__header'], [class*='__welcome'], [class*='__welcome__content'], [class*='__welcome__content-video'], [class*='__welcome__content-subscribe'], [class*='__cards-item'], [class*='__welcome__cards-item'], [class*='__content-video'], [class*='__content-subscribe'], [class*='__blocks-list__item'], [class*='__settings-list'], [class*='__settings-content'], [class*='__settings-api'], [class*='__license-content'], [class*='__drawer'], [class*='__modal-wrapper'], [class*='__notice'], [class*='__section'], [class*='__signup'], [class*='__single-plugin'], [class*='configure-features--wrapper'], [class*='__onboard-section'] ) { background: transparent !important; background-color: transparent !important; border: none !important; border-color: transparent !important; box-shadow: none !important; outline: none !important; color: var(--ysh-text, #cfd6e0) !important; } /* Dynamic dashboard header tabs. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item { background: transparent !important; border: none !important; border-radius: 8px !important; box-shadow: none !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item:hover, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item:hover { background: rgba(255, 255, 255, 0.06) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item.active, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item.active { background: color-mix(in srgb, var(--ysh-brand, #eda934) 18%, transparent) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item .link, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item .link { color: var(--ysh-muted, #9aa5b1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item.active .link, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-menu-inner'] .item.active .link { color: var(--ysh-brand, #eda934) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-discover'] :is(.version, .button-changelog), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-discover'] :is(.version, .button-changelog) { border-color: rgba(255, 255, 255, 0.1) !important; background: rgba(255, 255, 255, 0.04) !important; color: var(--ysh-text, #cfd6e0) !important; box-shadow: none !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-discover'] .pro-link, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__header-discover'] .pro-link { border: none !important; background: transparent !important; color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important; box-shadow: none !important; text-decoration: underline !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__blocks-categories-buttons'] button, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__blocks-categories-buttons'] button { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--ysh-muted, #9aa5b1) !important; box-shadow: none !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__blocks-categories-buttons'] button.active, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > [class*='-admin-dashboard'] [class*='__blocks-categories-buttons'] button.active { border-color: color-mix(in srgb, var(--ysh-brand, #eda934) 55%, transparent) !important; color: var(--ysh-brand, #eda934) !important; background: color-mix(in srgb, var(--ysh-brand, #eda934) 12%, transparent) !important; } /* Readable copy inside plugin hosts (beats layout-shell .wrap typography + vendor grays) */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']) :is(h1, h2, h3, h4, h5, h6, [class*='__title'], [class*='-title']):not([class*='badge']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']) :is(h1, h2, h3, h4, h5, h6, [class*='__title'], [class*='-title']):not([class*='badge']) { color: var(--ysh-heading, #eef1f5) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']) :is( p, li, span, label, [class*='__description'], [class*='--description'], [class*='version-text'] ):not(.dashicons):not([class*='badge']):not([class*='chevron']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']) :is( p, li, span, label, [class*='__description'], [class*='--description'], [class*='version-text'] ):not(.dashicons):not([class*='badge']):not([class*='chevron']) { color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is([class*='__nav-item'], [class*='onboard-nav-item']):not(.active), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is([class*='__nav-item'], [class*='onboard-nav-item']):not(.active) { color: var(--ysh-muted, #9aa5b1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is(input, textarea, select):not([type='checkbox']):not([type='radio']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is(input, textarea, select):not([type='checkbox']):not([type='radio']) { background: #22262e !important; border-color: rgba(255, 255, 255, 0.14) !important; color: var(--ysh-text, #cfd6e0) !important; color-scheme: dark; } /* @wordpress/components inside plugin hosts (dynamic dashboard settings tabs) */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :where( .components-card, .components-panel, .components-panel__body, .components-base-control, .components-input-control__container ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :where( .components-card, .components-panel, .components-panel__body, .components-base-control, .components-input-control__container ) { background-color: var(--ysh-card-raised, #1f242c) !important; color: var(--ysh-text, #cfd6e0) !important; border-color: rgba(255, 255, 255, 0.12) !important; } /* Primary / secondary actions inside plugin hosts */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is( [class*='-onboard-btn']:not(.prev):not(.skip-next), [class*='__btn']:not(.prev), [class*='-pro-btn'], [class*='__button']:not([class*='changelog']), [class*='-pro-btn'] ), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is( [class*='-onboard-btn']:not(.prev):not(.skip-next), [class*='__btn']:not(.prev), [class*='-pro-btn'], [class*='__button']:not([class*='changelog']), [class*='-pro-btn'] ) { background: var(--ysh-brand, #eda934) !important; background-color: var(--ysh-brand, #eda934) !important; border-color: transparent !important; color: #1a1a1a !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is([class*='-onboard-btn'].prev, .skip-next, [class*='button-knowledge'], [class*='button-secondary']), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) :is([class*='-onboard-btn'].prev, .skip-next, [class*='button-knowledge'], [class*='button-secondary']) { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) a:is([class*='pro-link'], [class*='__documentation'], [class*='__cards-item'] a, [class*='__welcome'] a):not( [class*='button'] ):not(.item):not(.link), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page) #wpbody-content .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard']) a:is([class*='pro-link'], [class*='__documentation'], [class*='__cards-item'] a, [class*='__welcome'] a):not( [class*='button'] ):not(.item):not(.link) { color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content :is(.welcome-panel, .welcome-panel) .welcome-panel-close, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content :is(.welcome-panel, .welcome-panel) .welcome-panel-close, html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .notice:not(.yp-notification-item) > .notice-dismiss, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content .notice:not(.yp-notification-item) > .notice-dismiss { border: none !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: var(--ysh-muted, #9aa5b1) !important; text-decoration: none !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content :is(.welcome-panel, .welcome-panel) a:not(.welcome-panel-close):not(.button):not(.button-primary):not(.button-secondary), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content :is(.welcome-panel, .welcome-panel) a:not(.welcome-panel-close):not(.button):not(.button-primary):not(.button-secondary) { color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important; } /* WordPress core Updates screen — shared core/plugin/theme update tables. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap :is(.core-updates, .core-updates li, form.upgrade, table.widefat.updates-table), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap :is(.core-updates, .core-updates li, form.upgrade, table.widefat.updates-table) { background: transparent !important; background-color: transparent !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table { background: var(--ysh-card, #1a1d23) !important; background-color: var(--ysh-card, #1a1d23) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-collapse: separate !important; border-spacing: 0 !important; box-shadow: none !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(thead, tfoot, tbody, tr), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(thead, tfoot, tbody, tr) { background: transparent !important; background-color: transparent !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(thead, tfoot) :is(th, td), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(thead, tfoot) :is(th, td) { background: var(--ysh-card-raised, #22262e) !important; background-color: var(--ysh-card-raised, #22262e) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: var(--ysh-muted, #c2ccd6) !important; -webkit-text-fill-color: var(--ysh-muted, #c2ccd6) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table tbody :is(th, td), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table tbody :is(th, td) { background: rgba(255, 255, 255, 0.03) !important; background-color: rgba(255, 255, 255, 0.03) !important; border-color: rgba(255, 255, 255, 0.08) !important; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important; color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table tbody tr:nth-child(even) :is(th, td), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table tbody tr:nth-child(even) :is(th, td) { background: rgba(255, 255, 255, 0.045) !important; background-color: rgba(255, 255, 255, 0.045) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table tbody tr:hover :is(th, td), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table tbody tr:hover :is(th, td) { background: rgba(255, 255, 255, 0.075) !important; background-color: rgba(255, 255, 255, 0.075) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table .plugin-title :is(p, strong, em), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table .plugin-title :is(p, strong, em) { color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table .plugin-title strong, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table .plugin-title strong { color: var(--ysh-heading, #eef1f5) !important; -webkit-text-fill-color: var(--ysh-heading, #eef1f5) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap :is(.core-updates, table.widefat.updates-table) a:not(.button):not(.button-primary):not(.button-secondary), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap :is(.core-updates, table.widefat.updates-table) a:not(.button):not(.button-primary):not(.button-secondary) { color: var(--ysh-brand, #eda934) !important; -webkit-text-fill-color: var(--ysh-brand, #eda934) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(.check-column, .manage-column.check-column), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(.check-column, .manage-column.check-column) { border-right: 1px solid rgba(255, 255, 255, 0.08) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table input[type='checkbox'], html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table input[type='checkbox'] { accent-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important; background: #22262e !important; background-color: #22262e !important; border-color: rgba(255, 255, 255, 0.28) !important; color-scheme: dark !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table input[type='checkbox']:checked, html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table input[type='checkbox']:checked { background: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important; background-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important; border-color: var(--yooadmin-primary, var(--ysh-brand, #eda934)) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(.plugin-icon, .updates-table-screenshot, .dashicons-admin-plugins), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap table.widefat.updates-table :is(.plugin-icon, .updates-table-screenshot, .dashicons-admin-plugins) { background: rgba(255, 255, 255, 0.08) !important; background-color: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: none !important; color: var(--ysh-muted, #9aa5b1) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap :is(.core-updates li, .auto-update-status, .response), html.yooadmin-studio-hub-html[data-yooadmin-studio-color-mode-effective='dark'] body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat.ysh-wp-core-tools-compat.update-core-php #wpbody-content > .wrap :is(.core-updates li, .auto-update-status, .response) { color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content > .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub:not(.block-editor-page):not(.site-editor-php) #wpbody-content > .wrap > :is([class*='-admin-dashboard'], [class*='-onboard-dashboard'], [class*='-onboard-dashboard']) { position: relative !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; } /* Plugin Check + generic widefat — thead uses td (not th); results inject via AJAX after scan. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table) { background: var(--ysh-card, #1a1d23) !important; background-color: var(--ysh-card, #1a1d23) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-collapse: separate !important; border-spacing: 0 !important; box-shadow: none !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table) :is(thead, tfoot, tbody, tr), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table) :is(thead, tfoot, tbody, tr) { background: transparent !important; background-color: transparent !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table) :is(thead, tfoot) :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table) :is(thead, tfoot) :is(th, td) { background: var(--ysh-card-raised, #22262e) !important; background-color: var(--ysh-card-raised, #22262e) !important; border-color: rgba(255, 255, 255, 0.12) !important; color: var(--ysh-muted, #c2ccd6) !important; -webkit-text-fill-color: var(--ysh-muted, #c2ccd6) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table) tbody :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat:not(.wp-list-table) tbody :is(th, td) { background: rgba(255, 255, 255, 0.03) !important; background-color: rgba(255, 255, 255, 0.03) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat.striped:not(.wp-list-table) tbody tr:nth-child(odd) :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.widefat.striped:not(.wp-list-table) tbody tr:nth-child(odd) :is(th, td) { background: rgba(255, 255, 255, 0.05) !important; background-color: rgba(255, 255, 255, 0.05) !important; } /* Plugin Check + generic striped tool tables — beat wp-admin .striped light row backgrounds. */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)) { background: var(--ysh-card, #1a1d23) !important; background-color: var(--ysh-card, #1a1d23) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)) tbody > tr, html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)) tbody > tr { background: transparent !important; background-color: transparent !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)) tbody > tr > :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)) tbody > tr > :is(th, td) { background: rgba(255, 255, 255, 0.03) !important; background-color: rgba(255, 255, 255, 0.03) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)).striped tbody > :nth-child(odd) > :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)).striped tbody > :nth-child(odd) > :is(th, td) { background: rgba(255, 255, 255, 0.06) !important; background-color: rgba(255, 255, 255, 0.06) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)).striped tbody > :nth-child(even) > :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)).striped tbody > :nth-child(even) > :is(th, td) { background: rgba(255, 255, 255, 0.02) !important; background-color: rgba(255, 255, 255, 0.02) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)) thead :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap :is(table.plugin-check__results-table, table.widefat.striped:not(.wp-list-table)) thead :is(th, td) { background: var(--ysh-card-raised, #22262e) !important; background-color: var(--ysh-card-raised, #22262e) !important; color: var(--ysh-muted, #c2ccd6) !important; -webkit-text-fill-color: var(--ysh-muted, #c2ccd6) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.plugin-check__results-table a:not(.button), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.wp-admin.yooadmin-theme-yooadmin-studio-hub.ysh-plugin-admin-compat #wpbody-content .wrap table.plugin-check__results-table a:not(.button) { color: var(--ysh-brand, #eda934) !important; -webkit-text-fill-color: var(--ysh-brand, #eda934) !important; } /* Plugin Check AJAX results — no .wrap / yooadmin-theme requirement (beats wp-admin .striped tr backgrounds). */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table, html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table { background: var(--ysh-card, #1a1d23) !important; background-color: var(--ysh-card, #1a1d23) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table thead :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table thead :is(th, td) { background: var(--ysh-card-raised, #22262e) !important; background-color: var(--ysh-card-raised, #22262e) !important; color: var(--ysh-muted, #c2ccd6) !important; -webkit-text-fill-color: var(--ysh-muted, #c2ccd6) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table tbody > tr, html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table tbody > tr { background: transparent !important; background-color: transparent !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table tbody > tr > :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table tbody > tr > :is(th, td) { background: rgba(255, 255, 255, 0.03) !important; background-color: rgba(255, 255, 255, 0.03) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--ysh-text, #cfd6e0) !important; -webkit-text-fill-color: var(--ysh-text, #cfd6e0) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(odd), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(odd) { background: rgba(255, 255, 255, 0.06) !important; background-color: rgba(255, 255, 255, 0.06) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(odd) > :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(odd) > :is(th, td) { background: rgba(255, 255, 255, 0.06) !important; background-color: rgba(255, 255, 255, 0.06) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(even), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(even) { background: rgba(255, 255, 255, 0.02) !important; background-color: rgba(255, 255, 255, 0.02) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(even) > :is(th, td), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table.striped > tbody > :nth-child(even) > :is(th, td) { background: rgba(255, 255, 255, 0.02) !important; background-color: rgba(255, 255, 255, 0.02) !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table a:not(.button), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body:is(.ysh-plugin-admin-compat, .yoo-wp-settings-experience, .ysh-plugin-check-compat) #plugin-check__results table.plugin-check__results-table a:not(.button) { color: var(--ysh-brand, #eda934) !important; -webkit-text-fill-color: var(--ysh-brand, #eda934) !important; } /* ============================================================================= * Native WordPress settings (options-*.php, tools.php, …) * body.yoo-wp-settings-experience — NOT admin.php?page=yooadmin-* (.yooadmin-settings-wrap) * Late cascade: beats WP admin forms.css after wp-settings-experience.css * ============================================================================= */ html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience, html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience, body.is-dark-theme.yoo-wp-settings-experience { --yp-set-surface: #1a1d23; --yp-set-muted: #12161c; --yp-set-text: #cfd6e0; --yp-set-text-muted: #9aa5b1; --yp-set-border: rgba(255, 255, 255, 0.1); --yp-set-border-soft: rgba(255, 255, 255, 0.06); --yp-wp-field-border: rgba(255, 255, 255, 0.14); --yp-set-shadow: 0 8px 32px rgba(0, 0, 0, 0.45); color-scheme: dark; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience .form-table :is(th, td, label, legend, fieldset, p, span, strong, .yp-th-content), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience .form-table :is(th, td, label, legend, fieldset, p, span, strong, .yp-th-content), body.is-dark-theme.yoo-wp-settings-experience .form-table :is(th, td, label, legend, fieldset, p, span, strong, .yp-th-content) { color: #cfd6e0 !important; -webkit-text-fill-color: #cfd6e0 !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience :is( input[type='text'], input[type='url'], input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], textarea, select:not([multiple]):not(.yp-custom-select__native) ), html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience :is( input[type='text'], input[type='url'], input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], textarea, select:not([multiple]):not(.yp-custom-select__native) ), body.is-dark-theme.yoo-wp-settings-experience :is( input[type='text'], input[type='url'], input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], textarea, select:not([multiple]):not(.yp-custom-select__native) ) { color-scheme: dark; background: #22262e !important; background-color: #22262e !important; color: #cfd6e0 !important; border-color: rgba(255, 255, 255, 0.14) !important; box-shadow: none !important; } html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience input[type='checkbox'], html.yooadmin-studio-hub-html:is([data-yooadmin-studio-color-mode-effective='dark'], .is-dark-theme) body.yoo-wp-settings-experience input[type='checkbox'], body.is-dark-theme.yoo-wp-settings-experience input[type='checkbox'] { color-scheme: dark; accent-color: var(--yooadmin-primary, #eda934); } @media (prefers-color-scheme: dark) { html:not([data-yooadmin-studio-color-mode-effective='light']) body.yoo-wp-settings-experience { --yp-set-surface: #1a1d23; --yp-set-muted: #12161c; --yp-set-text: #cfd6e0; --yp-set-text-muted: #9aa5b1; --yp-set-border: rgba(255, 255, 255, 0.1); --yp-set-border-soft: rgba(255, 255, 255, 0.06); --yp-wp-field-border: rgba(255, 255, 255, 0.14); color-scheme: dark; } html:not([data-yooadmin-studio-color-mode-effective='light']) body.yoo-wp-settings-experience .form-table :is(th, td, label, legend, fieldset, p, span, strong, .yp-th-content) { color: #cfd6e0 !important; -webkit-text-fill-color: #cfd6e0 !important; } html:not([data-yooadmin-studio-color-mode-effective='light']) body.yoo-wp-settings-experience :is( input[type='text'], input[type='url'], input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], textarea, select:not([multiple]):not(.yp-custom-select__native) ) { color-scheme: dark; background: #22262e !important; background-color: #22262e !important; color: #cfd6e0 !important; border-color: rgba(255, 255, 255, 0.14) !important; box-shadow: none !important; } }