Updates

gtk-4.0/.config/gtk-4.0/gtk.css

@@ -1,6 +1,105 @@
-window, decoration, decoration-overlay, headerbar, .titlebar {
- 	border-bottom-left-radius: 5px;
-	border-bottom-right-radius:5px;
-	border-top-left-radius: 5px;
-	border-top-right-radius: 5px;
+/* Catppuccin Macchiato Palette */
+
+/* Window */
+@define-color window_bg_color #24273a; /* base */
+@define-color window_fg_color #cad3f5; /* text */
+
+/* View styling */
+@define-color view_bg_color #24273a; /* base */
+@define-color view_fg_color #cad3f5; /* text */
+
+/* Header bar */
+@define-color headerbar_bg_color #1e2030; /* mantle */
+@define-color headerbar_backdrop_color #1e2030; /* mantle */
+@define-color headerbar_fg_color #cad3f5; /* text */
+
+/* Popovers and dialogs */
+@define-color popover_bg_color #24273a; /* base */
+@define-color popover_fg_color #cad3f5; /* text */
+
+@define-color dialog_bg_color @popover_bg_color;
+@define-color dialog_fg_color @popover_fg_color;
+
+/* Cards and sidebars */
+@define-color card_bg_color #363a4f; /* surface0 */
+@define-color card_fg_color #cad3f5; /* text */
+
+@define-color sidebar_bg_color #24273a; /* base */
+@define-color sidebar_fg_color #cad3f5; /* text */
+@define-color sidebar_backdrop_color #24273a; /* base */
+@define-color sidebar_border_color #363a4f; /* 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 */
+@define-color blue_1 #8aadf4; /* blue */
+@define-color blue_2 #8bd5ca; /* teal */
+@define-color blue_3 #91d7e3; /* sky */
+@define-color blue_4 #7dc4e4; /* sapphire */
+@define-color blue_5 #b7bdf8; /* lavender */
+
+@define-color green_1 #a6da95; /* green */
+@define-color green_2 #8bd5ca; /* teal */
+@define-color green_3 #91d7e3; /* sky */
+@define-color green_4 #7dc4e4; /* sapphire */
+@define-color green_5 #8aadf4; /* blue */
+
+@define-color yellow_1 #eed49f; /* yellow */
+@define-color yellow_2 #f5a97f; /* peach */
+@define-color yellow_3 #eed49f; /* yellow */
+@define-color yellow_4 #ed8796; /* red */
+@define-color yellow_5 #ee99a0; /* maroon */
+
+@define-color orange_1 #f5a97f; /* peach */
+@define-color orange_2 #ed8796; /* red */
+@define-color orange_3 #ee99a0; /* maroon */
+@define-color orange_4 #eed49f; /* yellow */
+@define-color orange_5 #a6da95; /* green */
+
+@define-color red_1 #ed8796; /* red */
+@define-color red_2 #ee99a0; /* maroon */
+@define-color red_3 #f5bde6; /* pink */
+@define-color red_4 #f0c6c6; /* flamingo */
+@define-color red_5 #f4dbd6; /* rosewater */
+
+@define-color purple_1 #f5bde6; /* pink */
+@define-color purple_2 #c6a0f6; /* mauve */
+@define-color purple_3 #b7bdf8; /* lavender */
+@define-color purple_4 #f0c6c6; /* flamingo */
+@define-color purple_5 #f4dbd6; /* rosewater */
+
+@define-color brown_1 #5b6078; /* surface2 */
+@define-color brown_2 #6e738d; /* overlay0 */
+@define-color brown_3 #8087a2; /* overlay1 */
+@define-color brown_4 #939ab7; /* overlay2 */
+@define-color brown_5 #b8c0e0; /* subtext1 */
+
+@define-color light_1 #cad3f5; /* text */
+@define-color light_2 #a5adcb; /* subtext0 */
+@define-color light_3 #b8c0e0; /* subtext1 */
+@define-color light_4 #8aadf4; /* blue */
+@define-color light_5 #6e738d; /* overlay0 */
+
+@define-color dark_1 #363a4f; /* surface0 */
+@define-color dark_2 #494d64; /* surface1 */
+@define-color dark_3 #5b6078; /* surface2 */
+@define-color dark_4 #1e2030; /* mantle */
+@define-color dark_5 #181926; /* crust */
+
+toast {
+  background-color: @window_bg_color;
+  color: @window_fg_color;
 }
+
+toggle:checked {
+  background-color: @card_bg_color;
+  color: @window_fg_color;
+}
+
+
+
+@define-color accent_bg_color @green_1;
+@define-color accent_fg_color @window_bg_color;