_sass/_variables.scss in jekyll-theme-simplex-0.9.4 vs _sass/_variables.scss in jekyll-theme-simplex-0.9.5

- old
+ new

@@ -26,36 +26,78 @@ // ELEMENT COLORS :root{ @media (prefers-color-scheme: light){ + --c-articleHeading: var(--c-themePrimaryDark); --c-articleParagraph: var(--c-themeSecondaryDark); --c-articleBackground: var(--c-themePrimaryLight); --c-pageBackground: var(--c-themePrimaryLight); + --c-headerImageFilter: none; --c-menuLinks: var(--c-themePrimaryDark); --c-menuDepth0: var(--c-themeSecondaryLight); + --c-menuItemsFilter: brightness(0); + --c-menuItemsFilterHover: none; + --c-menuShadow: rgba(0,0,0,0.5); --c-snippetBackgroundExternal: rgba(239, 239, 239, 0.425); --c-snippetBackgroundInternal: var(--c-pageBackground); - + --c-snippetHeading: var(--c-themePrimaryDark); --c-snippetDate: var(--c-themeSecondaryDark); + --c-snippetAuthor: var(--c-themePrimaryDark); + --c-snippetShadowHover: rgba(0,0,0,0.5); + --c-snippetShadow: rgba(0, 0, 0, 0); + --c-postTitle: var(--c-themePrimaryDark); + --c-postText: var(--c-themePrimaryDark); + --c-pageTitle: var(--c-themePrimaryDark); + --c-pageText: var(--c-themePrimaryDark); + + --c-feed-title: var(--c-themePrimaryDark); + --c-link: var(--c-themeTerniaryDark); --c-linkVisited: var(--c-themeQuaternaryDark); --c-linkHover: var(--c-themePrimaryDark); --c-linkActive: var(--c-themePrimaryDark); + + --c-footerText: var(--c-themePrimaryDark); + --c-footerImageFilter: none; } @media (prefers-color-scheme: dark){ + --c-headerImageFilter: invert(1); + --c-menuLinks: var(--c-themePrimaryLight); + --c-menuDepth0: var(--c-themeSecondaryLight); + --c-menuItemsFilter: none; + --c-menuItemsFilterHover: brightness(100); + --c-menuShadow: rgba(255, 255, 255, 0.2); + --c-articleHeading: var(--c-themePrimaryLight); --c-articleParagraph: var(--c-themeSecondaryLight); --c-articleBackground: var(--c-themePrimaryDark); + --c-snippetHeading: var(--c-themePrimaryLight); + --c-snippetDate: var(--c-themeSecondaryLight); + --c-snippetAuthor: var(--c-themePrimaryLight); + + --c-snippetShadowHover: rgba(255, 255, 255, 0.5); + --c-snippetShadow: rgba(0, 0, 0, 0); + + --c-postTitle: var(--c-themePrimaryLight); + --c-postText: var(--c-themePrimaryLight); + --c-pageTitle: var(--c-themePrimaryLight); + --c-pageText: var(--c-themePrimaryLight); + + --c-feed-title: var(--c-themePrimaryLight); + --c-pageBackground: var(--c-themePrimaryDark); + + --c-footerText: var(--c-themePrimaryLight); + --c-footerImageFilter: invert(1); } } // SIZES \ No newline at end of file