From 2f6748deb789e08619ac95801b2ae7dfb21c5097 Mon Sep 17 00:00:00 2001
From: Sean Kovacs <kovacsmillio@gmail.com>
Date: Thu, 18 Dec 2025 10:49:20 -0500
Subject: [PATCH] wip: update firefox theme

---
 .../chrome/theme/{colors.css => theme.css}    |  4 ++
 home/graphical/firefox/chrome/userChrome.css  |  3 +-
 home/graphical/firefox/default.nix            | 45 ++++++++++++++++++-
 3 files changed, 49 insertions(+), 3 deletions(-)
 rename home/graphical/firefox/chrome/theme/{colors.css => theme.css} (98%)

diff --git a/home/graphical/firefox/chrome/theme/colors.css b/home/graphical/firefox/chrome/theme/theme.css
similarity index 98%
rename from home/graphical/firefox/chrome/theme/colors.css
rename to home/graphical/firefox/chrome/theme/theme.css
index a2221f1..20fb79d 100644
--- a/home/graphical/firefox/chrome/theme/colors.css
+++ b/home/graphical/firefox/chrome/theme/theme.css
@@ -1,5 +1,9 @@
 /* Dark theme */
 @media (prefers-color-scheme: dark) {
+  #nav-bar,
+  #PersonalToolbar {
+    background-color: rgb(24, 24, 37) !important;
+  }
   :root {
     .tabbrowser-tab[selected="true"] .tab-background {
       border: 1px solid #313244 !important;
diff --git a/home/graphical/firefox/chrome/userChrome.css b/home/graphical/firefox/chrome/userChrome.css
index 46cf3bf..a93785e 100644
--- a/home/graphical/firefox/chrome/userChrome.css
+++ b/home/graphical/firefox/chrome/userChrome.css
@@ -1,2 +1,3 @@
-@import "./theme/colors.css";
+@import "./colors.css";
+@import "./theme/theme.css";
 @import "./theme/hide.css";
diff --git a/home/graphical/firefox/default.nix b/home/graphical/firefox/default.nix
index 773c83b..6137f62 100644
--- a/home/graphical/firefox/default.nix
+++ b/home/graphical/firefox/default.nix
@@ -8,8 +8,49 @@
 }:
 
 {
-  home.file.".mozilla/firefox/default/chrome" = {
-    source = ./chrome;
+  home.file.".mozilla/firefox/default/chrome/theme" = {
+    source = ./chrome/theme;
+    force = true;
+    recursive = true;
+  };
+
+  home.file.".mozilla/firefox/default/chrome/userChrome.css" = {
+    source = ./chrome/userChrome.css;
+    force = true;
+  };
+
+  home.file.".mozilla/firefox/default/chrome/colors.css" = {
+    text = ''
+      * {
+        --accent: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.${config.catppuccin.accent}};
+        --rosewater: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.rosewater};
+        --flamingo: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.flamingo};
+        --pink: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.pink};
+        --mauve: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.mauve};
+        --red: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.red};
+        --maroon: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.maroon};
+        --peach: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.peach};
+        --yellow: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.yellow};
+        --green: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.green};
+        --teal: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.teal};
+        --sky: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.sky};
+        --sapphire: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.sapphire};
+        --blue: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.blue};
+        --lavender: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.lavender};
+        --text: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.text};
+        --subtext1: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.subtext1};
+        --subtext0: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.subtext0};
+        --overlay2: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.overlay2};
+        --overlay1: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.overlay1};
+        --overlay0: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.overlay0};
+        --surface2: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.surface2};
+        --surface1: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.surface1};
+        --surface0: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.surface0};
+        --base: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.base};
+        --mantle: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.mantle};
+        --crust: ${pkgs.catppuccin.rgb.${config.catppuccin.flavor}.crust};
+      }
+    '';
     force = true;
   };