From b741e37a236602be83e4a7ea4aa9fcc9f77c64ea Mon Sep 17 00:00:00 2001 From: XYenon Date: Wed, 2 Aug 2023 21:25:22 +0800 Subject: [PATCH] fix(github): update dark theme conditions (#156) --- styles/github/catppuccin.user.css | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/styles/github/catppuccin.user.css b/styles/github/catppuccin.user.css index ec9fb1d..4c3e82d 100644 --- a/styles/github/catppuccin.user.css +++ b/styles/github/catppuccin.user.css @@ -133,16 +133,24 @@ @-moz-document regexp("https:\/\/(gist\.)*github\.com(?!\/(marketplace|organizations\/plan)).*") { - [data-color-mode="auto"][data-dark-theme*="light"], - [data-color-mode="light"][data-light-theme*="dark"], - [data-color-mode="light"][data-light-theme*="light"] { + [data-color-mode="light"], + [data-color-mode="auto"] > .theme-light { #catppuccin(@lightFlavor, @accentColor); } - [data-color-mode="dark"][data-dark-theme*="dark"], - [data-color-mode="dark"][data-dark-theme*="light"], - [data-color-mode="auto"][data-dark-theme*="dark"] { + @media (prefers-color-scheme: light) { + [data-color-mode="auto"] { + #catppuccin(@lightFlavor, @accentColor); + } + } + [data-color-mode="dark"], + [data-color-mode="auto"] > .theme-dark { #catppuccin(@darkFlavor, @accentColor); } + @media (prefers-color-scheme: dark) { + [data-color-mode="auto"] { + #catppuccin(@darkFlavor, @accentColor); + } + } #coloredButton(@name, @color) { --color-btn-@{name}-text: @base; @@ -1633,4 +1641,4 @@ --jp-icon-contrast-color2: var(--color-scale-pink-6); --jp-icon-contrast-color3: var(--color-scale-blue-6); } -} \ No newline at end of file +}