add gtk4

4 files changed, 167 insertions, 0 deletions

diff --git a/gtk-4.0/colors.css b/gtk-4.0/colors.css
new file mode 100644
index 0000000..a85e6d2
--- /dev/null
+++ b/gtk-4.0/colors.css
@@ -0,0 +1,84 @@
+@define-color borders_breeze #cdcdcd;
+@define-color content_view_bg_breeze #ffffff;
+@define-color error_color_backdrop_breeze #da4453;
+@define-color error_color_breeze #da4453;
+@define-color error_color_insensitive_backdrop_breeze #f0b1b8;
+@define-color error_color_insensitive_breeze #f0b1b8;
+@define-color insensitive_base_color_breeze #f3f3f3;
+@define-color insensitive_base_fg_color_breeze #b0b0b0;
+@define-color insensitive_bg_color_breeze #f3f3f3;
+@define-color insensitive_borders_breeze #e2e2e2;
+@define-color insensitive_fg_color_breeze #b0b0b0;
+@define-color insensitive_selected_bg_color_breeze #f3f3f3;
+@define-color insensitive_selected_fg_color_breeze #b0b0b0;
+@define-color insensitive_unfocused_bg_color_breeze #f3f3f3;
+@define-color insensitive_unfocused_fg_color_breeze #b0b0b0;
+@define-color insensitive_unfocused_selected_bg_color_breeze #f3f3f3;
+@define-color insensitive_unfocused_selected_fg_color_breeze #b0b0b0;
+@define-color link_color_breeze #cf9371;
+@define-color link_visited_color_breeze #7f8c8d;
+@define-color success_color_backdrop_breeze #27ae60;
+@define-color success_color_breeze #27ae60;
+@define-color success_color_insensitive_backdrop_breeze #abd8be;
+@define-color success_color_insensitive_breeze #abd8be;
+@define-color theme_base_color_breeze #ffffff;
+@define-color theme_bg_color_breeze #ffffff;
+@define-color theme_button_background_backdrop_breeze #ffffff;
+@define-color theme_button_background_backdrop_insensitive_breeze #f3f3f3;
+@define-color theme_button_background_insensitive_breeze #f3f3f3;
+@define-color theme_button_background_normal_breeze #ffffff;
+@define-color theme_button_decoration_focus_backdrop_breeze #cf9371;
+@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #e9cebd;
+@define-color theme_button_decoration_focus_breeze #cf9371;
+@define-color theme_button_decoration_focus_insensitive_breeze #e9cebd;
+@define-color theme_button_decoration_hover_backdrop_breeze #cf9371;
+@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #e9cebd;
+@define-color theme_button_decoration_hover_breeze #cf9371;
+@define-color theme_button_decoration_hover_insensitive_breeze #e9cebd;
+@define-color theme_button_foreground_active_backdrop_breeze #363636;
+@define-color theme_button_foreground_active_backdrop_insensitive_breeze #b0b0b0;
+@define-color theme_button_foreground_active_breeze #000000;
+@define-color theme_button_foreground_active_insensitive_breeze #b0b0b0;
+@define-color theme_button_foreground_backdrop_breeze #363636;
+@define-color theme_button_foreground_backdrop_insensitive_breeze #b0b0b0;
+@define-color theme_button_foreground_insensitive_breeze #b0b0b0;
+@define-color theme_button_foreground_normal_breeze #363636;
+@define-color theme_fg_color_breeze #363636;
+@define-color theme_header_background_backdrop_breeze #f5f5f5;
+@define-color theme_header_background_breeze #ffffff;
+@define-color theme_header_background_light_breeze #ffffff;
+@define-color theme_header_foreground_backdrop_breeze #363636;
+@define-color theme_header_foreground_breeze #363636;
+@define-color theme_header_foreground_insensitive_backdrop_breeze #363636;
+@define-color theme_header_foreground_insensitive_breeze #363636;
+@define-color theme_hovering_selected_bg_color_breeze #cf9371;
+@define-color theme_selected_bg_color_breeze #ddb39b;
+@define-color theme_selected_fg_color_breeze #000000;
+@define-color theme_text_color_breeze #363636;
+@define-color theme_titlebar_background_backdrop_breeze #f5f5f5;
+@define-color theme_titlebar_background_breeze #ffffff;
+@define-color theme_titlebar_background_light_breeze #ffffff;
+@define-color theme_titlebar_foreground_backdrop_breeze #363636;
+@define-color theme_titlebar_foreground_breeze #363636;
+@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #363636;
+@define-color theme_titlebar_foreground_insensitive_breeze #363636;
+@define-color theme_unfocused_base_color_breeze #ffffff;
+@define-color theme_unfocused_bg_color_breeze #ffffff;
+@define-color theme_unfocused_fg_color_breeze #363636;
+@define-color theme_unfocused_selected_bg_color_alt_breeze #f5e9e3;
+@define-color theme_unfocused_selected_bg_color_breeze #f5e9e3;
+@define-color theme_unfocused_selected_fg_color_breeze #363636;
+@define-color theme_unfocused_text_color_breeze #363636;
+@define-color theme_unfocused_view_bg_color_breeze #f3f3f3;
+@define-color theme_unfocused_view_text_color_breeze #b0b0b0;
+@define-color theme_view_active_decoration_color_breeze #cf9371;
+@define-color theme_view_hover_decoration_color_breeze #cf9371;
+@define-color tooltip_background_breeze #363636;
+@define-color tooltip_border_breeze #606060;
+@define-color tooltip_text_breeze #dedede;
+@define-color unfocused_borders_breeze #cdcdcd;
+@define-color unfocused_insensitive_borders_breeze #e2e2e2;
+@define-color warning_color_backdrop_breeze #f67400;
+@define-color warning_color_breeze #f67400;
+@define-color warning_color_insensitive_backdrop_breeze #fbc289;
+@define-color warning_color_insensitive_breeze #fbc289;
diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
new file mode 100644
index 0000000..c9763f7
--- /dev/null
+++ b/gtk-4.0/gtk.css
@@ -0,0 +1 @@
+@import 'colors.css';
\ No newline at end of file
diff --git a/gtk-4.0/settings.ini b/gtk-4.0/settings.ini
new file mode 100644
index 0000000..60a67a1
--- /dev/null
+++ b/gtk-4.0/settings.ini
@@ -0,0 +1,11 @@
+[Settings]
+gtk-application-prefer-dark-theme=false
+gtk-cursor-theme-name=volantes_cursors
+gtk-cursor-theme-size=32
+gtk-decoration-layout=close,maximize,minimize:
+gtk-enable-animations=true
+gtk-font-name=SF Pro Text,  10
+gtk-icon-theme-name=WhiteSur-dark
+gtk-primary-button-warps-slider=false
+gtk-theme-name=Breeze
+gtk-xft-dpi=98304
diff --git a/gtk-4.0/window_decorations.css b/gtk-4.0/window_decorations.css
new file mode 100644
index 0000000..ca70a8a
--- /dev/null
+++ b/gtk-4.0/window_decorations.css
@@ -0,0 +1,71 @@
+headerbar button.titlebutton.close, .titlebar button.titlebutton.close {
+  background-image: url("assets/close-normal.svg"); }
+
+headerbar button.titlebutton.close:hover, .titlebar button.titlebutton.close:hover {
+  background-image: url("assets/close-hover.svg"); }
+
+headerbar button.titlebutton.close:active, .titlebar button.titlebutton.close:active {
+  background-image: url("assets/close-active.svg"); }
+
+headerbar button.titlebutton.close:backdrop, .titlebar button.titlebutton.close:backdrop {
+  background-image: url("assets/close-backdrop-normal.svg"); }
+
+headerbar button.titlebutton.close:backdrop:hover, .titlebar button.titlebutton.close:backdrop:hover {
+  background-image: url("assets/close-backdrop-hover.svg"); }
+
+headerbar button.titlebutton.close:backdrop:active, .titlebar button.titlebutton.close:backdrop:active {
+  background-image: url("assets/close-backdrop-active.svg"); }
+
+headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize {
+  background-image: url("assets/maximize-normal.svg"); }
+
+headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover {
+  background-image: url("assets/maximize-hover.svg"); }
+
+headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active {
+  background-image: url("assets/maximize-active.svg"); }
+
+headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop {
+  background-image: url("assets/maximize-backdrop-normal.svg"); }
+
+headerbar button.titlebutton.maximize:backdrop:hover, .titlebar button.titlebutton.maximize:backdrop:hover {
+  background-image: url("assets/maximize-backdrop-hover.svg"); }
+
+headerbar button.titlebutton.maximize:backdrop:active, .titlebar button.titlebutton.maximize:backdrop:active {
+  background-image: url("assets/maximize-backdrop-active.svg"); }
+
+headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize {
+  background-image: url("assets/minimize-normal.svg"); }
+
+headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover {
+  background-image: url("assets/minimize-hover.svg"); }
+
+headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active {
+  background-image: url("assets/minimize-active.svg"); }
+
+headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop {
+  background-image: url("assets/minimize-backdrop-normal.svg"); }
+
+headerbar button.titlebutton.minimize:backdrop:hover, .titlebar button.titlebutton.minimize:backdrop:hover {
+  background-image: url("assets/minimize-backdrop-hover.svg"); }
+
+headerbar button.titlebutton.minimize:backdrop:active, .titlebar button.titlebutton.minimize:backdrop:active {
+  background-image: url("assets/minimize-backdrop-active.svg"); }
+
+.maximized headerbar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize {
+  background-image: url("assets/maximized-normal.svg"); }
+
+.maximized headerbar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover {
+  background-image: url("assets/maximized-hover.svg"); }
+
+.maximized headerbar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active {
+  background-image: url("assets/maximized-active.svg"); }
+
+.maximized headerbar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop {
+  background-image: url("assets/maximized-backdrop-normal.svg"); }
+
+.maximized headerbar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover {
+  background-image: url("assets/maximized-backdrop-hover.svg"); }
+
+.maximized headerbar button.titlebutton.maximize:backdrop:active, .maximized .titlebar button.titlebutton.maximize:backdrop:active {
+  background-image: url("assets/maximized-backdrop-active.svg"); }