refactor gtk and qt themes
This commit is contained in:
parent
54d66cffc1
commit
14e786684c
GPG key ID:
00F325187C68651A
4 changed files with 258 additions and 329 deletions
|
|
@ -1,122 +1,10 @@
|
|||
{
|
||||
config,
|
||||
pkgs,
|
||||
lib,
|
||||
...
|
||||
}: let
|
||||
colors = pkgs.catppuccin.hex.${config.catppuccin.flavor};
|
||||
}: {
|
||||
imports = [./gtk.nix ./qt.nix];
|
||||
|
||||
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 = ''
|
||||
|
|
@ -127,10 +15,6 @@ in {
|
|||
'';
|
||||
force = true;
|
||||
};
|
||||
".config/gtk-4.0/gtk.css" = {
|
||||
text = gtk4CSS;
|
||||
force = true;
|
||||
};
|
||||
};
|
||||
|
||||
home.pointerCursor = {
|
||||
|
|
@ -182,114 +66,4 @@ in {
|
|||
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
|
||||
];
|
||||
};
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue