nix/home/theming/default.nix
2026-01-07 13:44:43 -05:00

295 lines
8.1 KiB
Nix

{
config,
pkgs,
lib,
...
}: let
colors = pkgs.catppuccin.hex.${config.catppuccin.flavor};
mkColorSection = name: value: "@define-color ${name} ${value};";
gtk4CSS = ''
/* Catppuccin ${lib.toUpper (builtins.substring 0 1 config.catppuccin.flavor)}${builtins.substring 1 (-1) config.catppuccin.flavor} ${lib.toUpper (builtins.substring 0 1 config.catppuccin.accent)}${builtins.substring 1 (-1) config.catppuccin.accent} Palette */
/* Base colors */
${mkColorSection "window_bg_color" colors.base}
${mkColorSection "window_fg_color" colors.text}
/* View styling */
${mkColorSection "view_bg_color" colors.base}
${mkColorSection "view_fg_color" colors.text}
/* Header bar */
${mkColorSection "headerbar_bg_color" colors.mantle}
${mkColorSection "headerbar_backdrop_color" colors.mantle}
${mkColorSection "headerbar_fg_color" colors.text}
/* Popovers and dialogs */
${mkColorSection "popover_bg_color" colors.base}
${mkColorSection "popover_fg_color" colors.text}
@define-color dialog_bg_color @popover_bg_color;
@define-color dialog_fg_color @popover_fg_color;
/* Cards and sidebars */
${mkColorSection "card_bg_color" colors.mantle}
${mkColorSection "card_fg_color" colors.text}
${mkColorSection "sidebar_bg_color" colors.mantle}
${mkColorSection "sidebar_fg_color" colors.text}
@define-color sidebar_backdrop_color @sidebar_bg_color;
${mkColorSection "sidebar_border_color" colors.surface0}
@define-color secondary_sidebar_bg_color @sidebar_bg_color;
@define-color secondary_sidebar_fg_color @sidebar_fg_color;
@define-color secondary_sidebar_backdrop_color @sidebar_backdrop_color;
@define-color secondary_sidebar_border_color @sidebar_border_color;
/* Catppuccin accent colors */
${mkColorSection "blue_1" colors.blue}
${mkColorSection "blue_2" colors.sapphire}
${mkColorSection "blue_3" colors.sky}
${mkColorSection "blue_4" colors.teal}
${mkColorSection "blue_5" colors.lavender}
${mkColorSection "green_1" colors.green}
${mkColorSection "green_2" colors.teal}
${mkColorSection "green_3" colors.sky}
${mkColorSection "green_4" colors.sapphire}
${mkColorSection "green_5" colors.blue}
${mkColorSection "yellow_1" colors.yellow}
${mkColorSection "yellow_2" colors.peach}
${mkColorSection "yellow_3" colors.yellow}
${mkColorSection "yellow_4" colors.red}
${mkColorSection "yellow_5" colors.maroon}
${mkColorSection "orange_1" colors.peach}
${mkColorSection "orange_2" colors.red}
${mkColorSection "orange_3" colors.maroon}
${mkColorSection "orange_4" colors.yellow}
${mkColorSection "orange_5" colors.green}
${mkColorSection "red_1" colors.red}
${mkColorSection "red_2" colors.maroon}
${mkColorSection "red_3" colors.pink}
${mkColorSection "red_4" colors.flamingo}
${mkColorSection "red_5" colors.rosewater}
${mkColorSection "purple_1" colors.mauve}
${mkColorSection "purple_2" colors.lavender}
${mkColorSection "purple_3" colors.pink}
${mkColorSection "purple_4" colors.flamingo}
${mkColorSection "purple_5" colors.rosewater}
${mkColorSection "brown_1" colors.surface2}
${mkColorSection "brown_2" colors.overlay0}
${mkColorSection "brown_3" colors.overlay1}
${mkColorSection "brown_4" colors.overlay2}
${mkColorSection "brown_5" colors.subtext1}
${mkColorSection "light_1" colors.text}
${mkColorSection "light_2" colors.subtext0}
${mkColorSection "light_3" colors.subtext1}
${mkColorSection "light_4" colors.blue}
${mkColorSection "light_5" colors.overlay0}
${mkColorSection "dark_1" colors.surface0}
${mkColorSection "dark_2" colors.surface1}
${mkColorSection "dark_3" colors.surface2}
${mkColorSection "dark_4" colors.mantle}
${mkColorSection "dark_5" colors.crust}
/* Custom rules */
toast {
background-color: @window_bg_color;
color: @window_fg_color;
}
toggle:checked {
background-color: @card_bg_color;
color: @window_fg_color;
}
.inline {
background-color: rgba(0, 0, 0, 0);
}
/* Accent */
${mkColorSection "accent_bg_color" colors.${config.catppuccin.accent}}
@define-color accent_fg_color @window_bg_color;
'';
in {
home.file = {
".icons/default/index.theme" = {
text = ''
[Icon Theme]
Name=Default
Comment=Default Cursor Theme
Inherits=${config.userOptions.cursor.name}
'';
force = true;
};
".config/gtk-4.0/gtk.css" = {
text = gtk4CSS;
force = true;
};
};
home.pointerCursor = {
gtk.enable = true;
name = config.userOptions.cursor.name;
package = config.userOptions.cursor.package;
size = config.userOptions.cursor.size;
};
home.sessionVariables = {
QT_QPA_PLATFORMTHEME = "qt6ct";
};
gtk = {
enable = true;
colorScheme =
if config.userOptions.isDark
then "dark"
else "light";
# theme = {
# package = pkgs.kdePackages.breeze-gtk;
# name =
# if config.userOptions.isDark
# then "Breeze-Dark"
# else "Breeze";
# };
iconTheme = {
name =
if config.userOptions.isDark
then "Colloid-Dark"
else "Colloid-Light";
package = pkgs.colloid-icon-theme;
};
cursorTheme = {
name = config.home.pointerCursor.name;
package = config.home.pointerCursor.package;
size = config.home.pointerCursor.size;
};
gtk3.extraConfig = {
gtk-application-prefer-dark-theme = true;
};
gtk4.extraConfig = {
gtk-application-prefer-dark-theme = true;
};
};
qt = {
enable = true;
qt5ctSettings = {
Appearance = {
style = "Breeze";
icon_theme = config.gtk.iconTheme.name;
color_scheme_path = "/home/${config.userOptions.username}/.config/qt5ct/qt5ct.conf";
custom_palette = true;
standard_dialogs = "xdgdesktopportal";
};
Fonts = config.qt.qt6ctSettings.Fonts;
ColorScheme = config.qt.qt6ctSettings.ColorScheme;
};
qt6ctSettings = {
Appearance = {
style = "Breeze";
icon_theme = config.gtk.iconTheme.name;
color_scheme_path = "/home/${config.userOptions.username}/.config/qt6ct/qt6ct.conf";
custom_palette = true;
standard_dialogs = "xdgdesktopportal";
};
Fonts = {
fixed = "\"${config.userOptions.fontMono.name},${toString config.userOptions.fontMono.size}\"";
general = "\"${config.userOptions.fontSans.name},${toString config.userOptions.fontSans.size}\"";
};
ColorScheme = let
c = pkgs.catppuccin.bare.${config.catppuccin.flavor};
accent = c.${config.catppuccin.accent};
mkColors = roles: builtins.concatStringsSep ", " (map (r: "#ff${r}") roles);
in {
active_colors = mkColors [
c.text
c.surface0
c.surface1
c.surface0
c.base
c.mantle
c.text
c.text
c.text
c.base
c.mantle
c.crust
accent
c.base
accent
c.mauve
c.mantle
"000000"
c.base
c.text
c.overlay0
accent
];
disabled_colors = mkColors [
c.overlay0
c.surface0
c.surface1
c.surface0
c.overlay0
c.mantle
c.overlay0
c.text
c.overlay0
c.surface0
c.surface0
c.mantle
c.overlay1
c.text
"0000ff"
"ff00ff"
c.surface0
"000000"
c.surface0
c.base
"80000000"
c.overlay1
];
inactive_colors = mkColors [
c.text
c.surface0
c.surface1
c.surface0
c.base
c.mantle
c.text
c.text
c.text
c.base
c.mantle
c.crust
accent
c.base
accent
c.mauve
c.mantle
"000000"
c.base
c.text
c.overlay0
accent
];
};
};
};
}