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
+}