diff options
| author | Zach DeCook <zachdecook@librem.one> | 2026-05-22 21:29:19 -0400 |
|---|---|---|
| committer | Zach DeCook <zachdecook@librem.one> | 2026-05-22 21:29:19 -0400 |
| commit | e8dab7e7b7de59d54ebd43ab22a3c561830f3921 (patch) | |
| tree | 05cdc83493c66661511f198acdfde67c37ec2fea /.config/gtk-4.0/gtk.css | |
| parent | f32f289b43f2586d46fb620ef40507cf5a9c661e (diff) | |
| download | dotfiles-e8dab7e7b7de59d54ebd43ab22a3c561830f3921.tar.gz | |
update to hyprland-0.54.3
Diffstat (limited to '.config/gtk-4.0/gtk.css')
| -rw-r--r-- | .config/gtk-4.0/gtk.css | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/.config/gtk-4.0/gtk.css b/.config/gtk-4.0/gtk.css new file mode 100644 index 0000000..c4f6b9d --- /dev/null +++ b/.config/gtk-4.0/gtk.css @@ -0,0 +1,117 @@ +/* Material DeepOcean Palette */ +@define-color window_bg_color #0f111aAA; /* background */ +@define-color window_fg_color #8f93a2; /* foreground */ + +/* View styling */ +@define-color view_bg_color #0f111aAA; +@define-color view_fg_color #8f93a2; + +/* Header bar */ +@define-color headerbar_bg_color #0a0c13AA; +@define-color headerbar_backdrop_color #0a0c13AA; +@define-color headerbar_fg_color #8f93a2; + +/* Popovers and dialogs */ +@define-color popover_bg_color #0f111aAA; +@define-color popover_fg_color #8f93a2; + +@define-color dialog_bg_color @popover_bg_color; +@define-color dialog_fg_color @popover_fg_color; + +/* Cards and sidebars */ +@define-color card_bg_color #1c1e28AA; +@define-color card_fg_color #8f93a2; + +@define-color sidebar_bg_color #0f111aAA; +@define-color sidebar_fg_color #8f93a2; +@define-color sidebar_backdrop_color @sidebar_bg_color; +@define-color sidebar_border_color #1f2233; + +@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; + +/* Material DeepOcean accent colors */ +@define-color blue_1 #82aaff; +@define-color blue_2 #89ddff; +@define-color blue_3 #50c4fa; +@define-color blue_4 #39adb5; +@define-color blue_5 #676e95; + +@define-color green_1 #c3e88d; +@define-color green_2 #80cbc4; +@define-color green_3 #50fa7b; +@define-color green_4 #4fd6be; +@define-color green_5 #44b5b1; + +@define-color yellow_1 #ffcb6b; +@define-color yellow_2 #f78c6c; +@define-color yellow_3 #ffeb95; +@define-color yellow_4 #f07178; +@define-color yellow_5 #ff5572; + +@define-color orange_1 #f78c6c; +@define-color orange_2 #f07178; +@define-color orange_3 #ff5572; +@define-color orange_4 #ffcb6b; +@define-color orange_5 #c3e88d; + +@define-color red_1 #ff5370; +@define-color red_2 #f07178; +@define-color red_3 #ff5572; +@define-color red_4 #f78c6c; +@define-color red_5 #ffcb6b; + +@define-color purple_1 #c792ea; +@define-color purple_2 #b388ff; +@define-color purple_3 #d6acff; +@define-color purple_4 #a3f7ff; +@define-color purple_5 #82aaff; + +@define-color brown_1 #959dcb; +@define-color brown_2 #676e95; +@define-color brown_3 #4a5070; +@define-color brown_4 #1f2233; +@define-color brown_5 #0a0c13; + +@define-color light_1 #8f93a2; +@define-color light_2 #b0b4c0; +@define-color light_3 #959dcb; +@define-color light_4 #82aaff; +@define-color light_5 #676e95; + +@define-color dark_1 #1f2233; +@define-color dark_2 #151722; +@define-color dark_3 #0f111a; +@define-color dark_4 #0a0c13; +@define-color dark_5 #05070d; + +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); +} + + + +/* colors for zach */ +@define-color window_bg_color #242424AA; +@define-color popover_bg_color #383838AA; + +@define-color view_bg_color @window_bg_color; +/* @define-color popover_bg_color @window_bg_color;*/ +@define-color dialog_bg_color @window_bg_color; +@define-color sidebar_bg_color @window_bg_color; +@define-color sidebar_backdrop_color @window_bg_color; +.inline { + background-color: #00000000; +} |
