diff --git a/styles/elk/catppuccin.user.css b/styles/elk/catppuccin.user.css
index 8c669cb..0203ef3 100644
--- a/styles/elk/catppuccin.user.css
+++ b/styles/elk/catppuccin.user.css
@@ -9,12 +9,16 @@
 @license 		MIT
 
 @preprocessor less
-@var select flavor "Flavor" ["latte:Latte", "frappe:Frappe", "macchiato:Macchiato", "mocha:Mocha*"]
+@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappe", "macchiato:Macchiato", "mocha:Mocha"]
+@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappe", "macchiato:Macchiato", "mocha:Mocha*"]
 @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red*", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
 ==/UserStyle== */
 @-moz-document domain("elk.zone") {
-  :root {
-    #catppuccin(@flavor, @accentColor);
+  :root.dark {
+    #catppuccin(@darkFlavor, @accentColor);
+  }
+  :root.light {
+    #catppuccin(@lightFlavor, @accentColor);
   }
 
   @catppuccin: {