refactor home/tiling
refactor home/terminal refactor home/apps refactor home/services refactor home/games
This commit is contained in:
parent
c241155b93
commit
e228035134
31 changed files with 39 additions and 21 deletions
130
home/services/gtk.nix
Normal file
130
home/services/gtk.nix
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
{
|
||||
config,
|
||||
pkgs,
|
||||
lib,
|
||||
...
|
||||
}: let
|
||||
colors = pkgs.catppuccin.hex.${config.catppuccin.flavor};
|
||||
|
||||
mkColorSection = name: value: "@define-color ${name} ${value};";
|
||||
|
||||
generateCSS = ''
|
||||
/* 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 = {
|
||||
".config/gtk-4.0/gtk.css" = {
|
||||
text = generateCSS;
|
||||
force = true;
|
||||
};
|
||||
".config/gtk-3.0/gtk.css" = {
|
||||
text = generateCSS;
|
||||
force = true;
|
||||
};
|
||||
};
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue