/** * YOOAdmin login — dark appearance (data-yoo-login-color-mode-effective on ). */ html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-maintenance-page, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-public-error-page { --yoo-login-panel-bg: #121418; --yoo-login-text: #d7dde7; --yoo-login-input-bg: #1a1d23; --yoo-login-input-border: rgba(255, 255, 255, 0.14); --yoo-login-placeholder-color: #9aa5b1; --yoo-login-footer-text: #9aa5b1; --yoo-login-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.35); --yoo-login-toast-bg: #1e2229; --yoo-login-toast-text: #eef2f7; --yoo-login-toast-close: #9aa5b1; --yoo-login-toast-shadow: 0 8px 24px rgba(0, 0, 0, 0.45); color-scheme: dark; } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-form-card, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom #login { background: var(--yoo-login-panel-bg, #121418); color: var(--yoo-login-text, #d7dde7); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-maintenance-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__card, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-public-error-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__card { background: var(--yoo-login-panel-bg, #121418); color: var(--yoo-login-text, #d7dde7); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-maintenance-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__title, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-public-error-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__title { color: var(--yoo-login-text, #d7dde7); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-maintenance-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__message, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-public-error-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__message, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-maintenance-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__version, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-public-error-page:not(.yoo-maintenance--has-bg) .yoo-maintenance__version { color: var(--yoo-login-footer-text, #9aa5b1); text-shadow: none; } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-input, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom input[type="text"], html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom input[type="password"], html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom input[type="email"] { background: var(--yoo-login-input-bg, #1a1d23); border-color: var(--yoo-login-input-border, rgba(255, 255, 255, 0.14)); color: var(--yoo-login-text, #d7dde7); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-input::placeholder, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom input::placeholder { color: var(--yoo-login-placeholder-color, #9aa5b1); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-footer-links, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom .yoo-sl-footer-links, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom #nav, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-custom #backtoblog { color: var(--yoo-login-footer-text, #9aa5b1); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-toast, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-message { background: var(--yoo-login-toast-bg, #1e2229); color: var(--yoo-login-toast-text, #eef2f7); box-shadow: var(--yoo-login-toast-shadow, 0 8px 24px rgba(0, 0, 0, 0.45)); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-toast__body { color: var(--yoo-login-toast-text, #eef2f7); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-toast__close { color: var(--yoo-login-toast-close, #9aa5b1); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-toast__close:hover, html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-toast__close:focus-visible { color: var(--yoo-login-toast-text, #eef2f7); background: rgba(255, 255, 255, 0.08); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-label { color: var(--yoo-login-text, #d7dde7); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-input:hover { background: color-mix(in srgb, var(--yoo-login-input-bg, #1a1d23) 88%, #fff); border-color: rgba(255, 255, 255, 0.22); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-input:focus { background: var(--yoo-login-input-bg, #1a1d23); border-color: var(--yoo-login-primary, #eda934); } html[data-yoo-login-color-mode-effective="dark"] body.yooadmin-login-standalone .yoo-sl-check__label { color: var(--yoo-login-text, #d7dde7); } /* Settings mini-preview */ html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core { color-scheme: dark; background: var(--yoo-login-panel-bg, #121418); border-color: rgba(255, 255, 255, 0.08); } html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-form-col, html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-panel { background: var(--yoo-login-panel-bg, #121418); } html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-form-card { background: var(--yoo-login-panel-bg, #121418); color: var(--yoo-login-text, #d7dde7); border-color: color-mix(in srgb, var(--yoo-login-text, #d7dde7) 8%, transparent); box-shadow: var(--yoo-login-card-shadow, 0 8px 32px rgba(0, 0, 0, 0.35)); } html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-input { color-scheme: dark; background: var(--yoo-login-input-bg, #1a1d23) !important; border-color: var(--yoo-login-input-border, rgba(255, 255, 255, 0.14)) !important; color: var(--yoo-login-text, #d7dde7) !important; } html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-check, html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-check__label, html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-footer-links, html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-footer-txt { color: var(--yoo-login-footer-text, #9aa5b1); } html[data-yoo-login-color-mode-effective="dark"] .yooadmin-login-preview--core .ylp-check__input--fake { background: var(--yoo-login-input-bg, #1a1d23); border-color: var(--yoo-login-input-border, rgba(255, 255, 255, 0.14)); }