From 9b2a57d69b396c5a3ce3e21238e8b46604471359 Mon Sep 17 00:00:00 2001 From: Aditya Date: Mon, 27 Feb 2023 10:00:50 +0530 Subject: [PATCH] add gtk4 --- gtk-4.0/colors.css | 84 ++++++++++++++++++++++++++++++++++ gtk-4.0/gtk.css | 1 + gtk-4.0/settings.ini | 11 +++++ gtk-4.0/window_decorations.css | 71 ++++++++++++++++++++++++++++ 4 files changed, 167 insertions(+) create mode 100644 gtk-4.0/colors.css create mode 100644 gtk-4.0/gtk.css create mode 100644 gtk-4.0/settings.ini create mode 100644 gtk-4.0/window_decorations.css 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"); }