diff --git a/home/modules/appearance/gtk.nix b/home/modules/appearance/gtk.nix index a571a50..1b81031 100644 --- a/home/modules/appearance/gtk.nix +++ b/home/modules/appearance/gtk.nix @@ -6,14 +6,15 @@ ... }: let inherit (lib) mkIf; - inherit (osConfig.ooknet.appearance.colorscheme) palette; - cfg = config.ooknet.gtk; + inherit (osConfig.ooknet.appearance) fonts; + + gtkCss = import ./gtkCss.nix {inherit osConfig;}; in { - config = mkIf cfg.enable rec { + config = rec { gtk = { enable = true; font = { - name = config.ooknet.fonts.regular.family; + name = fonts.regular.family; size = 12; }; theme = { @@ -21,9 +22,11 @@ in { package = pkgs.adw-gtk3; }; iconTheme = { - name = "Papirus-Dark"; - package = pkgs.papirus-icon-theme; + name = "Gruvbox-Plus-Dark"; + package = pkgs.gruvbox-plus-icons; }; + gtk3.extraCss = gtkCss; + gtk4.extraCss = gtkCss; }; #TODO: add gtk css configuration diff --git a/home/modules/appearance/gtkCss.nix b/home/modules/appearance/gtkCss.nix new file mode 100644 index 0000000..30ea38c --- /dev/null +++ b/home/modules/appearance/gtkCss.nix @@ -0,0 +1,86 @@ +{osConfig}: let + inherit (osConfig.ooknet.appearance.colorscheme) palette; +in + with palette; + #css + '' + + @define-color accent_color #${blue}; + @define-color accent_bg_color #${dull-blue}; + @define-color accent_fg_color #${text}; + @define-color destructive_color #${blue}; + @define-color destructive_bg_color #${dull-blue}; + @define-color destructive_fg_color #${text}; + @define-color success_color #${cyan}; + @define-color success_bg_color #${green}; + @define-color success_fg_color #${text}; + @define-color warning_color #${yellow}; + @define-color warning_bg_color #${red}; + @define-color warning_fg_color #${text}; + @define-color error_color #${red}; + @define-color error_bg_color #${dull-red}; + @define-color error_fg_color #${text}; + @define-color window_bg_color #${crust}; + @define-color window_fg_color #${text}; + @define-color view_bg_color #${mantle}; + @define-color view_fg_color #${text}; + @define-color headerbar_bg_color #${base}; + @define-color headerbar_fg_color #${text}; + @define-color headerbar_border_color #${text}; + @define-color headerbar_backdrop_color @window_bg_color; + @define-color headerbar_shade_color rgba(0, 0, 0, 0.36); + @define-color card_bg_color rgba(255, 255, 255, 0.08); + @define-color card_fg_color #${text}; + @define-color card_shade_color rgba(0, 0, 0, 0.36); + @define-color dialog_bg_color #${mantle}; + @define-color dialog_fg_color #${text}; + @define-color popover_bg_color #${mantle}; + @define-color popover_fg_color #${text}; + @define-color shade_color rgba(0,0,0,0.36); + @define-color scrollbar_outline_color rgba(0,0,0,0.5); + @define-color blue_1 #${blue}; + @define-color blue_2 #${blue}; + @define-color blue_3 #${blue}; + @define-color blue_4 #${blue}; + @define-color blue_5 #${blue}; + @define-color green_1 #b8bb26; + @define-color green_2 #b8bb26; + @define-color green_3 #b8bb26; + @define-color green_4 #b8bb26; + @define-color green_5 #b8bb26; + @define-color yellow_1 #fabd2f; + @define-color yellow_2 #fabd2f; + @define-color yellow_3 #fabd2f; + @define-color yellow_4 #fabd2f; + @define-color yellow_5 #fabd2f; + @define-color orange_1 #fe8019; + @define-color orange_2 #fe8019; + @define-color orange_3 #fe8019; + @define-color orange_4 #fe8019; + @define-color orange_5 #fe8019; + @define-color red_1 #fb4934; + @define-color red_2 #fb4934; + @define-color red_3 #fb4934; + @define-color red_4 #fb4934; + @define-color red_5 #fb4934; + @define-color purple_1 #d3869b; + @define-color purple_2 #d3869b; + @define-color purple_3 #d3869b; + @define-color purple_4 #d3869b; + @define-color purple_5 #d3869b; + @define-color brown_1 #d65d0e; + @define-color brown_2 #d65d0e; + @define-color brown_3 #d65d0e; + @define-color brown_4 #d65d0e; + @define-color brown_5 #d65d0e; + @define-color light_1 #${base05}; + @define-color light_2 #${base06}; + @define-color light_3 #${base07}; + @define-color light_4 #${base07}; + @define-color light_5 #${base07}; + @define-color dark_1 #${base00}; + @define-color dark_2 #${base01}; + @define-color dark_3 #${base02}; + @define-color dark_4 #${base03}; + @define-color dark_5 #${base04}; + ''