[sway] first attempt to improve theming of gtk4 applications

editions/sway

@@ -60,6 +60,7 @@ wdisplays
 wf-recorder
 
 # Themes
+adw-gtk3
 qt5ct
 qt5-wayland
 kvantum-qt5
@@ -147,6 +148,7 @@ gedit
 gedit-plugins
 gnome-disk-utility
 gnome-epub-thumbnailer
+gradience
 manjaro-settings-manager
 matray
 nautilus

overlays/sway/etc/skel/.config/presets/user/matcha-dark-azul.json

+{
+    "name": "Matcha Dark Azul",
+    "variables": {
+        "accent_color": "#16a085",
+        "accent_bg_color": "#16a085",
+        "accent_fg_color": "#eeeeee",
+        "destructive_color": "#Cd3f45",
+        "destructive_bg_color": "#Cd3f45",
+        "destructive_fg_color": "#eeeeee",
+        "success_color": "#9fca56",
+        "success_bg_color": "#141a1b",
+        "success_fg_color": "#eeeeee",
+        "warning_color": "#e6cd69",
+        "warning_bg_color": "#141a1b",
+        "warning_fg_color": "#eeeeee",
+        "error_color": "#Cd3f45",
+        "error_bg_color": "#141a1b",
+        "error_fg_color": "#eeeeee",
+        "window_bg_color": "#141a1b",
+        "window_fg_color": "#eeeeee",
+        "view_bg_color": "#222b2e",
+        "view_fg_color": "#eeeeee",
+        "headerbar_bg_color": "#141a1b",
+        "headerbar_fg_color": "#eeeeee",
+        "headerbar_border_color": "#ffffff",
+        "headerbar_backdrop_color": "@window_bg_color",
+        "headerbar_shade_color": "rgba(0, 0, 0, 0.36)",
+        "card_bg_color": "#2f3a3e",
+        "card_fg_color": "#eeeeee",
+        "card_shade_color": "rgba(0, 0, 0, 0.36)",
+        "dialog_bg_color": "#222b2e",
+        "dialog_fg_color": "#eeeeee",
+        "popover_bg_color": "#222b2e",
+        "popover_fg_color": "#eeeeee",
+        "shade_color": "#141a1b",
+        "scrollbar_outline_color": "rgba(0, 0, 0, 0.5)"
+    },
+    "palette": {
+        "blue_": {
+            "1": "#99c1f1",
+            "2": "#62a0ea",
+            "3": "#3584e4",
+            "4": "#1c71d8",
+            "5": "#1a5fb4"
+        },
+        "green_": {
+            "1": "#8ff0a4",
+            "2": "#57e389",
+            "3": "#33d17a",
+            "4": "#2ec27e",
+            "5": "#26a269"
+        },
+        "yellow_": {
+            "1": "#f9f06b",
+            "2": "#f8e45c",
+            "3": "#f6d32d",
+            "4": "#f5c211",
+            "5": "#e5a50a"
+        },
+        "orange_": {
+            "1": "#ffbe6f",
+            "2": "#ffa348",
+            "3": "#ff7800",
+            "4": "#e66100",
+            "5": "#c64600"
+        },
+        "red_": {
+            "1": "#f66151",
+            "2": "#ed333b",
+            "3": "#e01b24",
+            "4": "#c01c28",
+            "5": "#a51d2d"
+        },
+        "purple_": {
+            "1": "#dc8add",
+            "2": "#c061cb",
+            "3": "#9141ac",
+            "4": "#813d9c",
+            "5": "#613583"
+        },
+        "brown_": {
+            "1": "#cdab8f",
+            "2": "#b5835a",
+            "3": "#986a44",
+            "4": "#865e3c",
+            "5": "#63452c"
+        },
+        "light_": {
+            "1": "#ffffff",
+            "2": "#f6f5f4",
+            "3": "#deddda",
+            "4": "#c0bfbc",
+            "5": "#9a9996"
+        },
+        "dark_": {
+            "1": "#77767b",
+            "2": "#5e5c64",
+            "3": "#3d3846",
+            "4": "#241f31",
+            "5": "#000000"
+        }
+    },
+    "custom_css": {
+        "gtk4": "",
+        "gtk3": ""
+    }
+}
\ No newline at end of file

overlays/sway/etc/skel/.config/presets/user/matcha-dark-sea.json

+{
+    "name": "Matcha Dark Sea",
+    "variables": {
+        "accent_color": "#16a085",
+        "accent_bg_color": "#16a085",
+        "accent_fg_color": "#eeeeee",
+        "destructive_color": "#Cd3f45",
+        "destructive_bg_color": "#Cd3f45",
+        "destructive_fg_color": "#eeeeee",
+        "success_color": "#9fca56",
+        "success_bg_color": "#141a1b",
+        "success_fg_color": "#eeeeee",
+        "warning_color": "#e6cd69",
+        "warning_bg_color": "#141a1b",
+        "warning_fg_color": "#eeeeee",
+        "error_color": "#Cd3f45",
+        "error_bg_color": "#141a1b",
+        "error_fg_color": "#eeeeee",
+        "window_bg_color": "#141a1b",
+        "window_fg_color": "#eeeeee",
+        "view_bg_color": "#222b2e",
+        "view_fg_color": "#eeeeee",
+        "headerbar_bg_color": "#141a1b",
+        "headerbar_fg_color": "#eeeeee",
+        "headerbar_border_color": "#ffffff",
+        "headerbar_backdrop_color": "@window_bg_color",
+        "headerbar_shade_color": "rgba(0, 0, 0, 0.36)",
+        "card_bg_color": "#2f3a3e",
+        "card_fg_color": "#eeeeee",
+        "card_shade_color": "rgba(0, 0, 0, 0.36)",
+        "dialog_bg_color": "#222b2e",
+        "dialog_fg_color": "#eeeeee",
+        "popover_bg_color": "#222b2e",
+        "popover_fg_color": "#eeeeee",
+        "shade_color": "#141a1b",
+        "scrollbar_outline_color": "rgba(0, 0, 0, 0.5)"
+    },
+    "palette": {
+        "blue_": {
+            "1": "#99c1f1",
+            "2": "#62a0ea",
+            "3": "#3584e4",
+            "4": "#1c71d8",
+            "5": "#1a5fb4"
+        },
+        "green_": {
+            "1": "#8ff0a4",
+            "2": "#57e389",
+            "3": "#33d17a",
+            "4": "#2ec27e",
+            "5": "#26a269"
+        },
+        "yellow_": {
+            "1": "#f9f06b",
+            "2": "#f8e45c",
+            "3": "#f6d32d",
+            "4": "#f5c211",
+            "5": "#e5a50a"
+        },
+        "orange_": {
+            "1": "#ffbe6f",
+            "2": "#ffa348",
+            "3": "#ff7800",
+            "4": "#e66100",
+            "5": "#c64600"
+        },
+        "red_": {
+            "1": "#f66151",
+            "2": "#ed333b",
+            "3": "#e01b24",
+            "4": "#c01c28",
+            "5": "#a51d2d"
+        },
+        "purple_": {
+            "1": "#dc8add",
+            "2": "#c061cb",
+            "3": "#9141ac",
+            "4": "#813d9c",
+            "5": "#613583"
+        },
+        "brown_": {
+            "1": "#cdab8f",
+            "2": "#b5835a",
+            "3": "#986a44",
+            "4": "#865e3c",
+            "5": "#63452c"
+        },
+        "light_": {
+            "1": "#ffffff",
+            "2": "#f6f5f4",
+            "3": "#deddda",
+            "4": "#c0bfbc",
+            "5": "#9a9996"
+        },
+        "dark_": {
+            "1": "#77767b",
+            "2": "#5e5c64",
+            "3": "#3d3846",
+            "4": "#241f31",
+            "5": "#000000"
+        }
+    },
+    "custom_css": {
+        "gtk4": "",
+        "gtk3": ""
+    }
+}
\ No newline at end of file

overlays/sway/etc/skel/.config/sway/themes/scripts/04-link-theme-files

 exec_always {
   'mkdir -p $HOME/.config/waybar && ln -sf $theme/theme.css $HOME/.config/waybar/'
   'mkdir -p $HOME/.config/wlogout && ln -sf $theme/theme.css $HOME/.config/wlogout/'
+  'mkdir -p $HOME/.config/gtk-3.0' && 'ln -sf $theme/gtk.css $HOME/.config/gtk-3.0/'
+  'mkdir -p $HOME/.config/gtk-4.0' && 'ln -sf $theme/gtk.css $HOME/.config/gtk-4.0/'
 }

overlays/sway/etc/sway/themes/matcha-blue/definitions

@@ -3,7 +3,7 @@
 
 # some global theme specific variables
 set $background /usr/share/wallpapers/manjaro-arm/generic/manjaro-arm.png
-set $gtk-theme Matcha-dark-azul
+set $gtk-theme adw-gtk3-dark
 set $icon-theme Papirus-Dark
 set $cursor-theme xcursor-breeze
 set $gui-font Noto Sans 11

overlays/sway/etc/sway/themes/matcha-blue/gtk.css

+@define-color accent_color #55b5db;
+@define-color accent_bg_color #55b5db;
+@define-color accent_fg_color #eeeeee;
+@define-color destructive_color #Cd3f45;
+@define-color destructive_bg_color #Cd3f45;
+@define-color destructive_fg_color #eeeeee;
+@define-color success_color #9fca56;
+@define-color success_bg_color #14161b;
+@define-color success_fg_color #eeeeee;
+@define-color warning_color #e6cd69;
+@define-color warning_bg_color #14161b;
+@define-color warning_fg_color #eeeeee;
+@define-color error_color #Cd3f45;
+@define-color error_bg_color #14161b;
+@define-color error_fg_color #eeeeee;
+@define-color window_bg_color #14161b;
+@define-color window_fg_color #eeeeee;
+@define-color view_bg_color #222b2e;
+@define-color view_fg_color #eeeeee;
+@define-color headerbar_bg_color #14161b;
+@define-color headerbar_fg_color #eeeeee;
+@define-color headerbar_border_color #ffffff;
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #2f3a3e;
+@define-color card_fg_color #eeeeee;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #222b2e;
+@define-color dialog_fg_color #eeeeee;
+@define-color popover_bg_color #222b2e;
+@define-color popover_fg_color #eeeeee;
+@define-color shade_color #14161b;
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;

overlays/sway/etc/sway/themes/matcha-green/definitions

@@ -3,7 +3,7 @@
 
 # some global theme specific variables
 set $background /usr/share/wallpapers/manjaro-arm/generic/manjaro-arm2.png
-set $gtk-theme Matcha-dark-sea
+set $gtk-theme adw-gtk3-dark
 set $icon-theme Papirus-Dark-Maia
 set $cursor-theme xcursor-breeze
 set $gui-font Noto Sans 11

overlays/sway/etc/sway/themes/matcha-green/gtk.css

+@define-color accent_color #16a085;
+@define-color accent_bg_color #16a085;
+@define-color accent_fg_color #eeeeee;
+@define-color destructive_color #Cd3f45;
+@define-color destructive_bg_color #Cd3f45;
+@define-color destructive_fg_color #eeeeee;
+@define-color success_color #9fca56;
+@define-color success_bg_color #141a1b;
+@define-color success_fg_color #eeeeee;
+@define-color warning_color #e6cd69;
+@define-color warning_bg_color #141a1b;
+@define-color warning_fg_color #eeeeee;
+@define-color error_color #Cd3f45;
+@define-color error_bg_color #141a1b;
+@define-color error_fg_color #eeeeee;
+@define-color window_bg_color #141a1b;
+@define-color window_fg_color #eeeeee;
+@define-color view_bg_color #222b2e;
+@define-color view_fg_color #eeeeee;
+@define-color headerbar_bg_color #141a1b;
+@define-color headerbar_fg_color #eeeeee;
+@define-color headerbar_border_color #ffffff;
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #2f3a3e;
+@define-color card_fg_color #eeeeee;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #222b2e;
+@define-color dialog_fg_color #eeeeee;
+@define-color popover_bg_color #222b2e;
+@define-color popover_fg_color #eeeeee;
+@define-color shade_color #141a1b;
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+@define-color blue_1 #99c1f1;
+@define-color blue_2 #62a0ea;
+@define-color blue_3 #3584e4;
+@define-color blue_4 #1c71d8;
+@define-color blue_5 #1a5fb4;
+@define-color green_1 #8ff0a4;
+@define-color green_2 #57e389;
+@define-color green_3 #33d17a;
+@define-color green_4 #2ec27e;
+@define-color green_5 #26a269;
+@define-color yellow_1 #f9f06b;
+@define-color yellow_2 #f8e45c;
+@define-color yellow_3 #f6d32d;
+@define-color yellow_4 #f5c211;
+@define-color yellow_5 #e5a50a;
+@define-color orange_1 #ffbe6f;
+@define-color orange_2 #ffa348;
+@define-color orange_3 #ff7800;
+@define-color orange_4 #e66100;
+@define-color orange_5 #c64600;
+@define-color red_1 #f66151;
+@define-color red_2 #ed333b;
+@define-color red_3 #e01b24;
+@define-color red_4 #c01c28;
+@define-color red_5 #a51d2d;
+@define-color purple_1 #dc8add;
+@define-color purple_2 #c061cb;
+@define-color purple_3 #9141ac;
+@define-color purple_4 #813d9c;
+@define-color purple_5 #613583;
+@define-color brown_1 #cdab8f;
+@define-color brown_2 #b5835a;
+@define-color brown_3 #986a44;
+@define-color brown_4 #865e3c;
+@define-color brown_5 #63452c;
+@define-color light_1 #ffffff;
+@define-color light_2 #f6f5f4;
+@define-color light_3 #deddda;
+@define-color light_4 #c0bfbc;
+@define-color light_5 #9a9996;
+@define-color dark_1 #77767b;
+@define-color dark_2 #5e5c64;
+@define-color dark_3 #3d3846;
+@define-color dark_4 #241f31;
+@define-color dark_5 #000000;