ooks/ooknet
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(home:gtk): add gtk colorscheme css

Browse source
This commit is contained in:
ooks-io 2024-08-07 21:53:05 +12:00
parent ceb66c03cf
commit 97a358f976
2 changed files with 95 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
home/modules/appearance/gtk.nix
View file

@ -6,14 +6,15 @@
... ...
}: let }: let
inherit (lib) mkIf; inherit (lib) mkIf;
inherit (osConfig.ooknet.appearance.colorscheme) palette; inherit (osConfig.ooknet.appearance) fonts;
cfg = config.ooknet.gtk;
gtkCss = import ./gtkCss.nix {inherit osConfig;};
in { in {
config = mkIf cfg.enable rec { config = rec {
gtk = { gtk = {
enable = true; enable = true;
font = { font = {
name = config.ooknet.fonts.regular.family; name = fonts.regular.family;
size = 12; size = 12;
}; };
theme = { theme = {
@ -21,9 +22,11 @@ in {
package = pkgs.adw-gtk3; package = pkgs.adw-gtk3;
}; };
iconTheme = { iconTheme = {
name = "Papirus-Dark"; name = "Gruvbox-Plus-Dark";
package = pkgs.papirus-icon-theme; package = pkgs.gruvbox-plus-icons;
}; };
gtk3.extraCss = gtkCss;
gtk4.extraCss = gtkCss;
}; };
#TODO: add gtk css configuration #TODO: add gtk css configuration

86
home/modules/appearance/gtkCss.nix Normal file
View file

@ -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};
''