/*!***************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/lumina-dark-mode.scss ***! \***************************************************************************************************************************************************************************************************************************/ /** * File: dark-mode.css * Theme: Lumina * * The stylesheet for Lumina's DARK MODE color schemes. * * NOTE: This file is AUTO-GENERATED from the SASS source files * in /src/scss/lumina-theme.scss. Do not make updates here. * * @package lumina * @since 1.0 */ /* ========================================================================== LUMINA THEME: DARK Mode CSS styles v0.9.9 Build 30 MVP ========================================================================== */ /*----------------------------------------------------------------------------- COLORS: DEFAULT TEXT, HEADING, AND LINK COLORS -----------------------------------------------------------------------------*/ /* * Default contrast (text) color based on background color. * * To override, set these in theme.json: * --wp--custom--color--contrast--{color} */ :root :where(.is-dark-theme) .has-contrast-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-dark-gray-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-very-light-green-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-very-light-yellow-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-very-light-orange-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-very-light-blue-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-very-light-purple-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-very-light-red-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-light-green-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-light-yellow-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-light-orange-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-light-blue-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-light-purple-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-light-red-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6) { /* Set heading to dark text */ color: var(--wp--preset--color--almost-black); } :root :where(.is-dark-theme) .has-white-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6), :root :where(.is-dark-theme) .has-off-white-background-color :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title, .wp-block-site-title, .wp-block-site-tagline, h1, h2, h3, h4, h5, h6) { /* Darken headings on light backgrounds */ filter: brightness(0.52) saturate(1.6); } :root :where(.is-dark-theme) .has-primary-subtle-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-secondary-subtle-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-tertiary-subtle-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)) { /* Lighten link color on dark backgrounds */ filter: brightness(2.05) saturate(0.87); text-decoration-line: none; } :root :where(.is-dark-theme) .has-contrast-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-white-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-off-white-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-very-dark-gray-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-very-light-green-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-very-light-yellow-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-very-light-orange-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-very-light-blue-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-very-light-purple-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-very-light-red-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)) { /* Darken link color on light backgrounds */ filter: brightness(0.52) saturate(1.6); text-decoration-line: none; } :root :where(.is-dark-theme) .has-secondary-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-secondary-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-secondary-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-secondary-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-secondary-alt-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-secondary-alt-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-tertiary-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-tertiary-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-tertiary-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-tertiary-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-tertiary-alt-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-tertiary-alt-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-neutral-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-neutral-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-neutral-alt-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-neutral-alt-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-very-light-gray-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-very-light-gray-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-light-gray-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-light-gray-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-gray-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-gray-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-midnight-blue-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) .has-midnight-blue-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-midnight-blue-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover, :root :where(.is-dark-theme) .has-dark-midnight-blue-background-color:is(.site-footer, .footer-info) a:not(.wp-element-button, .wp-block-social-link-anchor):hover, :root :where(.is-dark-theme) .has-dark-midnight-blue-background-color:is(.site-footer, .footer-info) .wp-block-navigation-item:hover { /* Lighten link color on dark backgrounds */ color: var(--wp--preset--color--highlight); text-decoration-line: none; } :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-secondary-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-secondary-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-tertiary-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-tertiary-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-primary-subtle-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-secondary-subtle-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-tertiary-subtle-alt-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-contrast-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-white-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-off-white-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-very-dark-gray-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-very-light-green-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-very-light-yellow-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-very-light-orange-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-very-light-blue-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-very-light-purple-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-very-light-red-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)), :root :where(.is-dark-theme) :where(:root) .wp-block-post-content .has-midnight-blue-background-color :where(a:not(.wp-element-button, .wp-block-social-link-anchor, .wp-block-navigation-item__content)) { /* Underline links */ text-decoration-line: none; } /* ========================================================================== 40 DARK-MODE COLORS: Apply text, heading, and link colors for dark-mode color schemes. ========================================================================== */ :root :where(.is-dark-theme) .has-primary-subtle-background-color { color: var(--wp--custom--color--contrast--primary-subtle, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-secondary-subtle-background-color { color: var(--wp--custom--color--contrast--secondary-subtle, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-tertiary-subtle-background-color { color: var(--wp--custom--color--contrast--tertiary-subtle, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-primary-subtle-alt-background-color { color: var(--wp--custom--color--contrast--primary-subtle-alt, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-secondary-subtle-alt-background-color { color: var(--wp--custom--color--contrast--secondary-subtle-alt, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-tertiary-subtle-alt-background-color { color: var(--wp--custom--color--contrast--tertiary-subtle-alt, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-contrast-background-color { color: var(--wp--custom--color--contrast--contrast, var(--wp--preset--color--almost-black)); } :root :where(.is-dark-theme) .has-neutral-background-color { color: var(--wp--custom--color--contrast--neutral, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-neutral-alt-background-color { color: var(--wp--custom--color--contrast--neutral-alt, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-very-light-gray-background-color { color: var(--wp--custom--color--contrast--very-light-gray, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-light-gray-background-color { color: var(--wp--custom--color--contrast--light-gray, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-gray-background-color { color: var(--wp--custom--color--contrast--gray, var(--wp--preset--color--foreground-alt)); } :root :where(.is-dark-theme) .has-dark-gray-background-color { color: var(--wp--custom--color--contrast--dark-gray, var(--wp--preset--color--almost-black)); }