From 874ec7f38f91ced6f8b836db4d06c3eebcc9163f Mon Sep 17 00:00:00 2001
From: Arpit Chakladar <arpitchakladar@gmail.com>
Date: Tue, 15 Sep 2026 21:21:28 +0530
Subject: feat(colors/base16): using the new base16 colorscheme in all modules

---
 modules/desktop/xdg/default.nix        |   4 +-
 modules/desktop/xdg/style.css          | 150 +++++++++++++++++++++++++++++++++
 modules/desktop/xdg/style.mustache.css | 150 ---------------------------------
 3 files changed, 152 insertions(+), 152 deletions(-)
 create mode 100644 modules/desktop/xdg/style.css
 delete mode 100644 modules/desktop/xdg/style.mustache.css

(limited to 'modules/desktop/xdg')

diff --git a/modules/desktop/xdg/default.nix b/modules/desktop/xdg/default.nix
index e472e29..ef27182 100644
--- a/modules/desktop/xdg/default.nix
+++ b/modules/desktop/xdg/default.nix
@@ -27,7 +27,7 @@
       let
         gtkCss = builtins.readFile (
           config.scheme {
-            template = builtins.readFile ./style.mustache.css;
+            template = builtins.readFile ./style.css;
             extension = ".css";
           }
         );
@@ -55,7 +55,7 @@
         gtk3.extraCss = gtkCss;
         gtk4 = {
           # GTK 4/libadwaita does not support loading GTK 3 themes; use the
-          # Base16 CSS above without Home Manager's compatibility workaround.
+          # OneDark Dark CSS above without Home Manager's compatibility workaround.
           theme = null;
           extraCss = gtkCss;
         };
diff --git a/modules/desktop/xdg/style.css b/modules/desktop/xdg/style.css
new file mode 100644
index 0000000..53bedfc
--- /dev/null
+++ b/modules/desktop/xdg/style.css
@@ -0,0 +1,150 @@
+@define-color theme_bg_color #@@base00@@;
+@define-color theme_fg_color #@@base05@@;
+@define-color theme_base_color #@@base00@@;
+@define-color theme_text_color #@@base05@@;
+@define-color theme_selected_bg_color #@@base0D@@;
+@define-color theme_selected_fg_color #@@base00@@;
+@define-color theme_unfocused_bg_color #@@base01@@;
+@define-color theme_unfocused_fg_color #@@base04@@;
+@define-color theme_unfocused_base_color #@@base00@@;
+@define-color theme_unfocused_text_color #@@base04@@;
+@define-color theme_unfocused_selected_bg_color #@@base0D@@;
+@define-color theme_unfocused_selected_fg_color #@@base00@@;
+@define-color theme_tooltip_bg_color #@@base00@@;
+@define-color theme_tooltip_fg_color #@@base06@@;
+@define-color borders #@@base03@@;
+@define-color unfocused_borders #@@base02@@;
+@define-color accent_color #@@base0D@@;
+@define-color warning_color #@@base0A@@;
+@define-color error_color #@@base08@@;
+@define-color success_color #@@base0B@@;
+@define-color placeholder_text_color #@@base03@@;
+@define-color insensitive_bg_color #@@base01@@;
+@define-color insensitive_fg_color #@@base03@@;
+
+window, dialog, .background {
+  background-color: @theme_bg_color;
+  color: @theme_fg_color;
+}
+
+headerbar, titlebar, .titlebar, .headerbar, toolbar, .toolbar, menubar,
+actionbar, .sidebar, .nav-bar {
+  background-color: @theme_unfocused_bg_color;
+  color: @theme_fg_color;
+  border-color: @borders;
+}
+
+menu, .menu, popover, .popover, menupopover {
+  background-color: @theme_unfocused_bg_color;
+  color: @theme_fg_color;
+  border-color: @borders;
+}
+
+button, entry, spinbutton, combobox button, textview, .view, list, row,
+listview, .list, flowbox, treeview, calendar, notebook > stack, scrolledwindow {
+  background-color: @theme_base_color;
+  color: @theme_text_color;
+  border-color: @borders;
+  border-radius: 0;
+  box-shadow: none;
+  caret-color: @theme_text_color;
+}
+
+button:hover, entry:hover, row:hover {
+  border-color: #@@base04@@;
+}
+
+button:active, button:checked, button:default, entry:focus,
+spinbutton:focus, switch:checked, check:checked, radio:checked {
+  border-color: @theme_selected_bg_color;
+}
+
+button.suggested-action, button.destructive-action, .suggested-action,
+.destructive-action {
+  border-color: @theme_selected_bg_color;
+}
+
+button.destructive-action, .destructive-action {
+  border-color: @error_color;
+}
+
+selection, entry selection, textview selection, row:selected, .selected,
+flowboxchild:selected, menu menuitem:hover, menu menuitem:selected,
+popover row:hover, popover row:selected {
+  background-color: @theme_selected_bg_color;
+  color: @theme_selected_fg_color;
+}
+
+headerbar button, toolbar button, menubar button {
+  background-color: transparent;
+}
+
+treeview header button {
+  background-color: #@@base01@@;
+  color: @theme_text_color;
+  border-color: @borders;
+}
+
+switch, scale trough, progressbar trough, scrollbar slider {
+  background-color: #@@base02@@;
+  border-color: @borders;
+}
+
+switch slider, scale slider {
+  background-color: #@@base06@@;
+  border-color: #@@base02@@;
+}
+
+scale highlight, scale fill, progressbar progress {
+  background-color: @theme_selected_bg_color;
+}
+
+scrollbar {
+  background-color: #@@base01@@;
+}
+
+scrollbar slider:hover {
+  background-color: #@@base04@@;
+}
+
+notebook tab, notebook > header tabs tab {
+  background-color: #@@base01@@;
+  border-color: @borders;
+}
+
+notebook tab:checked, notebook > header tabs tab:checked {
+  background-color: @theme_base_color;
+  border-bottom-color: @theme_selected_bg_color;
+}
+
+separator, paned > separator {
+  background-color: #@@base02@@;
+}
+
+tooltip, .tooltip {
+  background-color: @theme_tooltip_bg_color;
+  color: @theme_tooltip_fg_color;
+  border-color: @borders;
+}
+
+statusbar, .statusbar {
+  background-color: @theme_bg_color;
+  color: #@@base04@@;
+}
+
+link, .link {
+  color: #@@base0D@@;
+}
+
+expander, arrow {
+  color: #@@base04@@;
+}
+
+label:disabled, button:disabled {
+  color: @insensitive_fg_color;
+  background-color: @insensitive_bg_color;
+}
+
+.dim-label {
+  color: #@@base04@@;
+}
diff --git a/modules/desktop/xdg/style.mustache.css b/modules/desktop/xdg/style.mustache.css
deleted file mode 100644
index 4377184..0000000
--- a/modules/desktop/xdg/style.mustache.css
+++ /dev/null
@@ -1,150 +0,0 @@
-@define-color theme_bg_color #{{base00}};
-@define-color theme_fg_color #{{base05}};
-@define-color theme_base_color #{{base00}};
-@define-color theme_text_color #{{base05}};
-@define-color theme_selected_bg_color #{{base0D}};
-@define-color theme_selected_fg_color #{{base00}};
-@define-color theme_unfocused_bg_color #{{base01}};
-@define-color theme_unfocused_fg_color #{{base04}};
-@define-color theme_unfocused_base_color #{{base00}};
-@define-color theme_unfocused_text_color #{{base04}};
-@define-color theme_unfocused_selected_bg_color #{{base0D}};
-@define-color theme_unfocused_selected_fg_color #{{base00}};
-@define-color theme_tooltip_bg_color #{{base00}};
-@define-color theme_tooltip_fg_color #{{base06}};
-@define-color borders #{{base03}};
-@define-color unfocused_borders #{{base02}};
-@define-color accent_color #{{base0D}};
-@define-color warning_color #{{base0A}};
-@define-color error_color #{{base08}};
-@define-color success_color #{{base0B}};
-@define-color placeholder_text_color #{{base03}};
-@define-color insensitive_bg_color #{{base01}};
-@define-color insensitive_fg_color #{{base03}};
-
-window, dialog, .background {
-  background-color: @theme_bg_color;
-  color: @theme_fg_color;
-}
-
-headerbar, titlebar, .titlebar, .headerbar, toolbar, .toolbar, menubar,
-actionbar, .sidebar, .nav-bar {
-  background-color: @theme_unfocused_bg_color;
-  color: @theme_fg_color;
-  border-color: @borders;
-}
-
-menu, .menu, popover, .popover, menupopover {
-  background-color: @theme_unfocused_bg_color;
-  color: @theme_fg_color;
-  border-color: @borders;
-}
-
-button, entry, spinbutton, combobox button, textview, .view, list, row,
-listview, .list, flowbox, treeview, calendar, notebook > stack, scrolledwindow {
-  background-color: @theme_base_color;
-  color: @theme_text_color;
-  border-color: @borders;
-  border-radius: 0;
-  box-shadow: none;
-  caret-color: @theme_text_color;
-}
-
-button:hover, entry:hover, row:hover {
-  border-color: #{{base04}};
-}
-
-button:active, button:checked, button:default, entry:focus,
-spinbutton:focus, switch:checked, check:checked, radio:checked {
-  border-color: @theme_selected_bg_color;
-}
-
-button.suggested-action, button.destructive-action, .suggested-action,
-.destructive-action {
-  border-color: @theme_selected_bg_color;
-}
-
-button.destructive-action, .destructive-action {
-  border-color: @error_color;
-}
-
-selection, entry selection, textview selection, row:selected, .selected,
-flowboxchild:selected, menu menuitem:hover, menu menuitem:selected,
-popover row:hover, popover row:selected {
-  background-color: @theme_selected_bg_color;
-  color: @theme_selected_fg_color;
-}
-
-headerbar button, toolbar button, menubar button {
-  background-color: transparent;
-}
-
-treeview header button {
-  background-color: #{{base01}};
-  color: @theme_text_color;
-  border-color: @borders;
-}
-
-switch, scale trough, progressbar trough, scrollbar slider {
-  background-color: #{{base02}};
-  border-color: @borders;
-}
-
-switch slider, scale slider {
-  background-color: #{{base06}};
-  border-color: #{{base02}};
-}
-
-scale highlight, scale fill, progressbar progress {
-  background-color: @theme_selected_bg_color;
-}
-
-scrollbar {
-  background-color: #{{base01}};
-}
-
-scrollbar slider:hover {
-  background-color: #{{base04}};
-}
-
-notebook tab, notebook > header tabs tab {
-  background-color: #{{base01}};
-  border-color: @borders;
-}
-
-notebook tab:checked, notebook > header tabs tab:checked {
-  background-color: @theme_base_color;
-  border-bottom-color: @theme_selected_bg_color;
-}
-
-separator, paned > separator {
-  background-color: #{{base02}};
-}
-
-tooltip, .tooltip {
-  background-color: @theme_tooltip_bg_color;
-  color: @theme_tooltip_fg_color;
-  border-color: @borders;
-}
-
-statusbar, .statusbar {
-  background-color: @theme_bg_color;
-  color: #{{base04}};
-}
-
-link, .link {
-  color: #{{base0D}};
-}
-
-expander, arrow {
-  color: #{{base04}};
-}
-
-label:disabled, button:disabled {
-  color: @insensitive_fg_color;
-  background-color: @insensitive_bg_color;
-}
-
-.dim-label {
-  color: #{{base04}};
-}
-- 
cgit v1.2.3