diff --git a/roles/config/files/.config/KDE/Sonnet.conf b/roles/config/files/.config/KDE/Sonnet.conf
new file mode 100644
index 00000000..32d3be30
--- /dev/null
+++ b/roles/config/files/.config/KDE/Sonnet.conf
@@ -0,0 +1,10 @@
+[General]
+autodetectLanguage=true
+backgroundCheckerEnabled=true
+checkUppercase=true
+checkerEnabledByDefault=false
+defaultClient=
+defaultLanguage=de_CH
+ignore_de_CH=Amarok, KAddressBook, KDevelop, KHTML, KIO, KJS, KMail, KMix, KOrganizer, Konqueror, Kontact, Nepomuk, Okular, Qt, Sonnet
+preferredLanguages=en_GB, de_CH
+skipRunTogether=true
diff --git a/roles/config/files/.config/KDE/UserFeedback.conf b/roles/config/files/.config/KDE/UserFeedback.conf
new file mode 100644
index 00000000..223d6308
--- /dev/null
+++ b/roles/config/files/.config/KDE/UserFeedback.conf
@@ -0,0 +1,2 @@
+[UserFeedback]
+LastEncouragement=@DateTime(\0\0\0\x10\0\0\0\0\0\0%\x8b\x81\x2\xbb\xe0\x11\0)
diff --git a/roles/config/files/.config/KDE/UserFeedback.org.kde.plasma-welcome.conf b/roles/config/files/.config/KDE/UserFeedback.org.kde.plasma-welcome.conf
new file mode 100644
index 00000000..e536f93f
--- /dev/null
+++ b/roles/config/files/.config/KDE/UserFeedback.org.kde.plasma-welcome.conf
@@ -0,0 +1,2 @@
+[UserFeedback]
+ApplicationStartCount=2
diff --git a/roles/config/files/.config/PlasmaUserFeedback b/roles/config/files/.config/PlasmaUserFeedback
new file mode 100644
index 00000000..035b7eaf
--- /dev/null
+++ b/roles/config/files/.config/PlasmaUserFeedback
@@ -0,0 +1,2 @@
+[Global]
+FeedbackLevel=64
diff --git a/roles/config/files/.config/fish/functions/kdesave.fish b/roles/config/files/.config/fish/functions/kdesave.fish
new file mode 100644
index 00000000..ddd8f4ac
--- /dev/null
+++ b/roles/config/files/.config/fish/functions/kdesave.fish
@@ -0,0 +1,11 @@
+# save kde and plasma settings to gitprojects/configs
+function kdesave
+ rm -rf ./konsave-export-main ./konsave-export-main.knsv
+ ~/gitprojects/konsave/venv/bin/python -m konsave --save konsave-export-main --force
+ ~/gitprojects/konsave/venv/bin/python -m konsave --export-profile konsave-export-main
+ unzip konsave-export-main.knsv -d konsave-export-main
+ cp -r ./konsave-export-main/save/configs/* ~/gitprojects/configs/roles/config/files/.config/
+ cp -r ./konsave-export-main/export/home_folder/.* ~/gitprojects/configs/roles/config/files/
+ cp -r ./konsave-export-main/export/share_folder/* ~/gitprojects/configs/roles/config/files/.local/share/
+ rm -rf ./konsave-export-main ./konsave-export-main.knsv
+end
diff --git a/roles/config/files/.config/gtk-3.0/assets/close-active.svg b/roles/config/files/.config/gtk-3.0/assets/close-active.svg
index c39dfbb3..61d97029 100644
--- a/roles/config/files/.config/gtk-3.0/assets/close-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/close-active.svg
@@ -7,21 +7,26 @@
-
-
+
-
-
-
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/close-backdrop-active.svg b/roles/config/files/.config/gtk-3.0/assets/close-backdrop-active.svg
index 14772e7a..61d97029 100644
--- a/roles/config/files/.config/gtk-3.0/assets/close-backdrop-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/close-backdrop-active.svg
@@ -7,21 +7,26 @@
-
-
+
-
-
-
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/close-backdrop-hover.svg b/roles/config/files/.config/gtk-3.0/assets/close-backdrop-hover.svg
index dafcc786..0cfa1172 100644
--- a/roles/config/files/.config/gtk-3.0/assets/close-backdrop-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/close-backdrop-hover.svg
@@ -7,21 +7,44 @@
-
-
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/close-backdrop-normal.svg b/roles/config/files/.config/gtk-3.0/assets/close-backdrop-normal.svg
index ccc6535b..55453b43 100644
--- a/roles/config/files/.config/gtk-3.0/assets/close-backdrop-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/close-backdrop-normal.svg
@@ -7,15 +7,44 @@
-
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/close-hover.svg b/roles/config/files/.config/gtk-3.0/assets/close-hover.svg
index f1f784d9..0cfa1172 100644
--- a/roles/config/files/.config/gtk-3.0/assets/close-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/close-hover.svg
@@ -7,21 +7,44 @@
-
-
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/close-normal.svg b/roles/config/files/.config/gtk-3.0/assets/close-normal.svg
index ed19d5ee..3df69977 100644
--- a/roles/config/files/.config/gtk-3.0/assets/close-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/close-normal.svg
@@ -7,15 +7,38 @@
-
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximize-active.svg b/roles/config/files/.config/gtk-3.0/assets/maximize-active.svg
index db4f7220..b7e03703 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximize-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximize-active.svg
@@ -7,20 +7,26 @@
-
-
+
-
-
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-active.svg b/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-active.svg
index c0fd75b6..b7e03703 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-active.svg
@@ -7,20 +7,26 @@
-
-
+
-
-
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-hover.svg b/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-hover.svg
index cec2414b..3c67363a 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-hover.svg
@@ -7,20 +7,56 @@
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-normal.svg b/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-normal.svg
index fcb065a1..2a1027ae 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximize-backdrop-normal.svg
@@ -7,14 +7,38 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximize-hover.svg b/roles/config/files/.config/gtk-3.0/assets/maximize-hover.svg
index 8cfa3000..3c67363a 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximize-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximize-hover.svg
@@ -7,20 +7,56 @@
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximize-normal.svg b/roles/config/files/.config/gtk-3.0/assets/maximize-normal.svg
index 1babe98c..4a771a08 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximize-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximize-normal.svg
@@ -7,14 +7,32 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximized-active.svg b/roles/config/files/.config/gtk-3.0/assets/maximized-active.svg
index 34e4b35d..087fe12a 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximized-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximized-active.svg
@@ -7,20 +7,26 @@
-
-
+
-
-
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-active.svg b/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-active.svg
index 12977be9..087fe12a 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-active.svg
@@ -7,20 +7,26 @@
-
-
+
-
-
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-hover.svg b/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-hover.svg
index 71298967..c533daae 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-hover.svg
@@ -7,20 +7,44 @@
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-normal.svg b/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-normal.svg
index 57ffa7ac..ba7b7d49 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximized-backdrop-normal.svg
@@ -7,14 +7,38 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximized-hover.svg b/roles/config/files/.config/gtk-3.0/assets/maximized-hover.svg
index 79c80204..c533daae 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximized-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximized-hover.svg
@@ -7,20 +7,44 @@
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/maximized-normal.svg b/roles/config/files/.config/gtk-3.0/assets/maximized-normal.svg
index 8150c52f..0a192ddb 100644
--- a/roles/config/files/.config/gtk-3.0/assets/maximized-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/maximized-normal.svg
@@ -7,14 +7,32 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/minimize-active.svg b/roles/config/files/.config/gtk-3.0/assets/minimize-active.svg
index 0bd26c39..22945d21 100644
--- a/roles/config/files/.config/gtk-3.0/assets/minimize-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/minimize-active.svg
@@ -7,20 +7,146 @@
-
-
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-active.svg b/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-active.svg
index c4a02124..22945d21 100644
--- a/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-active.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-active.svg
@@ -7,20 +7,146 @@
-
-
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-hover.svg b/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-hover.svg
index a3a53870..72e06fe4 100644
--- a/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-hover.svg
@@ -7,20 +7,38 @@
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-normal.svg b/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-normal.svg
index 9868b42b..4efb8553 100644
--- a/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/minimize-backdrop-normal.svg
@@ -7,14 +7,32 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/minimize-hover.svg b/roles/config/files/.config/gtk-3.0/assets/minimize-hover.svg
index 1ed59a25..72e06fe4 100644
--- a/roles/config/files/.config/gtk-3.0/assets/minimize-hover.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/minimize-hover.svg
@@ -7,20 +7,38 @@
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/assets/minimize-normal.svg b/roles/config/files/.config/gtk-3.0/assets/minimize-normal.svg
index 1a899a86..26c8c0bc 100644
--- a/roles/config/files/.config/gtk-3.0/assets/minimize-normal.svg
+++ b/roles/config/files/.config/gtk-3.0/assets/minimize-normal.svg
@@ -7,14 +7,26 @@
-
-
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.config/gtk-3.0/colors.css b/roles/config/files/.config/gtk-3.0/colors.css
index 821726e2..afb2e761 100644
--- a/roles/config/files/.config/gtk-3.0/colors.css
+++ b/roles/config/files/.config/gtk-3.0/colors.css
@@ -1,84 +1,84 @@
-@define-color borders_breeze #5f6265;
-@define-color content_view_bg_breeze #1b1e20;
-@define-color error_color_backdrop_breeze #da4453;
-@define-color error_color_breeze #da4453;
-@define-color error_color_insensitive_backdrop_breeze #592930;
-@define-color error_color_insensitive_breeze #592930;
-@define-color insensitive_base_color_breeze #1a1d1f;
-@define-color insensitive_base_fg_color_breeze #656768;
-@define-color insensitive_bg_color_breeze #282c30;
-@define-color insensitive_borders_breeze #3a3d41;
-@define-color insensitive_fg_color_breeze #6e7173;
-@define-color insensitive_selected_bg_color_breeze #282c30;
-@define-color insensitive_selected_fg_color_breeze #6e7173;
-@define-color insensitive_unfocused_bg_color_breeze #282c30;
-@define-color insensitive_unfocused_fg_color_breeze #6e7173;
-@define-color insensitive_unfocused_selected_bg_color_breeze #282c30;
-@define-color insensitive_unfocused_selected_fg_color_breeze #6e7173;
-@define-color link_color_breeze #1d99f3;
-@define-color link_visited_color_breeze #9b59b6;
-@define-color success_color_backdrop_breeze #27ae60;
-@define-color success_color_breeze #27ae60;
-@define-color success_color_insensitive_backdrop_breeze #1e4d34;
-@define-color success_color_insensitive_breeze #1e4d34;
-@define-color theme_base_color_breeze #1b1e20;
-@define-color theme_bg_color_breeze #2a2e32;
-@define-color theme_button_background_backdrop_breeze #31363b;
-@define-color theme_button_background_backdrop_insensitive_breeze #2f3338;
-@define-color theme_button_background_insensitive_breeze #2f3338;
-@define-color theme_button_background_normal_breeze #31363b;
-@define-color theme_button_decoration_focus_backdrop_breeze #3daee9;
-@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #335c72;
-@define-color theme_button_decoration_focus_breeze #3daee9;
-@define-color theme_button_decoration_focus_insensitive_breeze #335c72;
-@define-color theme_button_decoration_hover_backdrop_breeze #3daee9;
-@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #335c72;
-@define-color theme_button_decoration_hover_breeze #3daee9;
-@define-color theme_button_decoration_hover_insensitive_breeze #335c72;
-@define-color theme_button_foreground_active_backdrop_breeze #fcfcfc;
-@define-color theme_button_foreground_active_backdrop_insensitive_breeze #6e7173;
-@define-color theme_button_foreground_active_breeze #fcfcfc;
-@define-color theme_button_foreground_active_insensitive_breeze #6e7173;
-@define-color theme_button_foreground_backdrop_breeze #fcfcfc;
-@define-color theme_button_foreground_backdrop_insensitive_breeze #727679;
-@define-color theme_button_foreground_insensitive_breeze #727679;
-@define-color theme_button_foreground_normal_breeze #fcfcfc;
-@define-color theme_fg_color_breeze #fcfcfc;
-@define-color theme_header_background_backdrop_breeze #2a2e32;
-@define-color theme_header_background_breeze #31363b;
-@define-color theme_header_background_light_breeze #2a2e32;
-@define-color theme_header_foreground_backdrop_breeze #fcfcfc;
-@define-color theme_header_foreground_breeze #fcfcfc;
-@define-color theme_header_foreground_insensitive_backdrop_breeze #fcfcfc;
-@define-color theme_header_foreground_insensitive_breeze #fcfcfc;
-@define-color theme_hovering_selected_bg_color_breeze #3daee9;
-@define-color theme_selected_bg_color_breeze #3daee9;
-@define-color theme_selected_fg_color_breeze #fcfcfc;
-@define-color theme_text_color_breeze #fcfcfc;
-@define-color theme_titlebar_background_backdrop_breeze #2a2e32;
-@define-color theme_titlebar_background_breeze #31363b;
-@define-color theme_titlebar_background_light_breeze #2a2e32;
-@define-color theme_titlebar_foreground_backdrop_breeze #fcfcfc;
-@define-color theme_titlebar_foreground_breeze #fcfcfc;
-@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #fcfcfc;
-@define-color theme_titlebar_foreground_insensitive_breeze #fcfcfc;
-@define-color theme_unfocused_base_color_breeze #1b1e20;
-@define-color theme_unfocused_bg_color_breeze #2a2e32;
-@define-color theme_unfocused_fg_color_breeze #fcfcfc;
-@define-color theme_unfocused_selected_bg_color_alt_breeze #1f485e;
-@define-color theme_unfocused_selected_bg_color_breeze #1f485e;
-@define-color theme_unfocused_selected_fg_color_breeze #fcfcfc;
-@define-color theme_unfocused_text_color_breeze #fcfcfc;
-@define-color theme_unfocused_view_bg_color_breeze #1a1d1f;
-@define-color theme_unfocused_view_text_color_breeze #656768;
-@define-color theme_view_active_decoration_color_breeze #3daee9;
-@define-color theme_view_hover_decoration_color_breeze #3daee9;
-@define-color tooltip_background_breeze #31363b;
-@define-color tooltip_border_breeze #64686b;
-@define-color tooltip_text_breeze #fcfcfc;
-@define-color unfocused_borders_breeze #5f6265;
-@define-color unfocused_insensitive_borders_breeze #3a3d41;
-@define-color warning_color_backdrop_breeze #f67400;
-@define-color warning_color_breeze #f67400;
-@define-color warning_color_insensitive_backdrop_breeze #633914;
-@define-color warning_color_insensitive_breeze #633914;
+@define-color borders_breeze #494d61;
+@define-color content_view_bg_breeze #24273a;
+@define-color error_color_backdrop_breeze #826a90;
+@define-color error_color_breeze #ed8796;
+@define-color error_color_insensitive_backdrop_breeze #b16a7a;
+@define-color error_color_insensitive_breeze #b16a7a;
+@define-color insensitive_base_color_breeze #24273a;
+@define-color insensitive_base_fg_color_breeze #989fbd;
+@define-color insensitive_bg_color_breeze #202233;
+@define-color insensitive_borders_breeze #3e4155;
+@define-color insensitive_fg_color_breeze #989fbd;
+@define-color insensitive_selected_bg_color_breeze #202233;
+@define-color insensitive_selected_fg_color_breeze #989fbd;
+@define-color insensitive_unfocused_bg_color_breeze #202233;
+@define-color insensitive_unfocused_fg_color_breeze #989fbd;
+@define-color insensitive_unfocused_selected_bg_color_breeze #202233;
+@define-color insensitive_unfocused_selected_fg_color_breeze #989fbd;
+@define-color link_color_breeze #f5a97f;
+@define-color link_visited_color_breeze #c6a0f6;
+@define-color success_color_backdrop_breeze #728599;
+@define-color success_color_breeze #a6da95;
+@define-color success_color_insensitive_backdrop_breeze #7fa47a;
+@define-color success_color_insensitive_breeze #7fa47a;
+@define-color theme_base_color_breeze #24273a;
+@define-color theme_bg_color_breeze #1e2030;
+@define-color theme_button_background_backdrop_breeze #26293e;
+@define-color theme_button_background_backdrop_insensitive_breeze #313449;
+@define-color theme_button_background_insensitive_breeze #313449;
+@define-color theme_button_background_normal_breeze #363a4f;
+@define-color theme_button_decoration_focus_backdrop_breeze #86778e;
+@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #b6826a;
+@define-color theme_button_decoration_focus_breeze #f5a97f;
+@define-color theme_button_decoration_focus_insensitive_breeze #b6826a;
+@define-color theme_button_decoration_hover_backdrop_breeze #26293e;
+@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #313449;
+@define-color theme_button_decoration_hover_breeze #363a4f;
+@define-color theme_button_decoration_hover_insensitive_breeze #313449;
+@define-color theme_button_foreground_active_backdrop_breeze #7f84a2;
+@define-color theme_button_foreground_active_backdrop_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_active_breeze #181926;
+@define-color theme_button_foreground_active_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_backdrop_breeze #7f84a2;
+@define-color theme_button_foreground_backdrop_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_normal_breeze #cad3f5;
+@define-color theme_fg_color_breeze #cad3f5;
+@define-color theme_header_background_backdrop_breeze #24273a;
+@define-color theme_header_background_breeze #1e2030;
+@define-color theme_header_background_light_breeze #1e2030;
+@define-color theme_header_foreground_backdrop_breeze #7f84a2;
+@define-color theme_header_foreground_breeze #cad3f5;
+@define-color theme_header_foreground_insensitive_backdrop_breeze #7f84a2;
+@define-color theme_header_foreground_insensitive_breeze #7f84a2;
+@define-color theme_hovering_selected_bg_color_breeze #363a4f;
+@define-color theme_selected_bg_color_breeze #f5a97f;
+@define-color theme_selected_fg_color_breeze #181926;
+@define-color theme_text_color_breeze #cad3f5;
+@define-color theme_titlebar_background_backdrop_breeze #24273a;
+@define-color theme_titlebar_background_breeze #1e2030;
+@define-color theme_titlebar_background_light_breeze #1e2030;
+@define-color theme_titlebar_foreground_backdrop_breeze #7f84a2;
+@define-color theme_titlebar_foreground_breeze #cad3f5;
+@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #7f84a2;
+@define-color theme_titlebar_foreground_insensitive_breeze #7f84a2;
+@define-color theme_unfocused_base_color_breeze #24273a;
+@define-color theme_unfocused_bg_color_breeze #24273a;
+@define-color theme_unfocused_fg_color_breeze #7f84a2;
+@define-color theme_unfocused_selected_bg_color_alt_breeze #2e2f43;
+@define-color theme_unfocused_selected_bg_color_breeze #2e2f43;
+@define-color theme_unfocused_selected_fg_color_breeze #7f84a2;
+@define-color theme_unfocused_text_color_breeze #7f84a2;
+@define-color theme_unfocused_view_bg_color_breeze #24273a;
+@define-color theme_unfocused_view_text_color_breeze #989fbd;
+@define-color theme_view_active_decoration_color_breeze #363a4f;
+@define-color theme_view_hover_decoration_color_breeze #363a4f;
+@define-color tooltip_background_breeze #24273a;
+@define-color tooltip_border_breeze #4e5269;
+@define-color tooltip_text_breeze #cad3f5;
+@define-color unfocused_borders_breeze #3b3e54;
+@define-color unfocused_insensitive_borders_breeze #3e4155;
+@define-color warning_color_backdrop_breeze #86868d;
+@define-color warning_color_breeze #eed49f;
+@define-color warning_color_insensitive_backdrop_breeze #b1a081;
+@define-color warning_color_insensitive_breeze #b1a081;
diff --git a/roles/config/files/.config/gtk-3.0/settings.ini b/roles/config/files/.config/gtk-3.0/settings.ini
index 1d44d3b4..45053956 100644
--- a/roles/config/files/.config/gtk-3.0/settings.ini
+++ b/roles/config/files/.config/gtk-3.0/settings.ini
@@ -5,12 +5,12 @@ gtk-cursor-theme-name=Breeze_Light
gtk-cursor-theme-size=24
gtk-decoration-layout=icon:minimize,maximize,close
gtk-enable-animations=false
-gtk-font-name=Noto Sans, 11
+gtk-font-name=Noto Sans, 12
gtk-icon-theme-name=breeze-dark
gtk-menu-images=true
gtk-modules=colorreload-gtk-module:window-decorations-gtk-module
gtk-primary-button-warps-slider=true
gtk-sound-theme-name=ocean
-gtk-theme-name=Breeze
+gtk-theme-name=Catppuccin-Macchiato-Standard-Peach-Dark
gtk-toolbar-style=3
gtk-xft-dpi=122880
diff --git a/roles/config/files/.config/gtk-4.0/colors.css b/roles/config/files/.config/gtk-4.0/colors.css
index 821726e2..afb2e761 100644
--- a/roles/config/files/.config/gtk-4.0/colors.css
+++ b/roles/config/files/.config/gtk-4.0/colors.css
@@ -1,84 +1,84 @@
-@define-color borders_breeze #5f6265;
-@define-color content_view_bg_breeze #1b1e20;
-@define-color error_color_backdrop_breeze #da4453;
-@define-color error_color_breeze #da4453;
-@define-color error_color_insensitive_backdrop_breeze #592930;
-@define-color error_color_insensitive_breeze #592930;
-@define-color insensitive_base_color_breeze #1a1d1f;
-@define-color insensitive_base_fg_color_breeze #656768;
-@define-color insensitive_bg_color_breeze #282c30;
-@define-color insensitive_borders_breeze #3a3d41;
-@define-color insensitive_fg_color_breeze #6e7173;
-@define-color insensitive_selected_bg_color_breeze #282c30;
-@define-color insensitive_selected_fg_color_breeze #6e7173;
-@define-color insensitive_unfocused_bg_color_breeze #282c30;
-@define-color insensitive_unfocused_fg_color_breeze #6e7173;
-@define-color insensitive_unfocused_selected_bg_color_breeze #282c30;
-@define-color insensitive_unfocused_selected_fg_color_breeze #6e7173;
-@define-color link_color_breeze #1d99f3;
-@define-color link_visited_color_breeze #9b59b6;
-@define-color success_color_backdrop_breeze #27ae60;
-@define-color success_color_breeze #27ae60;
-@define-color success_color_insensitive_backdrop_breeze #1e4d34;
-@define-color success_color_insensitive_breeze #1e4d34;
-@define-color theme_base_color_breeze #1b1e20;
-@define-color theme_bg_color_breeze #2a2e32;
-@define-color theme_button_background_backdrop_breeze #31363b;
-@define-color theme_button_background_backdrop_insensitive_breeze #2f3338;
-@define-color theme_button_background_insensitive_breeze #2f3338;
-@define-color theme_button_background_normal_breeze #31363b;
-@define-color theme_button_decoration_focus_backdrop_breeze #3daee9;
-@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #335c72;
-@define-color theme_button_decoration_focus_breeze #3daee9;
-@define-color theme_button_decoration_focus_insensitive_breeze #335c72;
-@define-color theme_button_decoration_hover_backdrop_breeze #3daee9;
-@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #335c72;
-@define-color theme_button_decoration_hover_breeze #3daee9;
-@define-color theme_button_decoration_hover_insensitive_breeze #335c72;
-@define-color theme_button_foreground_active_backdrop_breeze #fcfcfc;
-@define-color theme_button_foreground_active_backdrop_insensitive_breeze #6e7173;
-@define-color theme_button_foreground_active_breeze #fcfcfc;
-@define-color theme_button_foreground_active_insensitive_breeze #6e7173;
-@define-color theme_button_foreground_backdrop_breeze #fcfcfc;
-@define-color theme_button_foreground_backdrop_insensitive_breeze #727679;
-@define-color theme_button_foreground_insensitive_breeze #727679;
-@define-color theme_button_foreground_normal_breeze #fcfcfc;
-@define-color theme_fg_color_breeze #fcfcfc;
-@define-color theme_header_background_backdrop_breeze #2a2e32;
-@define-color theme_header_background_breeze #31363b;
-@define-color theme_header_background_light_breeze #2a2e32;
-@define-color theme_header_foreground_backdrop_breeze #fcfcfc;
-@define-color theme_header_foreground_breeze #fcfcfc;
-@define-color theme_header_foreground_insensitive_backdrop_breeze #fcfcfc;
-@define-color theme_header_foreground_insensitive_breeze #fcfcfc;
-@define-color theme_hovering_selected_bg_color_breeze #3daee9;
-@define-color theme_selected_bg_color_breeze #3daee9;
-@define-color theme_selected_fg_color_breeze #fcfcfc;
-@define-color theme_text_color_breeze #fcfcfc;
-@define-color theme_titlebar_background_backdrop_breeze #2a2e32;
-@define-color theme_titlebar_background_breeze #31363b;
-@define-color theme_titlebar_background_light_breeze #2a2e32;
-@define-color theme_titlebar_foreground_backdrop_breeze #fcfcfc;
-@define-color theme_titlebar_foreground_breeze #fcfcfc;
-@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #fcfcfc;
-@define-color theme_titlebar_foreground_insensitive_breeze #fcfcfc;
-@define-color theme_unfocused_base_color_breeze #1b1e20;
-@define-color theme_unfocused_bg_color_breeze #2a2e32;
-@define-color theme_unfocused_fg_color_breeze #fcfcfc;
-@define-color theme_unfocused_selected_bg_color_alt_breeze #1f485e;
-@define-color theme_unfocused_selected_bg_color_breeze #1f485e;
-@define-color theme_unfocused_selected_fg_color_breeze #fcfcfc;
-@define-color theme_unfocused_text_color_breeze #fcfcfc;
-@define-color theme_unfocused_view_bg_color_breeze #1a1d1f;
-@define-color theme_unfocused_view_text_color_breeze #656768;
-@define-color theme_view_active_decoration_color_breeze #3daee9;
-@define-color theme_view_hover_decoration_color_breeze #3daee9;
-@define-color tooltip_background_breeze #31363b;
-@define-color tooltip_border_breeze #64686b;
-@define-color tooltip_text_breeze #fcfcfc;
-@define-color unfocused_borders_breeze #5f6265;
-@define-color unfocused_insensitive_borders_breeze #3a3d41;
-@define-color warning_color_backdrop_breeze #f67400;
-@define-color warning_color_breeze #f67400;
-@define-color warning_color_insensitive_backdrop_breeze #633914;
-@define-color warning_color_insensitive_breeze #633914;
+@define-color borders_breeze #494d61;
+@define-color content_view_bg_breeze #24273a;
+@define-color error_color_backdrop_breeze #826a90;
+@define-color error_color_breeze #ed8796;
+@define-color error_color_insensitive_backdrop_breeze #b16a7a;
+@define-color error_color_insensitive_breeze #b16a7a;
+@define-color insensitive_base_color_breeze #24273a;
+@define-color insensitive_base_fg_color_breeze #989fbd;
+@define-color insensitive_bg_color_breeze #202233;
+@define-color insensitive_borders_breeze #3e4155;
+@define-color insensitive_fg_color_breeze #989fbd;
+@define-color insensitive_selected_bg_color_breeze #202233;
+@define-color insensitive_selected_fg_color_breeze #989fbd;
+@define-color insensitive_unfocused_bg_color_breeze #202233;
+@define-color insensitive_unfocused_fg_color_breeze #989fbd;
+@define-color insensitive_unfocused_selected_bg_color_breeze #202233;
+@define-color insensitive_unfocused_selected_fg_color_breeze #989fbd;
+@define-color link_color_breeze #f5a97f;
+@define-color link_visited_color_breeze #c6a0f6;
+@define-color success_color_backdrop_breeze #728599;
+@define-color success_color_breeze #a6da95;
+@define-color success_color_insensitive_backdrop_breeze #7fa47a;
+@define-color success_color_insensitive_breeze #7fa47a;
+@define-color theme_base_color_breeze #24273a;
+@define-color theme_bg_color_breeze #1e2030;
+@define-color theme_button_background_backdrop_breeze #26293e;
+@define-color theme_button_background_backdrop_insensitive_breeze #313449;
+@define-color theme_button_background_insensitive_breeze #313449;
+@define-color theme_button_background_normal_breeze #363a4f;
+@define-color theme_button_decoration_focus_backdrop_breeze #86778e;
+@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #b6826a;
+@define-color theme_button_decoration_focus_breeze #f5a97f;
+@define-color theme_button_decoration_focus_insensitive_breeze #b6826a;
+@define-color theme_button_decoration_hover_backdrop_breeze #26293e;
+@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #313449;
+@define-color theme_button_decoration_hover_breeze #363a4f;
+@define-color theme_button_decoration_hover_insensitive_breeze #313449;
+@define-color theme_button_foreground_active_backdrop_breeze #7f84a2;
+@define-color theme_button_foreground_active_backdrop_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_active_breeze #181926;
+@define-color theme_button_foreground_active_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_backdrop_breeze #7f84a2;
+@define-color theme_button_foreground_backdrop_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_insensitive_breeze #989fbd;
+@define-color theme_button_foreground_normal_breeze #cad3f5;
+@define-color theme_fg_color_breeze #cad3f5;
+@define-color theme_header_background_backdrop_breeze #24273a;
+@define-color theme_header_background_breeze #1e2030;
+@define-color theme_header_background_light_breeze #1e2030;
+@define-color theme_header_foreground_backdrop_breeze #7f84a2;
+@define-color theme_header_foreground_breeze #cad3f5;
+@define-color theme_header_foreground_insensitive_backdrop_breeze #7f84a2;
+@define-color theme_header_foreground_insensitive_breeze #7f84a2;
+@define-color theme_hovering_selected_bg_color_breeze #363a4f;
+@define-color theme_selected_bg_color_breeze #f5a97f;
+@define-color theme_selected_fg_color_breeze #181926;
+@define-color theme_text_color_breeze #cad3f5;
+@define-color theme_titlebar_background_backdrop_breeze #24273a;
+@define-color theme_titlebar_background_breeze #1e2030;
+@define-color theme_titlebar_background_light_breeze #1e2030;
+@define-color theme_titlebar_foreground_backdrop_breeze #7f84a2;
+@define-color theme_titlebar_foreground_breeze #cad3f5;
+@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #7f84a2;
+@define-color theme_titlebar_foreground_insensitive_breeze #7f84a2;
+@define-color theme_unfocused_base_color_breeze #24273a;
+@define-color theme_unfocused_bg_color_breeze #24273a;
+@define-color theme_unfocused_fg_color_breeze #7f84a2;
+@define-color theme_unfocused_selected_bg_color_alt_breeze #2e2f43;
+@define-color theme_unfocused_selected_bg_color_breeze #2e2f43;
+@define-color theme_unfocused_selected_fg_color_breeze #7f84a2;
+@define-color theme_unfocused_text_color_breeze #7f84a2;
+@define-color theme_unfocused_view_bg_color_breeze #24273a;
+@define-color theme_unfocused_view_text_color_breeze #989fbd;
+@define-color theme_view_active_decoration_color_breeze #363a4f;
+@define-color theme_view_hover_decoration_color_breeze #363a4f;
+@define-color tooltip_background_breeze #24273a;
+@define-color tooltip_border_breeze #4e5269;
+@define-color tooltip_text_breeze #cad3f5;
+@define-color unfocused_borders_breeze #3b3e54;
+@define-color unfocused_insensitive_borders_breeze #3e4155;
+@define-color warning_color_backdrop_breeze #86868d;
+@define-color warning_color_breeze #eed49f;
+@define-color warning_color_insensitive_backdrop_breeze #b1a081;
+@define-color warning_color_insensitive_breeze #b1a081;
diff --git a/roles/config/files/.config/gtk-4.0/settings.ini b/roles/config/files/.config/gtk-4.0/settings.ini
index b35da93b..5235ccb5 100644
--- a/roles/config/files/.config/gtk-4.0/settings.ini
+++ b/roles/config/files/.config/gtk-4.0/settings.ini
@@ -4,10 +4,10 @@ gtk-cursor-theme-name=Breeze_Light
gtk-cursor-theme-size=24
gtk-decoration-layout=icon:minimize,maximize,close
gtk-enable-animations=false
-gtk-font-name=Noto Sans, 11
+gtk-font-name=Noto Sans, 12
gtk-icon-theme-name=breeze-dark
gtk-modules=colorreload-gtk-module:window-decorations-gtk-module
gtk-primary-button-warps-slider=true
gtk-sound-theme-name=ocean
-gtk-theme-name=Breeze
+gtk-theme-name=Catppuccin-Macchiato-Standard-Peach-Dark
gtk-xft-dpi=122880
diff --git a/roles/config/files/.config/gtkrc b/roles/config/files/.config/gtkrc
index d59203e5..7370281b 100644
--- a/roles/config/files/.config/gtkrc
+++ b/roles/config/files/.config/gtkrc
@@ -1,4 +1,4 @@
-# erstellt von KDE-Plasma, Mon Sep 16 19:54:59 2024
+# erstellt von KDE-Plasma, Sat Oct 12 10:52:44 2024
#
include "/usr/share/themes/Breeze/gtk-2.0/gtkrc"
diff --git a/roles/config/files/.config/gtkrc-2.0 b/roles/config/files/.config/gtkrc-2.0
index 25e1b72c..0ba0ec27 100644
--- a/roles/config/files/.config/gtkrc-2.0
+++ b/roles/config/files/.config/gtkrc-2.0
@@ -1,4 +1,4 @@
-# erstellt von KDE-Plasma, Mon Sep 16 19:54:59 2024
+# erstellt von KDE-Plasma, Sat Oct 12 10:52:44 2024
#
gtk-alternative-button-order = 1
diff --git a/roles/config/files/.config/kate/externaltools/Clang%20Format%20Full%20File.ini b/roles/config/files/.config/kate/externaltools/Clang%20Format%20Full%20File.ini
new file mode 100644
index 00000000..b8d95b25
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Clang%20Format%20Full%20File.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_ClangFormatFullFile
+arguments=-i %{Document:FileName}
+category=Tools
+cmdname=clang-format-file
+executable=clang-format
+name=Clang Format Full File
+output=Ignore
+reload=true
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Clang%20Format%20Selected%20Text.ini b/roles/config/files/.config/kate/externaltools/Clang%20Format%20Selected%20Text.ini
new file mode 100644
index 00000000..8daf5b33
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Clang%20Format%20Selected%20Text.ini
@@ -0,0 +1,13 @@
+[General]
+actionName=externaltool_ClangFormatSelectedText
+arguments=-assume-filename=%{Document:FileName}
+category=Tools
+cmdname=clang-format-selection
+executable=clang-format
+input=\s%{Document:Selection:Text}
+name=Clang Format Selected Text
+output=ReplaceSelectedText
+reload=false
+save=None
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Compile%20and%20Run%20cpp.ini b/roles/config/files/.config/kate/externaltools/Compile%20and%20Run%20cpp.ini
new file mode 100644
index 00000000..138ae1b2
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Compile%20and%20Run%20cpp.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_C++CompileRun
+arguments=-c 'g++ "%{Document:FilePath}" -o "%{Document:FileBaseName}" && "./%{Document:FileBaseName}"'
+category=Tools
+executable=sh
+icon=text-x-c++src
+name=Compile and Run cpp
+output=DisplayInPane
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Go%20Fmt%20Full%20File.ini b/roles/config/files/.config/kate/externaltools/Go%20Fmt%20Full%20File.ini
new file mode 100644
index 00000000..cfdc77f2
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Go%20Fmt%20Full%20File.ini
@@ -0,0 +1,14 @@
+[General]
+actionName=externaltool_GoFmt
+arguments=%{Document:FileName}
+category=Go
+cmdname=gofmt-full-file
+executable=gofmt
+icon=text/x-go
+mimetypes=text/x-go
+name=Go Fmt Full File
+output=ReplaceCurrentDocument
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/GoImports%20Full%20File.ini b/roles/config/files/.config/kate/externaltools/GoImports%20Full%20File.ini
new file mode 100644
index 00000000..24ff53b1
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/GoImports%20Full%20File.ini
@@ -0,0 +1,14 @@
+[General]
+actionName=externaltool_GoImports
+arguments=%{Document:FileName}
+category=Go
+cmdname=goimports-full-file
+executable=goimports
+icon=text-x-go
+mimetypes=text/x-go
+name=GoImports Full File
+output=ReplaceCurrentDocument
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Google%20Selected%20Text.ini b/roles/config/files/.config/kate/externaltools/Google%20Selected%20Text.ini
new file mode 100644
index 00000000..72cb2e58
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Google%20Selected%20Text.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_GoogleSelectedText
+arguments="https://www.google.com/search?q=%{PercentEncoded:%{Document:Selection:Text}}"
+category=Tools
+cmdname=google
+executable=xdg-open
+icon=globe
+name=Google Selected Text
+output=Ignore
+reload=false
+save=None
+trigger=None
diff --git a/roles/config/files/.config/kate/externaltools/Insert%20UUID.ini b/roles/config/files/.config/kate/externaltools/Insert%20UUID.ini
new file mode 100644
index 00000000..d399197b
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Insert%20UUID.ini
@@ -0,0 +1,11 @@
+[General]
+actionName=externaltool_InsertUUID
+arguments=%{UUID}
+category=Tools
+cmdname=uuid
+executable=echo
+name=Insert UUID
+output=InsertAtCursor
+reload=false
+save=None
+trigger=None
diff --git a/roles/config/files/.config/kate/externaltools/JSON%20Format%20Full%20File.ini b/roles/config/files/.config/kate/externaltools/JSON%20Format%20Full%20File.ini
new file mode 100644
index 00000000..869218db
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/JSON%20Format%20Full%20File.ini
@@ -0,0 +1,14 @@
+[General]
+actionName=externaltool_JSONFormatFullFile
+arguments="."
+category=Tools
+cmdname=json-format-file
+executable=jq
+icon=application-json
+input=%{Document:Text}
+name=JSON Format Full File
+output=ReplaceCurrentDocument
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Prettier%20Format%20Current%20File.ini b/roles/config/files/.config/kate/externaltools/Prettier%20Format%20Current%20File.ini
new file mode 100644
index 00000000..aec2a3ad
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Prettier%20Format%20Current%20File.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_Prettier
+arguments=%{Document:FileName}
+category=Tools
+cmdname=prettier-format-full-file
+executable=prettier
+name=Prettier Format Current File
+output=ReplaceCurrentDocument
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Qt%20Quick%202%20Preview%20%28qmlscene%29.ini b/roles/config/files/.config/kate/externaltools/Qt%20Quick%202%20Preview%20%28qmlscene%29.ini
new file mode 100644
index 00000000..4e962e1b
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Qt%20Quick%202%20Preview%20%28qmlscene%29.ini
@@ -0,0 +1,13 @@
+[General]
+actionName=externaltool_QtQuick2Previewqmlscene
+arguments=%{Document:FileName}
+category=Qt
+cmdname=qml-preview
+executable=qmlscene
+mimetypes=text/x-qml
+name=Qt Quick 2 Preview (qmlscene)
+output=Ignore
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Run%20Shell%20Script.ini b/roles/config/files/.config/kate/externaltools/Run%20Shell%20Script.ini
new file mode 100644
index 00000000..e955c296
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Run%20Shell%20Script.ini
@@ -0,0 +1,13 @@
+[General]
+actionName=externaltool_RunShellScript
+arguments=-e sh -c "cd %{Document:Path} && pwd && chmod -vc a+x %{Document:FileName} && ./%{Document:FileName} ; echo Press enter to continue. && read null"
+category=Tools
+cmdname=run-script
+executable=konsole
+icon=system-run
+name=Run Shell Script
+output=Ignore
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Rust%20Fmt%20Full%20File.ini b/roles/config/files/.config/kate/externaltools/Rust%20Fmt%20Full%20File.ini
new file mode 100644
index 00000000..12bed295
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Rust%20Fmt%20Full%20File.ini
@@ -0,0 +1,14 @@
+[General]
+actionName=externaltool_RustFmt
+arguments=%{Document:FileName}
+category=Tools
+cmdname=rustfmt-full-file
+executable=rustfmt
+icon=text-x-rust
+mimetypes=text/x-rust
+name=Rust Fmt Full File
+output=Ignore
+reload=true
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Search%20KDE%20API.ini b/roles/config/files/.config/kate/externaltools/Search%20KDE%20API.ini
new file mode 100644
index 00000000..7addbe13
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Search%20KDE%20API.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_KDEAPI
+arguments="https://api.kde.org/search.html?query=%{Document:Selection:Text}"
+category=Tools
+executable=xdg-open
+icon=kde
+name=Search KDE API
+output=Ignore
+reload=false
+save=None
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/Search%20Qt%20API.ini b/roles/config/files/.config/kate/externaltools/Search%20Qt%20API.ini
new file mode 100644
index 00000000..d843454d
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/Search%20Qt%20API.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_QtAPI
+arguments="https://doc.qt.io/qt-5/search-results.html?q=%{Document:Selection:Text}"
+category=Tools
+executable=xdg-open
+icon=qtcreator
+name=Search Qt API
+output=Ignore
+reload=false
+save=None
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/XML%20Format%20Full%20File.ini b/roles/config/files/.config/kate/externaltools/XML%20Format%20Full%20File.ini
new file mode 100644
index 00000000..02803682
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/XML%20Format%20Full%20File.ini
@@ -0,0 +1,13 @@
+[General]
+actionName=externaltool_XMLFormatFullFile
+arguments=--format "%{Document:FileName}"
+category=Tools
+cmdname=xml-format-file
+executable=xmllint
+icon=application-xml
+name=XML Format Full File
+output=ReplaceCurrentDocument
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/git%20blame.ini b/roles/config/files/.config/kate/externaltools/git%20blame.ini
new file mode 100644
index 00000000..aeef6d23
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/git%20blame.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_gitblame
+arguments=gui blame --line=%{Document:Cursor:Line} %{Document:FileName}
+category=Git
+cmdname=git-blame
+executable=git
+name=git blame
+output=Ignore
+reload=false
+save=CurrentDocument
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/kate/externaltools/git-cola.ini b/roles/config/files/.config/kate/externaltools/git-cola.ini
new file mode 100644
index 00000000..31179a69
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/git-cola.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_gitcola
+arguments=-r %{Document:Path}
+category=Git
+cmdname=git-cola
+executable=git-cola
+icon=git-cola
+name=git-cola
+output=Ignore
+reload=false
+save=None
+trigger=None
diff --git a/roles/config/files/.config/kate/externaltools/gitk.ini b/roles/config/files/.config/kate/externaltools/gitk.ini
new file mode 100644
index 00000000..060a6eef
--- /dev/null
+++ b/roles/config/files/.config/kate/externaltools/gitk.ini
@@ -0,0 +1,12 @@
+[General]
+actionName=externaltool_gitk
+category=Git
+cmdname=gitk
+executable=gitk
+icon=git-gui
+name=gitk
+output=Ignore
+reload=false
+save=None
+trigger=None
+workingDir=%{Document:Path}
diff --git a/roles/config/files/.config/katerc b/roles/config/files/.config/katerc
new file mode 100644
index 00000000..7c27bc3a
--- /dev/null
+++ b/roles/config/files/.config/katerc
@@ -0,0 +1,57 @@
+[General]
+Days Meta Infos=30
+Save Meta Infos=true
+Show Full Path in Title=false
+Show Menu Bar=true
+Show Status Bar=true
+Show Tab Bar=true
+Show Url Nav Bar=true
+
+[KTextEditor Renderer]
+Animate Bracket Matching=false
+Auto Color Theme Selection=true
+Color Theme=Catppuccin Macchiato
+Line Height Multiplier=1
+Show Indentation Lines=false
+Show Whole Bracket Expression=false
+Text Font=Roboto Mono [GOOG],12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
+Text Font Features=
+Word Wrap Marker=false
+
+[MainWindow]
+2 screens: Height=1120
+2 screens: Width=1024
+
+[filetree]
+editShade=112,80,65
+listMode=false
+middleClickToClose=false
+shadingEnabled=true
+showCloseButton=false
+showFullPathOnRoots=false
+showToolbar=true
+sortRole=0
+viewShade=101,69,143
+
+[lspclient]
+AllowedServerCommandLines=
+AutoHover=true
+AutoImport=true
+BlockedServerCommandLines=/usr/bin/yaml-language-server --stdio
+CompletionDocumentation=true
+CompletionParens=true
+Diagnostics=true
+FormatOnSave=false
+HighlightGoto=true
+IncrementalSync=false
+InlayHints=false
+Messages=true
+ReferencesDeclaration=true
+SemanticHighlighting=true
+ServerConfiguration=
+SignatureHelp=true
+SymbolDetails=false
+SymbolExpand=true
+SymbolSort=false
+SymbolTree=true
+TypeFormatting=false
diff --git a/roles/config/files/.config/katevirc b/roles/config/files/.config/katevirc
new file mode 100644
index 00000000..cdea46f5
--- /dev/null
+++ b/roles/config/files/.config/katevirc
@@ -0,0 +1,17 @@
+[Kate Vi Input Mode Settings]
+Command Mode Mapping Keys=
+Command Mode Mappings=
+Command Mode Mappings Recursion=
+Insert Mode Mapping Keys=
+Insert Mode Mappings=
+Insert Mode Mappings Recursion=
+Macro Completions=
+Macro Contents=
+Macro Registers=
+Map Leader=\\
+Normal Mode Mapping Keys=
+Normal Mode Mappings=
+Normal Mode Mappings Recursion=
+Visual Mode Mapping Keys=
+Visual Mode Mappings=
+Visual Mode Mappings Recursion=
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.discover.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.discover.conf
new file mode 100644
index 00000000..e886bad8
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.discover.conf
@@ -0,0 +1,32 @@
+[Source-applicationSourceName]
+dataSourceCommonSettings\activeState=true
+
+[Source-applicationVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-locale]
+dataSourceCommonSettings\activeState=true
+
+[Source-opengl]
+dataSourceCommonSettings\activeState=true
+
+[Source-platform]
+dataSourceCommonSettings\activeState=true
+
+[Source-qtVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-screens]
+dataSourceCommonSettings\activeState=true
+
+[Source-startCount]
+dataSourceCommonSettings\activeState=true
+
+[Source-usageTime]
+dataSourceCommonSettings\activeState=true
+
+[UserFeedback]
+ApplicationStartCount=13
+ApplicationTime=584
+LastSubmission="@DateTime(\0\0\0\x10\0\0\0\0\0\0%\x8b\xa4\x3\xe9,x\0)"
+StatisticsCollectionMode=DetailedUsageStatistics
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.dolphin.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.dolphin.conf
new file mode 100644
index 00000000..c2332e21
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.dolphin.conf
@@ -0,0 +1,33 @@
+[Source-applicationVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-locale]
+dataSourceCommonSettings\activeState=true
+
+[Source-places]
+dataSourceCommonSettings\activeState=true
+
+[Source-platform]
+dataSourceCommonSettings\activeState=true
+
+[Source-qtVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-screens]
+dataSourceCommonSettings\activeState=true
+
+[Source-settings]
+dataSourceCommonSettings\activeState=true
+
+[Source-startCount]
+dataSourceCommonSettings\activeState=true
+
+[Source-usageTime]
+dataSourceCommonSettings\activeState=true
+
+[UserFeedback]
+ApplicationStartCount=118
+ApplicationTime=72588
+LastSubmission=@DateTime(\0\0\0\x10\0\0\0\0\0\0%\x8b\xb3\x4\xe9\xae\xd9\0)
+StatisticsCollectionMode=DetailedUsageStatistics
+SurveyInterval=0
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.kate.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kate.conf
new file mode 100644
index 00000000..6f5088ac
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kate.conf
@@ -0,0 +1,21 @@
+[Source-applicationVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-platform]
+dataSourceCommonSettings\activeState=true
+
+[Source-qtVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-screens]
+dataSourceCommonSettings\activeState=true
+
+[Source-startCount]
+dataSourceCommonSettings\activeState=true
+
+[Source-usageTime]
+dataSourceCommonSettings\activeState=true
+
+[UserFeedback]
+ApplicationStartCount=2
+ApplicationTime=15
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.kmail.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kmail.conf
new file mode 100644
index 00000000..c2321fae
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kmail.conf
@@ -0,0 +1,27 @@
+[Source-accounts]
+dataSourceCommonSettings\activeState=true
+
+[Source-applicationVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-locale]
+dataSourceCommonSettings\activeState=true
+
+[Source-platform]
+dataSourceCommonSettings\activeState=true
+
+[Source-qtVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-screens]
+dataSourceCommonSettings\activeState=true
+
+[Source-startCount]
+dataSourceCommonSettings\activeState=true
+
+[Source-usageTime]
+dataSourceCommonSettings\activeState=true
+
+[UserFeedback]
+ApplicationStartCount=5
+ApplicationTime=1457
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.kmail2.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kmail2.conf
new file mode 100644
index 00000000..d48b0a3b
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kmail2.conf
@@ -0,0 +1,2 @@
+[UserFeedback]
+ApplicationStartCount=4
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.kontact.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kontact.conf
new file mode 100644
index 00000000..332ee94f
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.kontact.conf
@@ -0,0 +1,2 @@
+[UserFeedback]
+ApplicationStartCount=1
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.plasmashell.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.plasmashell.conf
new file mode 100644
index 00000000..2efc5f50
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.plasmashell.conf
@@ -0,0 +1,33 @@
+[Source-applicationVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-compiler]
+dataSourceCommonSettings\activeState=true
+
+[Source-opengl]
+dataSourceCommonSettings\activeState=true
+
+[Source-panelCount]
+dataSourceCommonSettings\activeState=true
+
+[Source-platform]
+dataSourceCommonSettings\activeState=true
+
+[Source-qpa]
+dataSourceCommonSettings\activeState=true
+
+[Source-qtVersion]
+dataSourceCommonSettings\activeState=true
+
+[Source-screens]
+dataSourceCommonSettings\activeState=true
+
+[Source-usageTime]
+dataSourceCommonSettings\activeState=true
+
+[UserFeedback]
+ApplicationStartCount=58
+ApplicationTime=693501
+LastEncouragement=@DateTime(\0\0\0\x10\0\0\0\0\0\0%\x8b\x81\x2\xbb\xe0\x11\0)
+LastSubmission=@DateTime(\0\0\0\x10\0\0\0\0\0\0%\x8b\xb1\x4\x30\xc4X\0)
+StatisticsCollectionMode=DetailedUsageStatistics
diff --git a/roles/config/files/.config/kde.org/UserFeedback.org.kde.systemsettings.conf b/roles/config/files/.config/kde.org/UserFeedback.org.kde.systemsettings.conf
new file mode 100644
index 00000000..d48b0a3b
--- /dev/null
+++ b/roles/config/files/.config/kde.org/UserFeedback.org.kde.systemsettings.conf
@@ -0,0 +1,2 @@
+[UserFeedback]
+ApplicationStartCount=4
diff --git a/roles/config/files/.config/kdeconnect/77584c49_ffe7_4b4c_bf8b_668300150f76/config b/roles/config/files/.config/kdeconnect/77584c49_ffe7_4b4c_bf8b_668300150f76/config
new file mode 100644
index 00000000..e954fb9b
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/77584c49_ffe7_4b4c_bf8b_668300150f76/config
@@ -0,0 +1,2 @@
+[Plugins]
+kdeconnect_notificationsEnabled=false
diff --git a/roles/config/files/.config/kdeconnect/8b7236c9_58cb_4a94_8957_d6c1ee0bd061/config b/roles/config/files/.config/kdeconnect/8b7236c9_58cb_4a94_8957_d6c1ee0bd061/config
new file mode 100644
index 00000000..de4f6460
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/8b7236c9_58cb_4a94_8957_d6c1ee0bd061/config
@@ -0,0 +1,4 @@
+[Plugins]
+kdeconnect_notificationsEnabled=false
+kdeconnect_screensaver_inhibitEnabled=false
+kdeconnect_sendnotificationsEnabled=false
diff --git a/roles/config/files/.config/kdeconnect/8b7236c9_58cb_4a94_8957_d6c1ee0bd061/kdeconnect_sendnotifications/config b/roles/config/files/.config/kdeconnect/8b7236c9_58cb_4a94_8957_d6c1ee0bd061/kdeconnect_sendnotifications/config
new file mode 100644
index 00000000..9e719a8f
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/8b7236c9_58cb_4a94_8957_d6c1ee0bd061/kdeconnect_sendnotifications/config
@@ -0,0 +1,8 @@
+[applications]
+1\value=@Variant(\0\0\0\x7f\0\0\0\x15NotifyingApplication\0\xff\xff\xff\xff\xff\xff\xff\xff\0\xff\xff\xff\xff)
+2\value=@Variant(\0\0\0\x7f\0\0\0\x15NotifyingApplication\0\0\0\0$\0N\0\x65\0t\0z\0w\0\x65\0r\0k\0v\0\x65\0r\0w\0\x61\0l\0t\0u\0n\0g\0\0\0&\0n\0\x65\0t\0w\0o\0r\0k\0-\0u\0n\0\x61\0v\0\x61\0i\0l\0\x61\0\x62\0l\0\x65\x1\xff\xff\xff\xff)
+3\value=@Variant(\0\0\0\x7f\0\0\0\x15NotifyingApplication\0\0\0\0\x16\0T\0h\0u\0n\0\x64\0\x65\0r\0\x62\0i\0r\0\x64\0\0\0\0\x1\xff\xff\xff\xff)
+4\value=@Variant(\0\0\0\x7f\0\0\0\x15NotifyingApplication\0\0\0\0.\0\x45\0-\0M\0\x61\0i\0l\0-\0\x42\0\x65\0n\0\x61\0\x63\0h\0r\0i\0\x63\0h\0t\0i\0g\0u\0n\0g\0\0\0\n\0k\0m\0\x61\0i\0l\x1\xff\xff\xff\xff)
+5\value=@Invalid()
+6\value=@Invalid()
+size=4
diff --git a/roles/config/files/.config/kdeconnect/_e92a64a6_5241_4ee0_8c3b_90d028d8a6b6_/config b/roles/config/files/.config/kdeconnect/_e92a64a6_5241_4ee0_8c3b_90d028d8a6b6_/config
new file mode 100644
index 00000000..e954fb9b
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/_e92a64a6_5241_4ee0_8c3b_90d028d8a6b6_/config
@@ -0,0 +1,2 @@
+[Plugins]
+kdeconnect_notificationsEnabled=false
diff --git a/roles/config/files/.config/kdeconnect/certificate.pem b/roles/config/files/.config/kdeconnect/certificate.pem
new file mode 100644
index 00000000..460f434c
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/certificate.pem
@@ -0,0 +1,20 @@
+-----BEGIN CERTIFICATE-----
+MIIDVzCCAj+gAwIBAgIBCjANBgkqhkiG9w0BAQUFADBVMS8wLQYDVQQDDCZfNzcw
+YjNjMDdfNWRiOV80Y2QwX2FkNGVfMTM0MDk0MGFjZWNmXzEMMAoGA1UECgwDS0RF
+MRQwEgYDVQQLDAtLZGUgY29ubmVjdDAeFw0yMjEyMTYxMDQ0MzdaFw0zMjEyMTYx
+MDQ0MzdaMFUxLzAtBgNVBAMMJl83NzBiM2MwN181ZGI5XzRjZDBfYWQ0ZV8xMzQw
+OTQwYWNlY2ZfMQwwCgYDVQQKDANLREUxFDASBgNVBAsMC0tkZSBjb25uZWN0MIIB
+IjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1DWLHgcBabfMtKxDkpmtN6d7
+gjCWIa/lxBlfu+aGHtH4Dkp5vy5yaQvcUhRX7RmHgJIFD0pM9KsW3rdGTgVmGwbd
+erV6Or9zOimvz5mWVSx+Y+fRoQPBK+ne1fazIs0dEUaif9xPFAbAaBPfyIT350ko
+D7OfFEes6D8BMpqUYEEKmJ40T84sYT0E25ZJr1J6l5lpqzbSK4DEcClf5w5Somxs
+lbIwRwQcQZ1LMl2VZbgIAfoRtARQaE0ShJByapt1yodD3LMjFz9bG1V2EEnAE7Cq
+TdBOfuqe7SbV/zOg0uiGOz3OMcbLkCTacGiXyQ6zEFmk9DfzbIfy/NPCfS7UKQID
+AQABozIwMDAdBgNVHQ4EFgQUjWkYU5KHUCk3qw4C2aqcBnuJuZQwDwYDVR0TAQH/
+BAUwAwIBADANBgkqhkiG9w0BAQUFAAOCAQEA0N1CeqKno4upYJxTzcNGX0roM5Lp
+KS8ZNTbVYxjoDTQPrwNJUToLR8MSmJVLk3c76Tcmdy1XGubW+Dz/e5HoS/e90xl/
+kkoyBoRRqvzv7reWvolBp5Jeh5ZSXzLtWonG3PdxhZ6iVqajAf95HQmclciXJ7Jx
+zUbsHvOUCP+RH12jYL0BYbWr45hB+0YS9pgIsFbW5aEwxnhKublFbMeiwsNcswnu
+0DUxPF/0V5+fa3mrVyzKIHclvSoQdF5NEQ5szTglTiFJvknsJQwfmCQNg/EpQ0T9
+N1yCP3drPITxXdukI5cAZdc19fZXTCAm8iFseomfEg9u3tr3I3DNFaD7bA==
+-----END CERTIFICATE-----
diff --git a/roles/config/files/.config/kdeconnect/config b/roles/config/files/.config/kdeconnect/config
new file mode 100644
index 00000000..2c3b9527
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/config
@@ -0,0 +1,3 @@
+[General]
+customDevices=danctnix.xpn.ch,172.16.7.156
+name=alita
diff --git a/roles/config/files/.config/kdeconnect/privateKey.pem b/roles/config/files/.config/kdeconnect/privateKey.pem
new file mode 100644
index 00000000..d5ec5c75
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/privateKey.pem
@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDUNYseBwFpt8y0
+rEOSma03p3uCMJYhr+XEGV+75oYe0fgOSnm/LnJpC9xSFFftGYeAkgUPSkz0qxbe
+t0ZOBWYbBt16tXo6v3M6Ka/PmZZVLH5j59GhA8Er6d7V9rMizR0RRqJ/3E8UBsBo
+E9/IhPfnSSgPs58UR6zoPwEympRgQQqYnjRPzixhPQTblkmvUnqXmWmrNtIrgMRw
+KV/nDlKibGyVsjBHBBxBnUsyXZVluAgB+hG0BFBoTRKEkHJqm3XKh0PcsyMXP1sb
+VXYQScATsKpN0E5+6p7tJtX/M6DS6IY7Pc4xxsuQJNpwaJfJDrMQWaT0N/Nsh/L8
+08J9LtQpAgMBAAECggEADyAi4pjGu8GPTHhz14zvGQatyb2LUere8m+JkJPRjvxR
+1TjvPRaDLqQbB9mt27dEXoBp7mlSG2Vfe6/uCa0eVkJSwoaRaAMR5D0o7B/rJHaH
+qrjRCwxAtk/U44TSR2J91iel+P2bwFZr2+9AteLuZZSkD5xytAgY1bP58qCsf0C6
+SpWKAHUOFA1hE8mVmmx0lA09rPM7VYdb6wDJ5wVVXayDyQNZ+A/kGMIwBd6p6J3l
+kHEBKcjeGrwEuCa/WGYZx6J/dUMlKthUue352q5L/dp/YbQSPR4s+OYNzlHwTcTE
+nmUJzGZLTvmQanQ10wi/wBeU1H125yabILWVUGjmYQKBgQD1ZrID0D5dlDQGURs/
+/yWVqIStNO3fB2GlKr+w+f2O8ihv7C5HhtwsSJKcjXVhVZSHf2Z1VlWXoGl7JWiH
+oOSBe8YQx32reiprhkqVBc4CRod4RYLluzwTVXzwyfFBfHYz434YhK/DOsRS43zQ
+eQ+OlRYHyPGj8sdHy6SuwlKw2QKBgQDdX9tqOFd7VF/PMghsNd1m5kuDaj8759dO
+KbZNs6HjygeYj/gs5z0KquPru6dlmoOW9f0WdzEXXaHieGiLTIF4XugMzVsl/A5X
+hB/k7+U99uTszgkLlp/d46WjCjmqZKaAJkC7xsKfwQgONwYKn/3k0owxBkQqUAh5
+I7DSmLgr0QKBgDNuJWrFLvzfvZOBVguwhoj5+2xthljSrDU4Y1pM2kYmHDFwtzZI
+XkZto0RqJSqUC//lxGxc/q07cj/b1C9wmdNFRHppxL22acOFLoZS5Bz3+RZMwyUw
+e2O16+xu9j/6PK+dQuUSkd+BpnmUsajjZk5EkoxpIbNxgzBZzpbNpRTpAoGADfXu
+m2tEMRXoGOP53gEjnkqltnrr0/ZSAK7mvU23xurFwdxKdWJ72gFe8E3cR68P32RR
++qm3odaYz/Rx+17ux02M6snElseni+NcM47hcR/x3fE8Zsuv90lU98w8SL+iNHC1
+ImJtga+lt2fG7MKcO2L/zlOr1tNHRYR3sUBKVRECgYEAqwHxFXHSSY2xE7IbtRBL
+bLVHnOge758Xl7QGDGEtCRKu3bHjlTzyU4/WWLtwlD5xNO8fbacVJkE1uBDiAQ3R
+8E+K45lzLWJm9flw6YKNyxhxYMbRSu+WDe6y9/zveZH/PAx4VZd+7kVMZYLaAd76
+iUcTI7WKFKVZKP6sAVigUPY=
+-----END PRIVATE KEY-----
diff --git a/roles/config/files/.config/kdeconnect/trusted_devices b/roles/config/files/.config/kdeconnect/trusted_devices
new file mode 100644
index 00000000..03dc6d88
--- /dev/null
+++ b/roles/config/files/.config/kdeconnect/trusted_devices
@@ -0,0 +1,4 @@
+[8b7236c9_58cb_4a94_8957_d6c1ee0bd061]
+certificate="-----BEGIN CERTIFICATE-----\nMIIBkzCCATmgAwIBAgIBATAKBggqhkjOPQQDBDBTMS0wKwYDVQQDDCQ4YjcyMzZj\nOV81OGNiXzRhOTRfODk1N19kNmMxZWUwYmQwNjExFDASBgNVBAsMC0tERSBDb25u\nZWN0MQwwCgYDVQQKDANLREUwHhcNMjMwNTE3MjIwMDAwWhcNMzMwNTE3MjIwMDAw\nWjBTMS0wKwYDVQQDDCQ4YjcyMzZjOV81OGNiXzRhOTRfODk1N19kNmMxZWUwYmQw\nNjExFDASBgNVBAsMC0tERSBDb25uZWN0MQwwCgYDVQQKDANLREUwWTATBgcqhkjO\nPQIBBggqhkjOPQMBBwNCAAR7gUKhxP1zdGw3PwnG2/fyEO2rgL7mh6wpQV2JAsXT\nrTX03PqyBj8zQSW2MCoPEmmTmWBP29Sffh6tTCbT11pZMAoGCCqGSM49BAMEA0gA\nMEUCIQDMSGqcqcTCn1qKur4A9AQ4vvmZAQ7ML8G4YLZPzwLavQIgIvchfG2Ag8z/\nuRe5laMzkvYMQu8W7ZcvyJmaiCinY8U=\n-----END CERTIFICATE-----\n"
+name=moto g play - 2024
+type=phone
diff --git a/roles/config/files/.config/kded5rc b/roles/config/files/.config/kded5rc
new file mode 100644
index 00000000..3f445e11
--- /dev/null
+++ b/roles/config/files/.config/kded5rc
@@ -0,0 +1,5 @@
+[Module-browserintegrationreminder]
+autoload=false
+
+[Module-device_automounter]
+autoload=false
diff --git a/roles/config/files/.config/kded6rc b/roles/config/files/.config/kded6rc
new file mode 100644
index 00000000..43fa339a
--- /dev/null
+++ b/roles/config/files/.config/kded6rc
@@ -0,0 +1,2 @@
+[PlasmaBrowserIntegration]
+shownCount=4
diff --git a/roles/config/files/.config/kdedefaults/kdeglobals b/roles/config/files/.config/kdedefaults/kdeglobals
index 5bdede95..22d32338 100644
--- a/roles/config/files/.config/kdedefaults/kdeglobals
+++ b/roles/config/files/.config/kdedefaults/kdeglobals
@@ -1,5 +1,5 @@
[General]
-ColorScheme=BreezeDark
+ColorScheme=CatppuccinMacchiatoPeach
[Icons]
Theme=breeze-dark
diff --git a/roles/config/files/.config/kdeglobals b/roles/config/files/.config/kdeglobals
index 1a1be818..333dbcba 100644
--- a/roles/config/files/.config/kdeglobals
+++ b/roles/config/files/.config/kdeglobals
@@ -3,148 +3,138 @@ update_info=filepicker.upd:filepicker-remove-old-previews-entry,fonts_global.upd
[ColorEffects:Disabled]
ChangeSelectionColor=
-Color=56,56,56
-ColorAmount=0
-ColorEffect=0
-ContrastAmount=0.65
-ContrastEffect=1
+Color=36, 39, 58
+ColorAmount=0.30000000000000004
+ColorEffect=2
+ContrastAmount=0.1
+ContrastEffect=0
Enable=
-IntensityAmount=0.1
-IntensityEffect=2
+IntensityAmount=-1
+IntensityEffect=0
[ColorEffects:Inactive]
ChangeSelectionColor=true
-Color=112,111,110
-ColorAmount=0.025
-ColorEffect=2
-ContrastAmount=0.1
-ContrastEffect=2
-Enable=false
+Color=36, 39, 58
+ColorAmount=0.5
+ColorEffect=3
+ContrastAmount=0
+ContrastEffect=0
+Enable=true
IntensityAmount=0
IntensityEffect=0
[Colors:Button]
-BackgroundAlternate=30,87,116
-BackgroundNormal=49,54,59
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=61,174,233
-ForegroundInactive=161,169,177
-ForegroundLink=29,153,243
-ForegroundNegative=218,68,83
-ForegroundNeutral=246,116,0
-ForegroundNormal=252,252,252
-ForegroundPositive=39,174,96
-ForegroundVisited=155,89,182
+BackgroundAlternate=245,169,127
+BackgroundNormal=54, 58, 79
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
[Colors:Complementary]
-BackgroundAlternate=30,87,116
-BackgroundNormal=42,46,50
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=61,174,233
-ForegroundInactive=161,169,177
-ForegroundLink=29,153,243
-ForegroundNegative=218,68,83
-ForegroundNeutral=246,116,0
-ForegroundNormal=252,252,252
-ForegroundPositive=39,174,96
-ForegroundVisited=155,89,182
+BackgroundAlternate=24, 25, 38
+BackgroundNormal=30, 32, 48
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
[Colors:Header]
-BackgroundAlternate=42,46,50
-BackgroundNormal=49,54,59
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=61,174,233
-ForegroundInactive=161,169,177
-ForegroundLink=29,153,243
-ForegroundNegative=218,68,83
-ForegroundNeutral=246,116,0
-ForegroundNormal=252,252,252
-ForegroundPositive=39,174,96
-ForegroundVisited=155,89,182
-
-[Colors:Header][Inactive]
-BackgroundAlternate=49,54,59
-BackgroundNormal=42,46,50
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=61,174,233
-ForegroundInactive=161,169,177
-ForegroundLink=29,153,243
-ForegroundNegative=218,68,83
-ForegroundNeutral=246,116,0
-ForegroundNormal=252,252,252
-ForegroundPositive=39,174,96
-ForegroundVisited=155,89,182
+BackgroundAlternate=24, 25, 38
+BackgroundNormal=30, 32, 48
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
[Colors:Selection]
-BackgroundAlternate=30,87,116
-BackgroundNormal=61,174,233
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=252,252,252
-ForegroundInactive=161,169,177
-ForegroundLink=253,188,75
-ForegroundNegative=176,55,69
-ForegroundNeutral=198,92,0
-ForegroundNormal=252,252,252
-ForegroundPositive=23,104,57
-ForegroundVisited=155,89,182
+BackgroundAlternate=245,169,127
+BackgroundNormal=245,169,127
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=30, 32, 48
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=24, 25, 38
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
[Colors:Tooltip]
-BackgroundAlternate=42,46,50
-BackgroundNormal=49,54,59
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=61,174,233
-ForegroundInactive=161,169,177
-ForegroundLink=29,153,243
-ForegroundNegative=218,68,83
-ForegroundNeutral=246,116,0
-ForegroundNormal=252,252,252
-ForegroundPositive=39,174,96
-ForegroundVisited=155,89,182
+BackgroundAlternate=27,25,35
+BackgroundNormal=36, 39, 58
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
[Colors:View]
-BackgroundAlternate=35,38,41
-BackgroundNormal=27,30,32
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=61,174,233
-ForegroundInactive=161,169,177
-ForegroundLink=29,153,243
-ForegroundNegative=218,68,83
-ForegroundNeutral=246,116,0
-ForegroundNormal=252,252,252
-ForegroundPositive=39,174,96
-ForegroundVisited=155,89,182
+BackgroundAlternate=30, 32, 48
+BackgroundNormal=36, 39, 58
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
[Colors:Window]
-BackgroundAlternate=49,54,59
-BackgroundNormal=42,46,50
-DecorationFocus=61,174,233
-DecorationHover=61,174,233
-ForegroundActive=61,174,233
-ForegroundInactive=161,169,177
-ForegroundLink=29,153,243
-ForegroundNegative=218,68,83
-ForegroundNeutral=246,116,0
-ForegroundNormal=252,252,252
-ForegroundPositive=39,174,96
-ForegroundVisited=155,89,182
+BackgroundAlternate=24, 25, 38
+BackgroundNormal=30, 32, 48
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+[DirSelect Dialog]
+DirSelectDialog Size=843,162
+History Items[$e]=file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Downloads/newBooks,file:$HOME/Nextcloud/Reading/books/Brandon Sanderson - The Stormlight Archive
[General]
-ColorSchemeHash=4a48bd34ba53d580d8594cb0216221e77518509f
+ColorSchemeHash=71557b36dcebc5d6df8bcf613f6ec605cd462c1d
XftAntialias=true
XftHintStyle=hintslight
XftSubPixel=rgb
-fixed=Hack,11,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
-font=Noto Sans,11,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
-menuFont=Noto Sans,11,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
-smallestReadableFont=Noto Sans,9,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
-toolBarFont=Noto Sans,11,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
+fixed=Roboto Mono [GOOG],12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
+font=Noto Sans,12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
+menuFont=Noto Sans,12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
+smallestReadableFont=Noto Sans,10,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
+toolBarFont=Noto Sans,12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
[KDE]
AnimationDurationFactor=0
@@ -172,7 +162,7 @@ Speedbar Width=181
View Style=Detail
[KShortcutsDialog Settings]
-Dialog Size=611,390
+Dialog Size=950,611
[PreviewSettings]
MaximumRemoteSize=0
@@ -190,10 +180,10 @@ ZoomIn=
ZoomOut=
[WM]
-activeBackground=49,54,59
-activeBlend=252,252,252
-activeFont=Noto Sans,11,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
-activeForeground=252,252,252
-inactiveBackground=42,46,50
-inactiveBlend=161,169,177
-inactiveForeground=161,169,177
+activeBackground=36,39,58
+activeBlend=202,211,245
+activeFont=Noto Sans,12,-1,5,400,0,0,0,0,0,0,0,0,0,0,1
+activeForeground=202,211,245
+inactiveBackground=24,25,38
+inactiveBlend=165,173,203
+inactiveForeground=165,173,203
diff --git a/roles/config/files/.config/kdenlive-layoutsrc b/roles/config/files/.config/kdenlive-layoutsrc
new file mode 100644
index 00000000..28d289b0
--- /dev/null
+++ b/roles/config/files/.config/kdenlive-layoutsrc
@@ -0,0 +1,13 @@
+[Layouts]
+kdenlive_audio=AAAA/wAAAAD9AAAAAwAAAAAAAAFfAAAD1/wCAAAAAvwAAAAkAAAB/wAAAHwA////+gAAAAEBAAAAAvsAAAAeAHQAcgBhAG4AcwBpAHQAaQBvAG4AXwBsAGkAcwB0AAAAAAD/////AAAABAEAAAP7AAAAFgBwAHIAbwBqAGUAYwB0AF8AYgBpAG4BAAAAAP////8AAABbAQAAA/wAAAIkAAAB1wAAAHIBAAAb+gAAAAABAAAAAvsAAAAWAGUAZgBmAGUAYwB0AF8AbABpAHMAdAEAAAAAAAABXwAAAAQBAAAD+wAAAB4AYwBsAGkAcABfAHAAcgBvAHAAZQByAHQAaQBlAHMBAAAAAP////8AAABXAQAAAwAAAAEAAAH6AAAD1/wCAAAAA/wAAAAkAAABaAAAAOcBAAAb+gAAAAABAAAAAvsAAAAeAHAAcgBvAGoAZQBjAHQAXwBtAG8AbgBpAHQAbwByAQAABjwAAAFEAAABRAEAAAP7AAAAGABjAGwAaQBwAF8AbQBvAG4AaQB0AG8AcgEAAAAA/////wAAAUQBAAAD+wAAABoAYQB1AGQAaQBvAHMAcABlAGMAdAByAHUAbQEAAAGNAAAAkgAAAHMBAAAC+wAAABgAZQBmAGYAZQBjAHQAXwBzAHQAYQBjAGsBAAACIAAAAdsAAABtAQAAAgAAAAIAAAQlAAAB/vwBAAAADvsAAAAYAG4AbwB0AGUAcwBfAHcAaQBkAGcAZQB0AAAAAAD/////AAAAZwEAAAP7AAAADgBsAGkAYgByAGEAcgB5AAAAAAD/////AAAAZwEAAAP7AAAAFABzAGMAcgBlAGUAbgBnAHIAYQBiAAAAAAD/////AAAAUgEAAAP7AAAAGAB1AG4AZABvAF8AaABpAHMAdABvAHIAeQAAAAAA/////wAAAFsBAAAD+wAAAAoAbQBpAHgAZQByAQAAAWAAAAQlAAABJAEAAAP7AAAAFgB2AGUAYwB0AG8AcgBzAGMAbwBwAGUAAAAAAP////8AAAFIAQAAA/sAAAAQAHcAYQB2AGUAZgBvAHIAbQAAAAAA/////wAAALIBAAAD+wAAABQAcgBnAGIAXwBwAGEAcgBhAGQAZQAAAAAA/////wAAAK4BAAAD+wAAABIAaABpAHMAdABvAGcAcgBhAG0AAAAAAP////8AAAFTAQAAA/sAAAAeAG8AbgBsAGkAbgBlAHIAZQBzAG8AdQByAGMAZQBzAAAAAAD/////AAABPAEAAAP7AAAAEAB0AGUAeAB0AGUAZABpAHQAAAAAAP////8AAAE4AQAAA/sAAAASAFMAdQBiAHQAaQB0AGwAZQBzAAAAAAD/////AAAA9AEAAAP7AAAAEgB0AGkAbQBlAHIAZQBtAGEAcAAAAARiAAABIwAAASMBAAAD+wAAABAAYgBpAG4AXwBjAGwAaQBwAAAAAAD/////AAACLgEAAAMAAAQlAAAB2AAAAAEAAAACAAAAAQAAAAL8AAAAAQAAAAIAAAACAAAAFgBtAGEAaQBuAFQAbwBvAGwAQgBhAHIAAAAAAP////8AAAAAAAAAAAAAABgAZQB4AHQAcgBhAFQAbwBvAGwAQgBhAHIAAAAAAP////8AAAAAAAAAAA==
+kdenlive_color=AAAA/wAAAAD9AAAAAwAAAAAAAAGQAAAD1/wCAAAAA/sAAAAYAGMAbABpAHAAXwBtAG8AbgBpAHQAbwByAQAAACQAAAERAAAAywEAAAL7AAAAFAByAGcAYgBfAHAAYQByAGEAZABlAQAAATYAAAFAAAAAMQEAAAL8AAACdwAAAYQAAACPAQAAG/oAAAAAAQAAAAL7AAAAFgB2AGUAYwB0AG8AcgBzAGMAbwBwAGUBAAAAAAAAAVsAAAFIAQAAA/sAAAASAGgAaQBzAHQAbwBnAHIAYQBtAQAAAAD/////AAABUwEAAAMAAAABAAABdwAAA9f8AgAAAAL7AAAAEAB3AGEAdgBlAGYAbwByAG0AAAABQwAAAJIAAAAxAQAAAvwAAAAkAAAD1wAAAHYA////+gAAAAABAAAAAvsAAAAYAGUAZgBmAGUAYwB0AF8AcwB0AGEAYwBrAQAAAAD/////AAAAVwEAAAP7AAAAHgBjAGwAaQBwAF8AcAByAG8AcABlAHIAdABpAGUAcwAAAAAA/////wAAAFcBAAADAAAAAgAABHcAAAHq/AEAAAAJ+wAAABgAbgBvAHQAZQBzAF8AdwBpAGQAZwBlAHQAAAAAAP////8AAABnAQAAA/sAAAAUAHMAYwByAGUAZQBuAGcAcgBhAGIAAAAAAP////8AAABSAQAAA/sAAAAaAGEAdQBkAGkAbwBzAHAAZQBjAHQAcgB1AG0AAAAAAP////8AAABoAQAAA/sAAAAKAG0AaQB4AGUAcgAAAAPaAAAAYQAAASQBAAAD+wAAAB4AcAByAG8AagBlAGMAdABfAG0AbwBuAGkAdABvAHIBAAABkQAAAwkAAAFEAQAAA/wAAASbAAABbQAAAIsA////+gAAAAABAAAABPsAAAAWAGUAZgBmAGUAYwB0AF8AbABpAHMAdAEAAAShAAABeQAAAAQBAAAD+wAAAB4AdAByAGEAbgBzAGkAdABpAG8AbgBfAGwAaQBzAHQBAAAAAP////8AAAAEAQAAA/sAAAAWAHAAcgBvAGoAZQBjAHQAXwBiAGkAbgEAAAAA/////wAAAFsBAAAD+wAAAA4AbABpAGIAcgBhAHIAeQEAAAAA/////wAAAGcBAAAD+wAAABgAdQBuAGQAbwBfAGgAaQBzAHQAbwByAHkAAAAAAP////8AAABbAQAAA/sAAAASAFMAdQBiAHQAaQB0AGwAZQBzAAAAAAD/////AAAA9AEAAAP7AAAAEABiAGkAbgBfAGMAbABpAHAAAAAAAP////8AAAIuAQAAAwAABHcAAAHsAAAAAQAAAAIAAAABAAAAAvwAAAABAAAAAgAAAAIAAAAWAG0AYQBpAG4AVABvAG8AbABCAGEAcgAAAAAA/////wAAAAAAAAAAAAAAGABlAHgAdAByAGEAVABvAG8AbABCAGEAcgAAAAAA/////wAAAAAAAAAA
+kdenlive_editing=AAAA/wAAAAD9AAAAAgAAAAEAAAGFAAACFPwCAAAAAfwAAAHnAAACFAAAAZsBAAAb+gAAAAACAAAABPsAAAAKAG0AaQB4AGUAcgEAAAHwAAACCwAAAK4BAAAC+wAAABgAZQBmAGYAZQBjAHQAXwBzAHQAYQBjAGsBAAAAAP////8AAAB2AQAAAvsAAAASAHQAaQBtAGUAcgBlAG0AYQBwAQAAAAD/////AAABfwEAAAL7AAAAEgBTAHUAYgB0AGkAdABsAGUAcwEAAAAA/////wAAAPoBAAACAAAAAgAAB4AAAAHC/AEAAAAL+wAAABQAcwBjAHIAZQBlAG4AZwByAGEAYgAAAAAA/////wAAAFIBAAAD+wAAABoAYQB1AGQAaQBvAHMAcABlAGMAdAByAHUAbQAAAAAA/////wAAAGgBAAAD/AAAAAAAAAJYAAAAiwD////6AAAAAAEAAAAF+wAAABYAcAByAG8AagBlAGMAdABfAGIAaQBuAQAAAAD/////AAAAWwEAAAP7AAAAHgB0AHIAYQBuAHMAaQB0AGkAbwBuAF8AbABpAHMAdAEAAAAA/////wAAAAQBAAAD+wAAABYAZQBmAGYAZQBjAHQAXwBsAGkAcwB0AQAAAAD/////AAAABAEAAAP7AAAAHgBjAGwAaQBwAF8AcAByAG8AcABlAHIAdABpAGUAcwEAAAAA/////wAAAFcBAAAD+wAAABgAdQBuAGQAbwBfAGgAaQBzAHQAbwByAHkBAAAAAP////8AAABbAQAAA/wAAAJZAAACkgAAAUQA////+gAAAAACAAAAAvsAAAAYAGMAbABpAHAAXwBtAG8AbgBpAHQAbwByAQAAAEQAAAHNAAAAywEAAAL7AAAADgBsAGkAYgByAGEAcgB5AQAAAAD/////AAAAjAEAAAL8AAAE7AAAApQAAAF3AP////oAAAAAAgAAAAP7AAAAHgBwAHIAbwBqAGUAYwB0AF8AbQBvAG4AaQB0AG8AcgEAAAC/AAABLAAAAMsBAAAC+wAAABAAdABlAHgAdABlAGQAaQB0AQAAAAD/////AAABZgEAAAL7AAAAGABuAG8AdABlAHMAXwB3AGkAZABnAGUAdAEAAAAA/////wAAAIYBAAAC+wAAABYAdgBlAGMAdABvAHIAcwBjAG8AcABlAAAAAAD/////AAABSAEAAAP7AAAAEAB3AGEAdgBlAGYAbwByAG0AAAAAAP////8AAACyAQAAA/sAAAAUAHIAZwBiAF8AcABhAHIAYQBkAGUAAAAAAP////8AAACuAQAAA/sAAAASAGgAaQBzAHQAbwBnAHIAYQBtAAAAAAD/////AAABUwEAAAP7AAAAEABiAGkAbgBfAGMAbABpAHAAAAAE/wAAAoEAAAIuAQAAA/sAAAAeAG8AbgBsAGkAbgBlAHIAZQBzAG8AdQByAGMAZQBzAAAAAAD/////AAABPAEAAAMAAAX6AAACFAAAAAQAAAAEAAAACAAAAAj8AAAAAQAAAAIAAAACAAAAFgBtAGEAaQBuAFQAbwBvAGwAQgBhAHIAAAAAAP////8AAAAAAAAAAAAAABgAZQB4AHQAcgBhAFQAbwBvAGwAQgBhAHIAAAAAAP////8AAAAAAAAAAA==
+kdenlive_effects=AAAA/wAAAAD9AAAAAwAAAAAAAAE4AAABvfwCAAAAAfsAAAAWAHAAcgBvAGoAZQBjAHQAXwBiAGkAbgEAAAI+AAABvQAAAHwBAAACAAAAAQAAASQAAAG9/AIAAAAB+wAAAAoAbQBpAHgAZQByAQAAAj4AAAG9AAAArgEAAAIAAAACAAAHgAAAAhn8AQAAABD7AAAAGABuAG8AdABlAHMAXwB3AGkAZABnAGUAdAAAAAAA/////wAAAGcBAAAD+wAAAA4AbABpAGIAcgBhAHIAeQAAAAAA/////wAAAGcBAAAD+wAAABQAcwBjAHIAZQBlAG4AZwByAGEAYgAAAAAA/////wAAAFIBAAAD+wAAABoAYQB1AGQAaQBvAHMAcABlAGMAdAByAHUAbQAAAAAA/////wAAAGgBAAAD/AAAAAAAAAFAAAAAiwD////6AAAAAQEAAAAC+wAAAB4AdAByAGEAbgBzAGkAdABpAG8AbgBfAGwAaQBzAHQBAAAAAP////8AAAAEAQAAA/sAAAAWAGUAZgBmAGUAYwB0AF8AbABpAHMAdAEAAAAA/////wAAAAQBAAAD/AAAAUEAAAMRAAABIwD////6AAAAAAEAAAAD+wAAABgAZQBmAGYAZQBjAHQAXwBzAHQAYQBjAGsBAAAAAP////8AAABXAQAAA/sAAAAeAGMAbABpAHAAXwBwAHIAbwBwAGUAcgB0AGkAZQBzAAAAAAD/////AAAAVwEAAAP7AAAAEgB0AGkAbQBlAHIAZQBtAGEAcAEAAAAA/////wAAASMBAAAD/AAABFMAAAMtAAABRAD////6AAAAAAIAAAAC+wAAAB4AcAByAG8AagBlAGMAdABfAG0AbwBuAGkAdABvAHIBAAABDQAAAS4AAADLAQAAAvsAAAAYAGMAbABpAHAAXwBtAG8AbgBpAHQAbwByAQAAAAD/////AAAAywEAAAL7AAAAGAB1AG4AZABvAF8AaABpAHMAdABvAHIAeQAAAAAA/////wAAAFsBAAAD+wAAABYAdgBlAGMAdABvAHIAcwBjAG8AcABlAAAAAAD/////AAABSAEAAAP7AAAAEAB3AGEAdgBlAGYAbwByAG0AAAAAAP////8AAACyAQAAA/sAAAAUAHIAZwBiAF8AcABhAHIAYQBkAGUAAAAAAP////8AAACuAQAAA/sAAAASAGgAaQBzAHQAbwBnAHIAYQBtAAAAAAD/////AAABUwEAAAP7AAAAEgBTAHUAYgB0AGkAdABsAGUAcwAAAAAA/////wAAAPQBAAAD+wAAABAAYgBpAG4AXwBjAGwAaQBwAAAABP8AAAKBAAACLgEAAAP7AAAAEAB0AGUAeAB0AGUAZABpAHQAAAAAAP////8AAAE4AQAAA/sAAAAeAG8AbgBsAGkAbgBlAHIAZQBzAG8AdQByAGMAZQBzAAAAAAD/////AAABPAEAAAMAAAUiAAABvQAAAAQAAAAEAAAACAAAAAj8AAAAAQAAAAIAAAACAAAAFgBtAGEAaQBuAFQAbwBvAGwAQgBhAHIAAAAAAP////8AAAAAAAAAAAAAABgAZQB4AHQAcgBhAFQAbwBvAGwAQgBhAHIAAAAAAP////8AAAAAAAAAAA==
+kdenlive_logging=Tk8tVEwAAAD/AAAAAP0AAAACAAAAAQAAAAAAAAAA/AIAAAAB+wAAABIAdABpAG0AZQByAGUAbQBhAHAAAAAAAP////8AAAF/AQAAAgAAAAIAAAeAAAAD1/wBAAAAB/sAAAAaAGEAdQBkAGkAbwBzAHAAZQBjAHQAcgB1AG0AAAAAAP////8AAABoAQAAA/wAAAAAAAAE9AAAAi4A/////AIAAAAC/AAAACQAAAHXAAAA+wEAABv6AAAAAAEAAAAC+wAAABAAYgBpAG4AXwBjAGwAaQBwAQAAAAAAAAT0AAACLgEAAAP7AAAAHgBvAG4AbABpAG4AZQByAGUAcwBvAHUAcgBjAGUAcwEAAAAA/////wAAATwBAAAD/AAAAfwAAAH/AAAAqAEAABv6AAAAAAEAAAAE+wAAABYAcAByAG8AagBlAGMAdABfAGIAaQBuAQAAAAD/////AAAAWwEAAAP7AAAADgBsAGkAYgByAGEAcgB5AQAAAAAAAAUdAAAAZwEAAAP7AAAAFgBlAGYAZgBlAGMAdABfAGwAaQBzAHQBAAAAAP////8AAAAEAQAAA/sAAAAYAHUAbgBkAG8AXwBoAGkAcwB0AG8AcgB5AQAAAAD/////AAAAWwEAAAP8AAAE9QAAAosAAAF3AP////wCAAAAA/sAAAAYAGMAbABpAHAAXwBtAG8AbgBpAHQAbwByAQAAACQAAAGeAAAAywEAAAL8AAABwwAAAeMAAAGCAQAAG/oAAAACAQAAAAb7AAAAHgBwAHIAbwBqAGUAYwB0AF8AbQBvAG4AaQB0AG8AcgAAAAAkAAACHQAAAUQBAAAD+wAAAB4AdAByAGEAbgBzAGkAdABpAG8AbgBfAGwAaQBzAHQAAAAAAAAAANwAAAAEAQAAA/sAAAAeAGMAbABpAHAAXwBwAHIAbwBwAGUAcgB0AGkAZQBzAQAABPQAAAKMAAAAVwEAAAP7AAAAEAB0AGUAeAB0AGUAZABpAHQBAAAAAP////8AAAF3AQAAA/sAAAAYAG4AbwB0AGUAcwBfAHcAaQBkAGcAZQB0AQAAAnoAAAGBAAAAZwEAAAP7AAAAGABlAGYAZgBlAGMAdABfAHMAdABhAGMAawEAAAAkAAACDgAAAFcBAAAD+wAAABQAcwBjAHIAZQBlAG4AZwByAGEAYgEAAAOnAAAAVAAAADUBAAAC+wAAAAoAbQBpAHgAZQByAAAABlwAAAEkAAABJAEAAAP7AAAAEgBoAGkAcwB0AG8AZwByAGEAbQAAAAPjAAAB3wAAAVMBAAAD/AAABdIAAAGuAAAAAAD////8AgAAAAP7AAAAFgB2AGUAYwB0AG8AcgBzAGMAbwBwAGUAAAAAJAAAAZAAAABzAQAAAvsAAAAQAHcAYQB2AGUAZgBvAHIAbQAAAAAkAAABGwAAADEBAAAC+wAAABQAcgBnAGIAXwBwAGEAcgBhAGQAZQAAAAAkAAACZAAAADEBAAAC+wAAABIAUwB1AGIAdABpAHQAbABlAHMAAAAAAP////8AAAD0AQAAAwAAB4AAAAAAAAAABAAAAAQAAAAIAAAACPwAAAABAAAAAgAAAAIAAAAWAG0AYQBpAG4AVABvAG8AbABCAGEAcgAAAAAA/////wAAAAAAAAAAAAAAGABlAHgAdAByAGEAVABvAG8AbABCAGEAcgAAAAAA/////wAAAAAAAAAA
+
+[Order]
+1=kdenlive_logging
+2=kdenlive_editing
+3=kdenlive_audio
+4=kdenlive_effects
+5=kdenlive_color
diff --git a/roles/config/files/.config/kdenliverc b/roles/config/files/.config/kdenliverc
new file mode 100644
index 00000000..b50fd1e6
--- /dev/null
+++ b/roles/config/files/.config/kdenliverc
@@ -0,0 +1,108 @@
+[MainWindow]
+ToolBarsMovable=Disabled
+
+[Media Browser]
+Allow Expansion=false
+Decoration position=2
+Show hidden files=false
+Sort by=Name
+Sort directories first=true
+Sort hidden files last=false
+Sort reversed=false
+View Style=DetailTree
+
+[OnlineResources]
+provider=Freesound
+zoom=7
+
+[Recent Dirs]
+KdenliveClipFolder[$e]=$HOME/Videos/OBS/,$HOME/Videos,$HOME/Dokumente
+
+[RenderWidget]
+showoptions=true
+
+[Scope_Histogram]
+autoRefresh=true
+bEnabled=true
+gEnabled=true
+logScale=false
+rEnabled=true
+realtime=false
+rec601=false
+sEnabled=false
+yEnabled=true
+
+[Scope_RGB Parade]
+autoRefresh=true
+axis=false
+gradref=false
+paintmode=0
+realtime=false
+
+[Scope_Vectorscope]
+75PBox=false
+autoRefresh=true
+axis=false
+backgroundmode=0
+colorspace_ypbpr=false
+gain=1
+iqlines=false
+paintmode=0
+realtime=false
+
+[Scope_Waveform]
+autoRefresh=true
+paintmode=0
+realtime=false
+rec601=false
+
+[UiSettings]
+ColorSchemePath=BreezeDark.colors
+
+[bin]
+treeviewheaders=AAAA/wAAAAAAAAABAAAAAAAAAAABAAAAAAAAAAAAAAAJ/gEAAAAIAAAABgAAAC4AAAADAAAANwAAAAcAAABAAAAAAQAAAE4AAAAIAAAAZAAAAAIAAACBAAAABQAAAEkAAAAEAAAATQAAATYAAAAJAQEAAQAAAAAAAAAAAAAAAGT/////AAAAgQAAAAAAAAAJAAABNgAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAD6AAAAABIAAAAAA==
+
+[capture]
+decklink_extension=mov
+decklink_parameters=vcodec=dnxhd vb=145000k acodec=pcm_s16le threads=%threads
+grab_extension=mov
+grab_parameters=-crf 25 -vcodec libx264 -preset veryfast -threads 0
+v4l_extension=mpg
+v4l_parameters=qscale=4 ab=192k vcodec=mpeg2video acodec=mp2 threads=%threads
+
+[env]
+defaultprojectfolder[$e]=$HOME/Videos
+ffmpegpath[$e]=/usr/bin/ffmpeg
+ffplaypath[$e]=/usr/bin/ffplay
+ffprobepath[$e]=/usr/bin/ffprobe
+kdenliverendererpath[$e]=/usr/bin/kdenlive_render
+lastCacheCheck=2024,4,22,14,37,0.71
+meltpath[$e]=/usr/bin/melt-7
+mltpath[$e]=/usr/share/mlt-7/profiles
+
+[misc]
+profile_fps_filter=60
+
+[project]
+SupportedHWCodecs=h264_vaapi,hevc_vaapi
+renderInterp=bicubic
+
+[timeline]
+trackheight=69
+
+[unmanaged]
+consumerslist=avformat,multi,null,decklink,jack,blipflash,cbrts,qglsl,sdl2,sdl2_audio,xml
+default_profile=atsc_1080p_25
+defaultrescaleheight=360
+defaultrescalewidth=640
+force_breeze=true
+guidesCategories=Kategorie 1:0:#9b59b6,Kategorie 2:1:#3daee9,Kategorie 3:2:#1abc9c,Kategorie 4:3:#1cdc9a,Kategorie 5:4:#c9ce3b,Kategorie 6:5:#fdbc4b,Kategorie 7:6:#f39c1f,Kategorie 8:7:#f47750,Kategorie 9:8:#da4453
+monitor_audio=false
+producerslist=avformat,avformat-novalidate,abnormal,blank,color,colour,consumer,hold,loader,loader-nogl,melt,melt_file,noise,timewarp,tone,decklink,frei0r.ising0r,frei0r.lissajous0r,frei0r.nois0r,frei0r.onecol0r,frei0r.partik0l,frei0r.plasma,frei0r.test_pat_B,frei0r.test_pat_C,frei0r.test_pat_G,frei0r.test_pat_I,frei0r.test_pat_L,frei0r.test_pat_R,pango,pixbuf,glaxnimate,ladspa.1047,ladspa.1050,framebuffer,blipflash,count,pgm,qimage,qtext,kdenlivetitle,vorbis,xml,xml-string,xml-nogl
+project_fps=60
+showtitlebars=false
+use_dark_breeze=true
+widgetstyle=Default
+
+[version]
+version=24.02.2
diff --git a/roles/config/files/.config/kglobalshortcutsrc b/roles/config/files/.config/kglobalshortcutsrc
index e8d3ea5f..49b4b28f 100644
--- a/roles/config/files/.config/kglobalshortcutsrc
+++ b/roles/config/files/.config/kglobalshortcutsrc
@@ -7,6 +7,19 @@ Switch to Last-Used Keyboard Layout=none,Meta+Alt+L,Auf zuletzt verwendete Tasta
Switch to Next Keyboard Layout=none,Meta+Alt+K,Auf nächste Tastaturbelegung umschalten
_k_friendly_name=Umschaltung der Tastaturbelegung
+[juk]
+_k_friendly_name=JuK
+back=Ctrl+Alt+Left,Ctrl+Alt+Left,Vorheriger
+forward=Ctrl+Alt+Right,Ctrl+Alt+Right,Nächster
+forwardAlbum=Ctrl+Alt+Up,Ctrl+Alt+Up,Nächstes Album abspielen
+mute=Ctrl+Alt+M,Ctrl+Alt+M,Stumm
+playPause=Ctrl+Alt+P,Ctrl+Alt+P,Wiedergabe / Pause
+seekBack=Ctrl+Alt+Shift+Left,Ctrl+Alt+Shift+Left,Rückwärts suchen
+seekForward=Ctrl+Alt+Shift+Right,Ctrl+Alt+Shift+Right,Vorwärts suchen
+stop=Ctrl+Alt+S,Ctrl+Alt+S,Stopp
+volumeDown=Ctrl+Alt+Shift+Down,Ctrl+Alt+Shift+Down,Leiser
+volumeUp=Ctrl+Alt+Shift+Up,Ctrl+Alt+Shift+Up,Lauter
+
[kaccess]
Toggle Screen Reader On and Off=none,Meta+Alt+S,Screenreader ein-/ausschalten
_k_friendly_name=Zugangshilfen
@@ -53,8 +66,9 @@ Grid View=none,Meta+G,Toggle Grid View
Increase Opacity=none,,Die Deckkraft des aktiven Fensters um 5 % erhöhen
Kill Window=none,Meta+Ctrl+Esc,Fenster beseitigen
KrohnkiteBTreeLayout=Meta+B,none,Krohnkite: BTree Layout
+KrohnkiteColumnsLayout=none,none,Krohnkite: Columns Layout
KrohnkiteDecrease=none,none,Krohnkite: Decrease
-KrohnkiteFloatAll=none,none,Krohnkite: Float All
+KrohnkiteFloatAll=none,none,Krohnkite: Toggle Float All
KrohnkiteFloatingLayout=none,none,Krohnkite: Floating Layout
KrohnkiteFocusDown=Meta+J,none,Krohnkite: Focus Down
KrohnkiteFocusLeft=Meta+H,none,Krohnkite: Focus Left
@@ -271,7 +285,7 @@ PowerOff=Power Off,Power Off,Ausschalten
Sleep=Sleep,Sleep,Standby-Modus
Toggle Keyboard Backlight=Keyboard Light On/Off,Keyboard Light On/Off,Hintergrundbeleuchtung der Tastatur umschalten
Turn Off Screen=none,none,Bildschirm ausschalten
-_k_friendly_name=KDE-Energieverwaltungssystem
+_k_friendly_name=Energieverwaltung
powerProfile=Battery,Battery\tMeta+B,Energieprofil wechseln
[plasmashell]
@@ -297,7 +311,7 @@ next activity=none,none,Zwischen Aktivitäten wechseln
previous activity=none,none,Zwischen Aktivitäten wechseln (Gegenrichtung)
repeat_action=none,Meta+Ctrl+R,Aktionen der aktuellen Zwischenablage manuell aufrufen
show dashboard=none,Ctrl+F12,Arbeitsfläche anzeigen
-show-barcode=none,,Strichcode anzeigen ...
+show-barcode=none,,Strichcode anzeigen …
show-on-mouse-pos=Meta+V,Meta+V,Elemente der Zwischenablage an Mausposition anzeigen
stop current activity=none,Meta+S,Aktuelle Aktivität anhalten
switch to next activity=none,,Zur nächsten Aktivität wechseln
diff --git a/roles/config/files/.config/kiorc b/roles/config/files/.config/kiorc
new file mode 100644
index 00000000..61bd9b23
--- /dev/null
+++ b/roles/config/files/.config/kiorc
@@ -0,0 +1,7 @@
+[Confirmations]
+ConfirmDelete=false
+ConfirmEmptyTrash=true
+ConfirmTrash=false
+
+[Executable scripts]
+behaviourOnLaunch=alwaysAsk
diff --git a/roles/config/files/.config/konsolerc b/roles/config/files/.config/konsolerc
index defea189..0f311a65 100644
--- a/roles/config/files/.config/konsolerc
+++ b/roles/config/files/.config/konsolerc
@@ -1,12 +1,20 @@
+MenuBar=Disabled
+
+[Desktop Entry]
+DefaultProfile=Catppuccin.profile
+
[General]
ConfigVersion=1
-[MainWindow]
-ToolBarsMovable=Disabled
+[MainWindow][Toolbar sessionToolbar]
+ToolButtonStyle=IconOnly
[Notification Messages]
CloseAllEmptyTabs=true
CloseAllTabs=true
+[Toolbar sessionToolbar]
+ToolButtonStyle=IconOnly
+
[UiSettings]
ColorScheme=
diff --git a/roles/config/files/.config/kritadisplayrc b/roles/config/files/.config/kritadisplayrc
new file mode 100644
index 00000000..5a786405
--- /dev/null
+++ b/roles/config/files/.config/kritadisplayrc
@@ -0,0 +1,6 @@
+[General]
+EnableHiDPI=true
+LogUsage=true
+OpenGLRenderer=auto
+canvasState=OPENGL_SUCCESS
+rootSurfaceFormat=bt709-g22
diff --git a/roles/config/files/.config/kritarc b/roles/config/files/.config/kritarc
new file mode 100644
index 00000000..fad9dcfd
--- /dev/null
+++ b/roles/config/files/.config/kritarc
@@ -0,0 +1,668 @@
+AntialiasSelectionOutline=false
+ArtColorSel.ColorSpace=0
+ArtColorSel.InversedSaturation=false
+ArtColorSel.Light=0
+ArtColorSel.LightPieces=11
+ArtColorSel.NumRings=7
+ArtColorSel.RingPieces=12
+ArtColorSel.SelColorH=0
+ArtColorSel.SelColorS=0
+ArtColorSel.SelColorX=0
+ArtColorSel.defaultHueSteps=12
+ArtColorSel.defaultSaturationSteps=7
+ArtColorSel.defaultValueScaleSteps=11
+ArtColorSel.enforceGamutMask=false
+ArtColorSel.lumaB=0.0722
+ArtColorSel.lumaG=0.7152
+ArtColorSel.lumaGamma=2.2
+ArtColorSel.lumaR=0.2126
+ArtColorSel.showBgColor=true
+ArtColorSel.showValueScale=false
+AutoSaveInterval=420
+BackgroundColorForNewImage=255,255,255
+BackgroundOpacityForNewImage=255
+BackgroundStyleForNewImage=0
+CanvasOnlyActive=false
+ColorManagement/UseSystemMonitorProfile=false
+ConvertToImageColorSpaceOnImport=false
+CreateBackupFile=true
+ExportConfiguration-image/png=\n\n true\n 3\n false\n true\n false\n false\n false\n false\n false\n false\n \n\n \n\n]]>\n\n
+FilterSelector/LastUsedFilter=desaturate
+GamutMasks.viewMode=0
+KineticScrollingEnabled=true
+KineticScrollingGesture=2
+KineticScrollingHideScrollbar=false
+KineticScrollingSensitivity=75
+KisDlgPreferences/CurrentPage=tablet
+Krita/Ocio/DisplayDevice=sRGB
+Krita/Ocio/DisplayLook=Keine
+Krita/Ocio/DisplayView=Raw
+Krita/Ocio/InputColorSpace=raw
+Krita/Ocio/OcioColorManagementMode=0
+Krita/Ocio/OcioConfigPath=
+Krita/Ocio/OcioLockColorVisualRepresentation=false
+Krita/Ocio/OcioLutPath=
+Krita/Ocio/UseOcio=false
+LastBackGroundColor=\n\n \n\n
+LastForeGroundColor=\n\n \n\n
+LastPreset=b) Basic-5 Size
+LastPreset_-1=b) Basic-5 Size
+LineSmoothingDelayDistance=50
+LineSmoothingDistance=50
+LineSmoothingFinishStabilizedCurve=true
+LineSmoothingScalableDistance=true
+LineSmoothingSmoothPressure=false
+LineSmoothingStabilizeSensors=true
+LineSmoothingTailAggressiveness=0.15
+LineSmoothingType=1
+LineSmoothingUseDelayDistance=true
+NumberOfLayersForNewImage=1
+OpenGLFilterMode=3
+ResourceDirectory=/home/exu/.local/share/krita
+ShowEraserOutlineWhilePainting=true
+ShowOutlineWhilePainting=true
+ShowRootLayer=false
+SpecificColorSelector/HsxMode=0
+SpecificColorSelector/UseHsx=false
+SpecificColorSelector/UsePercentage=false
+ToolOptionsInDocker=true
+TrimFramesImport=false
+TrimKra=false
+UseZip64=false
+activateTransformToolAfterPaste=false
+adaptivePlaybackRange=true
+allowLCMSOptimization=true
+amdDisableVectorWorkaround=false
+animationCacheFrameSizeLimit=2500
+animationCacheRegionOfInterestMargin=0.25
+antialiascurves=true
+assistantsDrawMode=0
+autoPinLayers=true
+autosavefileshidden=true
+backupfilelocation=0
+backupfilesuffix=~
+baseLength=60
+brushHudSettings=\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n
+calculateAnimationCacheInBackground=true
+canvasBorderColor=128,128,128
+canvasState=OPENGL_SUCCESS
+checkerscolor=220,220,220
+checkerscolor2=255,255,255
+checksize=32
+colorDepthDef=U8
+colorModelDef=RGBA
+colorProfileDef=sRGB-elle-V2-srgbtrc.icc
+colorsettings/forcepalettecolors=false
+compressLayersInKra=false
+convertLayerColorSpaceInProperties=true
+cumulativeUndoExcludeFromMerge=10
+cumulativeUndoMaxGroupDuration=5000
+cumulativeUndoMaxGroupSeparation=1000
+cumulativeUndoMergeTimeout=5000
+currentInputProfile=Krita Default
+cursorMaincColor=128,255,128
+custom_font_size=-1
+custom_system_font=
+defaultPalette=Default
+defaultProofingAdaptationState=1
+defaultProofingBlackpointCompensation=true
+defaultProofingGamutwarning=0,255,0
+defaultProofingProfileDepth=U8
+defaultProofingProfileIntent=3
+defaultProofingProfileModel=CMYKA
+defaultProofingProfileName=Chemical proof
+disableTouchOnCanvas=false
+enableBrushSpeedLogging=false
+enableOpenGLFramerateLogging=false
+enablePerfLog=false
+enableProgressReporting=true
+eraserCursorMaincColor=128,255,128
+eraserCursorStyle=9
+eraserOutlineStyle=2
+filterdialog/geometry=\x01\xd9\xd0\xcb\x00\x03\x00\x00\x00\x00\x02\xa0\x00\x00\x01S\x00\x00\x05\xb4\x00\x00\x03H\x00\x00\x02\xa0\x00\x00\x01S\x00\x00\x05\xb4\x00\x00\x03H\x00\x00\x00\x00\x00\x00\x00\x00\x08U\x00\x00\x02\xa0\x00\x00\x01S\x00\x00\x05\xb4\x00\x00\x03H
+filterdialog/rememberlastpreset=false
+forceAlwaysFullSizedEraserOutline=false
+forceAlwaysFullSizedOutline=false
+forcedDpiForQtFontBugWorkaround=-1
+fpsLimit=100
+frameRenderingClones=8
+frameRenderingTimeout=30000
+globalSnapBoundingBox=false
+globalSnapExtension=false
+globalSnapImageBounds=true
+globalSnapImageCenter=true
+globalSnapIntersection=false
+globalSnapNode=false
+globalSnapOrthogonal=false
+globalSnapToPixel=false
+gridmaincolor=99,99,99
+gridmainstyle=0
+gridsubdivisioncolor=150,150,150
+gridsubdivisionstyle=1
+guidesColor=99,99,99
+guidesLineStyle=0
+hideDockersFullScreen=true
+hideMenuFullScreen=true
+hidePopups=false
+hideScrollbars=false
+hideScrollbarsFullScreen=true
+hideStatusbarFullScreen=true
+hideTitleBarFullscreen=true
+hideToolbarFullscreen=true
+imageHeightDef=549
+imageResolutionDef=600
+imageWidthDef=448
+imagesizedlg_imsizeunit=px
+imagesizedlg_printSizeSeparatly=false
+imagesizedlg_ratioLock=true
+imagesizedlg_resunit=Pixel/Zoll
+imagesizedlg_sizeunit=cm
+levelOfDetailEnabled=false
+logviewer_enabled=false
+maxAllowedSpeedValue=30
+maxSwapSize=4096
+maximumBrushSize=1000
+mdiBackgroundColorXML=\n\n \n\n
+mdiBackgroundImage=
+mdi_rubberband=1
+mdi_viewmode=1
+memoryHardLimitPercent=50
+memoryPoolLimitPercent=0
+memorySoftLimitPercent=2
+monitorProfile=sRGB-elle-V2-srgbtrc.icc
+monitorProfile/OverrideX11=false
+monitorProfile_1=sRGB-elle-V2-srgbtrc.icc
+moveToolChangedValueX=1059
+moveToolChangedValueY=2177
+moveToolUnit=0
+newCursorStyle=0
+newOutlineStyle=2
+numFavoritePresets=10
+numberOfOnionSkins=10
+numberofbackupfiles=1
+oninSkinTintColorForward=0,255,0
+onionSkinOpacity_-1=173
+onionSkinOpacity_-10=22
+onionSkinOpacity_-2=163
+onionSkinOpacity_-3=147
+onionSkinOpacity_-4=130
+onionSkinOpacity_-5=107
+onionSkinOpacity_-6=86
+onionSkinOpacity_-7=66
+onionSkinOpacity_-8=48
+onionSkinOpacity_-9=35
+onionSkinOpacity_0=178
+onionSkinOpacity_1=173
+onionSkinOpacity_10=22
+onionSkinOpacity_2=163
+onionSkinOpacity_3=147
+onionSkinOpacity_4=130
+onionSkinOpacity_5=107
+onionSkinOpacity_6=86
+onionSkinOpacity_7=66
+onionSkinOpacity_8=48
+onionSkinOpacity_9=35
+onionSkinState_-1=true
+onionSkinState_-10=false
+onionSkinState_-2=true
+onionSkinState_-3=false
+onionSkinState_-4=false
+onionSkinState_-5=false
+onionSkinState_-6=false
+onionSkinState_-7=false
+onionSkinState_-8=false
+onionSkinState_-9=false
+onionSkinState_0=true
+onionSkinState_1=true
+onionSkinState_10=false
+onionSkinState_2=true
+onionSkinState_3=false
+onionSkinState_4=false
+onionSkinState_5=false
+onionSkinState_6=false
+onionSkinState_7=false
+onionSkinState_8=false
+onionSkinState_9=false
+onionSkinTintColorBackward=255,0,0
+onionSkinTintFactor=191
+pasteBehaviour=0
+pasteFormat=0
+pixelGridColor=255,255,255
+pixelGridDrawingThreshold=24
+popuppalette/selectorSize=140
+popuppalette/showColorHistory=true
+popuppalette/showRotationTrack=true
+popuppalette/size=385
+popuppalette/useDynamicSlotCount=true
+popuppalette/usevisualcolorselector=false
+presethistory=z) Stamp Water,z) Stamp Stylised Tree,z) Stamp Grass Patch,z) Stamp Grass,y) Texture Spray,b) Airbrush Soft,c) Pencil-2,b) Basic-5 Size Opacity,c) Pencil-4 Soft,b) Basic-5 Size
+renameMergedLayers=true
+renamePastedLayers=true
+renderIntent=0
+saveSessionOnQuit=false
+scratchpadVisible=true
+scrollingcheckers=false
+selectionOutlineOpacity=1
+selectionOverlayMaskColor=255,0,0,128
+separateEraserCursor=false
+sessionOnStartup=0
+showAdditionalOnionSkinsSettings=true
+showFilterGallery=false
+showOnCanvasMessages=true
+showPaletteBottomBar=true
+showSingleChannelAsColor=false
+speedValueSmoothing=3
+swaplocation=/tmp
+switchSelectionCtrlAlt=false
+tabletPressureCurve=0,0.257028;1,1;
+toolbarslider_1=opacity
+toolbarslider_2=size
+toolbarslider_3=flow
+toolbarslider_4=flow
+undoStackLimit=200
+useAnimationCacheFrameSizeLimit=true
+useAnimationCacheRegionOfInterest=true
+useBlackPointCompensation=true
+useCreamyAlphaDarken=true
+useCumulativeUndoRedo=false
+useDefaultColorSpace=false
+useOnDiskAnimationCacheSwapping=true
+useOpenGLTextureBuffer=true
+useRightMiddleTabletButtonWorkaround=false
+useSubtractiveBlendingForCmykColorSpaces=true
+useTimestampsForBrushSpeed=false
+use_custom_system_font=false
+zoomMarginSize=0
+zoomSteps=2
+
+[File Dialogs]
+DontUseNativeFileDialog=true
+OpenDocument=/home/exu/Bilder/Backgrounds/pixiv/1039353 igix
+SaveAs=/home/exu/Dokumente/Job
+
+[GradientChooser]
+global/itemSize=medium
+global/itemSizeCustom=32
+global/viewMode=icon
+
+[KisResourceItemChooser_paintoppresets]
+splitterState_1row=\x00\x00\x00\xff\x00\x00\x00\x01\x00\x00\x00\x02\xff\xff\xff\xff\xff\xff\xff\xff\x01\xff\xff\xff\xff\x01\x00\x00\x00\x01\x00
+
+[KisShortcutsDialog Settings]
+Dialog Size=936,571
+
+[KisToolSelectElliptical]
+roundCornersX=0
+roundCornersY=0
+
+[KisToolSelectRectangular]
+roundCornersX=0
+roundCornersY=0
+
+[KisToolTransform]
+forceLodMode=true
+useOverlayPreviewStyle=false
+
+[KritaTransform/KisToolMove]
+forceLodMode=false
+
+[MainWindow]
+2 screens: Window-Maximized=true
+State=AAAA/wAAAAD9AAAABAAAAAAAAABCAAAEIvwCAAAAA/sAAAAOAFQAbwBvAGwAQgBvAHgBAAAAPQAABCIAAAA2AP////sAAAAkAEYAbABvAHcAUwBoAGEAcABlAEIAbwB4AEQAbwBjAGsAZQByAAAAA2oAAADHAAAAAAAAAAD7AAAAKABGAGwAbwB3AFMAdABlAG4AYwBpAGwAQgBvAHgARABvAGMAawBlAHIAAAADfQAAAMcAAAAAAAAAAAAAAAEAAAGIAAAEIvwCAAAARvsAAAAaAEsAaQBzAEIAaQByAGQAZQB5AGUAQgBvAHgAAAAAAP////8AAAAAAAAAAPsAAAAgAEsAaQBzAFAAYQBsAGUAdAB0AGUARABvAGMAawBlAHIAAAAAAP////8AAAAAAAAAAPsAAAAaAEsAbwBDAG8AbABvAHIARABvAGMAawBlAHIAAAAAAP////8AAAAAAAAAAPsAAAAwAEsAaQBzAFQAcgBpAGEAbgBnAGwAZQBDAG8AbABvAHIAUwBlAGwAZQBjAHQAbwByAAAAAAD/////AAAAAAAAAAD7AAAAIgBTAGgAYQBkAG8AdwAgAFAAcgBvAHAAZQByAHQAaQBlAHMAAAAAAP////8AAAAAAAAAAPsAAAAgAFMAaABhAHAAZQAgAFAAcgBvAHAAZQByAHQAaQBlAHMAAAAAAP////8AAAAAAAAAAPsAAAAaAFMAaABhAHAAZQBTAGUAbABlAGMAdABvAHIAAAAASAAAAEQAAAAAAAAAAPsAAAAkAFMAaQBtAHAAbABlACAAVABlAHgAdAAgAEUAZABpAHQAbwByAAAAAAD/////AAAAAAAAAAD8AAAAPQAAAQEAAACQAQAAHfoAAAAAAQAAAAf7AAAAHgBDAG8AbABvAHIAUwBlAGwAZQBjAHQAbwByAE4AZwEAAAAA/////wAAAEYA////+wAAACAAcwBoAGEAcgBlAGQAdABvAG8AbABkAG8AYwBrAGUAcgEAAAAA/////wAAAEYA////+wAAABwATwB2AGUAcgB2AGkAZQB3AEQAbwBjAGsAZQByAAAAAAD/////AAAARgD////7AAAAKgBTAHAAZQBjAGkAZgBpAGMAQwBvAGwAbwByAFMAZQBsAGUAYwB0AG8AcgAAAAAA/////wAAAHAA////+wAAABYAQwBvAGwAbwByAFMAbABpAGQAZQByAAAAAAD/////AAAAAAAAAAD7AAAAFgBJAG0AYQBnAGUARABvAGMAawBlAHIAAAAAAP////8AAAAAAAAAAPsAAAAqAFMAaABhAHAAZQBDAG8AbABsAGUAYwB0AGkAbwBuAEQAbwBjAGsAZQByAAAABkgAAAEoAAAAAAAAAAD7AAAARgBLAHIAaQB0AGEAUwBoAGEAcABlAC8ASwBpAHMAVABvAG8AbABEAHkAbgBhAG8AcAB0AGkAbwBuACAAdwBpAGQAZwBlAHQBAAAAUgAAABIAAAAAAAAAAPsAAAAsAEsAcgBpAHQAYQBTAGgAYQBwAGUALwBLAGkAcwBUAG8AbwBsAEwAaQBuAGUBAAAAPAAAAGkAAAAAAAAAAPsAAAAyAEsAcgBpAHQAYQBTAGgAYQBwAGUALwBLAGkAcwBUAG8AbwBsAEUAbABsAGkAcABzAGUBAAAAkQAAABIAAAAAAAAAAPsAAAAcAEsAaQBzAFQAbwBvAGwAUABvAGwAeQBnAG8AbgEAAACmAAAAEgAAAAAAAAAA+wAAAB4ASwBpAHMAVABvAG8AbABQAG8AbAB5AGwAaQBuAGUBAAAAuwAAABIAAAAAAAAAAPsAAAAWAEsAaQBzAFQAbwBvAGwAUwB0AGEAcgEAAADQAAAAEwAAAAAAAAAA+wAAACoAUwBuAGEAcABHAHUAaQBkAGUAQwBvAG4AZgBpAGcAVwBpAGQAZwBlAHQAAAAA7wAAAHEAAAAAAAAAAPsAAAAyAEsAaQBzAFQAbwBvAGwAQwByAG8AcAAgAG8AcAB0AGkAbwBuACAAdwBpAGQAZwBlAHQBAAAA+wAAABIAAAAAAAAAAPsAAABQAEsAcgBpAHQAYQBUAHIAYQBuAHMAZgBvAHIAbQAvAEsAaQBzAFQAbwBvAGwATQBvAHYAZQAgAE8AcAB0AGkAbwBuACAAVwBpAGQAZwBlAHQBAAABEAAAABIAAAAAAAAAAPsAAAA8AEsAaQBzAFQAbwBvAGwAVAByAGEAbgBzAGYAbwByAG0AIABvAHAAdABpAG8AbgAgAHcAaQBkAGcAZQB0AQAAADwAAAAvAAAAAAAAAAD7AAAATgBLAHIAaQB0AGEAUwBoAGEAcABlAC8ASwBpAHMAVABvAG8AbABNAGUAYQBzAHUAcgBlACAAbwBwAHQAaQBvAG4AIAB3AGkAZABnAGUAdAEAAAA8AAAAQgAAAAAAAAAA+wAAAFwASwByAGkAdABhAFMAZQBsAGUAYwB0AGUAZAAvAEsAaQBzAFQAbwBvAGwAQwBvAGwAbwByAFAAaQBjAGsAZQByACAAbwBwAHQAaQBvAG4AIAB3AGkAZABnAGUAdAEAAAA8AAAA/wAAAAAAAAAA+wAAAEYASwBpAHMAUgB1AGwAZQByAEEAcwBzAGkAcwB0AGEAbgB0AFQAbwBvAGwAIABPAHAAdABpAG8AbgAgAFcAaQBkAGcAZQB0AQAAADwAAAASAAAAAAAAAAD7AAAASABLAGkAcwBUAG8AbwBsAFAAZQByAHMAcABlAGMAdABpAHYAZQBHAHIAaQBkACAATwBwAHQAaQBvAG4AIABXAGkAZABnAGUAdAEAAAGjAAAAEgAAAAAAAAAA+wAAADIASwBpAHMAVABvAG8AbABHAHIAaQBkACAATwBwAHQAaQBvAG4AIABXAGkAZABnAGUAdAEAAAG4AAAAEwAAAAAAAAAA+wAAAEwASwBpAHMAVABvAG8AbABTAGUAbABlAGMAdABSAGUAYwB0AGEAbgBnAHUAbABhAHIAIABvAHAAdABpAG8AbgAgAHcAaQBkAGcAZQB0AQAAAc4AAAASAAAAAAAAAAD7AAAASgBLAGkAcwBUAG8AbwBsAFMAZQBsAGUAYwB0AEUAbABsAGkAcAB0AGkAYwBhAGwAIABvAHAAdABpAG8AbgAgAHcAaQBkAGcAZQB0AQAAAeMAAAASAAAAAAAAAAD7AAAASABLAGkAcwBUAG8AbwBsAFMAZQBsAGUAYwB0AFAAbwBsAHkAZwBvAG4AYQBsACAAbwBwAHQAaQBvAG4AIAB3AGkAZABnAGUAdAEAAAH4AAAAEgAAAAAAAAAA+wAAAEQASwBpAHMAVABvAG8AbABTAGUAbABlAGMAdABPAHUAdABsAGkAbgBlACAAbwBwAHQAaQBvAG4AIAB3AGkAZABnAGUAdAEAAAINAAAAEgAAAAAAAAAA+wAAAEoASwBpAHMAVABvAG8AbABTAGUAbABlAGMAdABDAG8AbgB0AGkAZwB1AG8AdQBzACAAbwBwAHQAaQBvAG4AIAB3AGkAZABnAGUAdAEAAAIiAAAAEgAAAAAAAAAA+wAAAEQASwBpAHMAVABvAG8AbABTAGUAbABlAGMAdABTAGkAbQBpAGwAYQByACAAbwBwAHQAaQBvAG4AIAB3AGkAZABnAGUAdAEAAAI3AAAAEgAAAAAAAAAA/AAAAbYAAABaAAAAAAD////6AAAAAAEAAAAC+wAAAC4ASwBvAFMAaABhAHAAZQBDAG8AbABsAGUAYwB0AGkAbwBuAEQAbwBjAGsAZQByAQAAAAD/////AAAAAAAAAAD7AAAAJABTAG0AYQBsAGwAQwBvAGwAbwByAFMAZQBsAGUAYwB0AG8AcgAAAANuAAABBAAAAEYA/////AAAAUQAAAFvAAAAwwD////6AAAAAAEAAAAD+wAAABYASwBpAHMATABhAHkAZQByAEIAbwB4AQAAAAD/////AAABAgD////7AAAAGgBDAGgAYQBuAG4AZQBsAEQAbwBjAGsAZQByAAAAAAD/////AAAARgD////7AAAALgBLAGkAcwBQAGEAaQBuAHQAZQByAGwAeQBNAGkAeABlAHIARABvAGMAawBlAHIAAAAAAP////8AAAAAAAAAAPwAAAK5AAABpgAAADcA////+gAAAAABAAAAAvsAAAAYAFAAcgBlAHMAZQB0AEQAbwBjAGsAZQByAQAAAAD/////AAAAZgD////7AAAAGgBQAHIAZQBzAGUAdABIAGkAcwB0AG8AcgB5AAAACPoAAAEGAAAARgD////7AAAASABLAHIAaQB0AGEAUwBoAGEAcABlAC8ASwBpAHMAVABvAG8AbABCAHIAdQBzAGgAbwBwAHQAaQBvAG4AIAB3AGkAZABnAGUAdAEAAAPcAAAAaAAAAAAAAAAA+wAAACIAUwB0AHIAbwBrAGUAIABQAHIAbwBwAGUAcgB0AGkAZQBzAAAAAAD/////AAAAAAAAAAD7AAAAFgBTAHQAeQBsAGUARABvAGMAawBlAHIAAAAAAP////8AAAAAAAAAAPsAAAAgAEsAaQBzAEgAaQBzAHQAbwBnAHIAYQBtAEQAbwBjAGsAAAAAAP////8AAAAAAAAAAPsAAAASAFMAYwByAGkAcAB0AGkAbgBnAAAAAAD/////AAAAAAAAAAD7AAAAMABEAGUAZgBhAHUAbAB0AFQAbwBvAGwAQQByAHIAYQBuAGcAZQBXAGkAZABnAGUAdAAAAAK8AAAAUgAAAAAAAAAA+wAAACIARABlAGYAYQB1AGwAdABUAG8AbwBsAFcAaQBkAGcAZQB0AAAAAxEAAABbAAAAAAAAAAD7AAAAJABLAGkAcwBIAGkAcwB0AG8AZwByAGEAbQBEAG8AYwBrAGUAcgAAAAJCAAAAewAAAAAAAAAA+wAAABgARABpAGcAaQB0AGEAbABNAGkAeABlAHIAAAAAAP////8AAAC9AP////sAAAAOAEgAaQBzAHQAbwByAHkAAAADkAAAALQAAABaAP////sAAABOAEsAcgBpAHQAYQBGAGkAbABsAC8ASwBpAHMAVABvAG8AbABHAHIAYQBkAGkAZQBuAHQAIABvAHAAdABpAG8AbgAgAHcAaQBkAGcAZQB0AAAABCgAAAAcAAAAAAAAAAD7AAAARgBLAHIAaQB0AGEARgBpAGwAbAAvAEsAaQBzAFQAbwBvAGwARgBpAGwAbAAgAG8AcAB0AGkAbwBuACAAdwBpAGQAZwBlAHQAAAADUAAAABwAAAAAAAAAAPsAAAA2AEsAcgBpAHQAYQBTAGgAYQBwAGUALwBLAGkAcwBUAG8AbwBsAFIAZQBjAHQAYQBuAGcAbABlAAAAAwUAAABnAAAAAAAAAAD7AAAAIgBDAG8AbQBwAG8AcwBpAHQAaQBvAG4ARABvAGMAawBlAHIAAAAAAP////8AAAB6AP////sAAAAqAEEAcgB0AGkAcwB0AGkAYwBDAG8AbABvAHIAUwBlAGwAZQBjAHQAbwByAAAAAAD/////AAAAeAD////7AAAAGgBQAGEAdAB0AGUAcgBuAEQAbwBjAGsAZQByAAAAAtkAAAFJAAABDQAIABP7AAAAGgBUAGEAcwBrAHMAZQB0AEQAbwBjAGsAZQByAAAAAAD/////AAAAeQD////7AAAAKABTAG4AYQBwAEcAdQBpAGQAZQAgAFAAcgBvAHAAZQByAHQAaQBlAHMAAAAAAP////8AAAAAAAAAAPsAAAA4AFQAZQB4AHQARABvAGMAdQBtAGUAbgB0AEkAbgBzAHAAZQBjAHQAaQBvAG4ARABvAGMAawBlAHICAAAEmgAAAhUAAAEqAAAArvsAAAASAEwAdQB0AEQAbwBjAGsAZQByAAAAAAD/////AAABbwD////7AAAAGgBQAGEAbABlAHQAdABlAEQAbwBjAGsAZQByAAAAAAD/////AAAAcAD////7AAAAFABHAHIAaQBkAEQAbwBjAGsAZQByAAAAAAD/////AAABLgD////7AAAAHgBIAGkAcwB0AG8AZwByAGEAbQBEAG8AYwBrAGUAcgAAAAAA/////wAAAEgA////+wAAACoAQQBuAGkAbQBhAHQAaQBvAG4AQwB1AHIAdgBlAHMARABvAGMAawBlAHIAAAAAAP////8AAABoAP////sAAAAyAFMAdgBnAFMAeQBtAGIAbwBsAEMAbwBsAGwAZQBjAHQAaQBvAG4ARABvAGMAawBlAHIAAAAAAP////8AAAB+AP////sAAAAWAFQAbwB1AGMAaABEAG8AYwBrAGUAcgAAAAJMAAABMQAAABQA////+wAAABoAQQByAHIAYQBuAGcAZQBEAG8AYwBrAGUAcgAAAAAA/////wAAADwA////+wAAADoAYwBvAG0AaQBjAHMAXwBwAHIAbwBqAGUAYwB0AF8AbQBhAG4AYQBnAGUAcgBfAGQAbwBjAGsAZQByAAAAAAD/////AAAAyQD////7AAAAKgBxAHUAaQBjAGsAXwBzAGUAdAB0AGkAbgBnAHMAXwBkAG8AYwBrAGUAcgAAAAAA/////wAAAIAA////+wAAABYAUABhAGcAZQByAEQAbwBjAGsAZQByAAAAAAD/////AAAAAAAAAAD7AAAAJgBsAGEAcwB0AGQAbwBjAHUAbQBlAG4AdABzAGQAbwBjAGsAZQByAAAAAAD/////AAAAfgD////7AAAAEgBHAGEAbQB1AHQATQBhAHMAawAAAAAA/////wAAALEA////+wAAABAAUwBuAGEAcABzAGgAbwB0AAAAAt8AAACkAAAAeQD////7AAAAEgBMAG8AZwBEAG8AYwBrAGUAcgAAAAAA/////wAAAH0A////+wAAACAAUwB0AG8AcgB5AGIAbwBhAHIAZABEAG8AYwBrAGUAcgAAAAAA/////wAAAKgA////+wAAABwAUgBlAGMAbwByAGQAZQByAEQAbwBjAGsAZQByAAAAAAD/////AAAAWgD////7AAAALABXAGkAZABlAEcAYQBtAHUAdABDAG8AbABvAHIAUwBlAGwAZQBjAHQAbwByAAAAAAD/////AAAAsQD///8AAAACAAAKAAAAALz8AQAAAAH7AAAAGgBUAG8AbwBsAEIAYQByAEQAbwBjAGsAZQByAAAAAAD/////AAAAAAAAAAAAAAADAAAAAAAAAAD8AQAAAAT7AAAAHABGAGwAaQBwAGIAbwBvAGsARABvAGMAawBlAHIAAAAAAP////8AAAAAAAAAAPsAAAAeAEEAbgBpAG0AYQB0AGkAbwBuAEQAbwBjAGsAZQByAAAAAAD/////AAAAAAAAAAD7AAAAIABPAG4AaQBvAG4AUwBrAGkAbgBzAEQAbwBjAGsAZQByAAAAAAD/////AAABUwD////7AAAAHABUAGkAbQBlAGwAaQBuAGUARABvAGMAawBlAHIAAAAAAP////8AAAOoAP///wAABnsAAAQiAAAABAAAAAQAAAAIAAAACPwAAAABAAAAAgAAAAMAAAAWAG0AYQBpAG4AVABvAG8AbABCAGEAcgEAAAAA/////wAAAAAAAAAAAAAAHgBCAHIAdQBzAGgAZQBzAEEAbgBkAFMAdAB1AGYAZgEAAABm/////wAAAAAAAAAAAAAAFgBlAGQAaQB0AFQAbwBvAGwAQgBhAHIAAAAAAP////8AAAAAAAAAAA==
+ToolBarsMovable=Disabled
+ko_geometry=AdnQywADAAAAAAACAAAAGAAACFIAAASZAAACxwAAAMgAAA3iAAAD5wAAAAACAAAACFUAAAACAAAAGAAACFIAAASZ
+
+[MainWindow][DockWidget AnimationCurvesDocker]
+DockArea=2
+Locked=false
+height=480
+width=640
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget ArrangeDocker]
+DockArea=2
+Locked=false
+height=264
+width=222
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget ArtisticColorSelector]
+DockArea=2
+Locked=false
+height=284
+width=334
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget ChannelDocker]
+DockArea=2
+Locked=false
+height=30
+width=100
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget ColorSelectorNg]
+DockArea=2
+Locked=false
+height=207
+width=392
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget CompositionDocker]
+DockArea=2
+Locked=false
+height=300
+width=400
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget DigitalMixer]
+DockArea=2
+Locked=false
+height=30
+width=100
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget GamutMask]
+DockArea=2
+Locked=false
+height=322
+width=363
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget GridDocker]
+DockArea=2
+Locked=false
+height=527
+width=258
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget HistogramDocker]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget History]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget KisLayerBox]
+DockArea=2
+Locked=false
+height=347
+width=392
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget LogDocker]
+DockArea=2
+Locked=false
+height=260
+width=400
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget LutDocker]
+DockArea=2
+Locked=false
+height=328
+width=357
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget OnionSkinsDocker]
+DockArea=8
+Locked=false
+height=282
+width=336
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget OverviewDocker]
+DockArea=2
+Locked=false
+height=112
+width=100
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget PaletteDocker]
+DockArea=2
+Locked=false
+height=422
+width=340
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget PatternDocker]
+DockArea=2
+Locked=false
+height=249
+width=188
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget PresetDocker]
+DockArea=2
+Locked=false
+height=402
+width=392
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget PresetHistory]
+DockArea=2
+Locked=false
+height=30
+width=100
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget RecorderDocker]
+DockArea=2
+Locked=false
+height=369
+width=277
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget SmallColorSelector]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget Snapshot]
+DockArea=2
+Locked=false
+height=30
+width=100
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget SpecificColorSelector]
+DockArea=2
+Locked=false
+height=207
+width=268
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget StoryboardDocker]
+DockArea=2
+Locked=false
+height=561
+width=604
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget SvgSymbolCollectionDocker]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget TasksetDocker]
+DockArea=2
+Locked=false
+height=300
+width=400
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget TimelineDocker]
+DockArea=8
+Locked=false
+height=50
+width=100
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget ToolBox]
+DockArea=1
+Locked=false
+height=1036
+width=66
+xPosition=0
+yPosition=22
+
+[MainWindow][DockWidget TouchDocker]
+DockArea=2
+Locked=false
+height=0
+width=0
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget WideGamutColorSelector]
+DockArea=2
+Locked=false
+height=480
+width=640
+xPosition=0
+yPosition=0
+
+[MainWindow][DockWidget comics_project_manager_docker]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget lastdocumentsdocker]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget quick_settings_docker]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[MainWindow][DockWidget sharedtooldocker]
+DockArea=2
+Locked=false
+height=460
+width=640
+xPosition=0
+yPosition=20
+
+[OverviewDocker]
+pinControls=true
+
+[RecentFiles]
+File1[$e]=$HOME/Bilder/Art/physical scans/chibipandauk/Art Print - Inked Pink Mizuchi Dragon Painting.jxl
+File2[$e]=$HOME/Dokumente/Job/Unterschrift.kra
+File3[$e]=$HOME/Dokumente/Job/IMG_0428.jpg
+File4[$e]=$HOME/Dokumente/Job/IMG_0428-cropped.kra
+File5[$e]=$HOME/Dokumente/Job/IMG_0428-cropped-close.kra
+Name1=Art Print - Inked Pink Mizuchi Dragon Painting.jxl
+Name2=Unterschrift.kra
+Name3=IMG_0428.jpg
+Name4=IMG_0428-cropped.kra
+Name5=IMG_0428-cropped-close.kra
+maxRecentFileItems=100
+
+[SelectedTags]
+brushes=All
+gamutmasks=All
+gradients=All
+paintoppresets=All
+palettes=All
+patterns=All
+tasksets=All
+windowlayouts=All
+workspaces=All
+
+[SvgSymbolCollection]
+currentCollection=0
+
+[TemplateChooserDialog]
+LastReturnType=Create from ClipBoard
+
+[advancedColorSelector]
+customSelectorBackgroundColor=160,160,164
+gamma=2.2
+lumaG=0.7152
+lumaR=0.2126
+minimalShadeSelectorLineConfig=0|0.2|0|0|0|0|0;1|0|1|1|0|0|0;2|0|-1|1|0|0|0
+showColorSelector=true
+useCustomColorForBackground=false
+
+[autocontrast_filter_bookmarks]
+Last Used=\n\n
+
+[crashprevention]
+CreatingCanvas=false
+
+[desaturate_filter_bookmarks]
+Last Used=\n\n 1\n\n
+
+[filterdialog]
+forceLodMode=true
+showPreview=true
+
+[krita]
+ColorSpaceExtensionsPlugins=\\0
+ColorSpaceExtensionsPluginsDisabled=
+ColorSpacePlugins=\\0
+ColorSpacePluginsDisabled=
+DockerPlugins=,,,,,,,,,,,,,,,,,,,,,,,,,,,
+DockerPluginsDisabled=
+FlakePlugins=\\0
+FlakePluginsDisabled=
+ShapePlugins=\\0
+ShapePluginsDisabled=
+ToolPlugins=,,,,,,,,,,,,,
+ToolPluginsDisabled=
+
+[mean removal_filter_bookmarks]
+Last Used=\n\n
+
+[normalize_filter_bookmarks]
+Last Used=\n\n
diff --git a/roles/config/files/.config/kservicemenurc b/roles/config/files/.config/kservicemenurc
new file mode 100644
index 00000000..b06f3ab2
--- /dev/null
+++ b/roles/config/files/.config/kservicemenurc
@@ -0,0 +1,38 @@
+[Show]
+CreateK3bAudioProject=true
+CreateK3bDataProject=true
+CreateK3bVcdProject=true
+KGetDownload=true
+PalapeliImport=true
+Play=true
+WriteCdImage=true
+addToCollection=true
+akregatorplugin=true
+compressfileitemaction=true
+decrypt-view=true
+encrypt=true
+extractfileitemaction=true
+forgetfileitemaction=true
+gdrivecontextmenuaction=true
+installFont=true
+kactivitymanagerd_fileitem_linking_plugin=true
+kdeconnectfileitemaction=true
+kio-admin=true
+kleodecryptverifyfiles=true
+kleoencryptfiles=true
+kleoencryptfolder=true
+kleoencryptsignfiles=true
+kleosignencryptfolder=true
+kleosignfilescms=true
+kleosignfilesopenpgp=true
+kompare=true
+makefileactions=true
+mediainfo-gui=true
+mountisoaction=true
+nextclouddolphinactionplugin=true
+plasmavaultfileitemaction=true
+runInKonsole=true
+sharefileitemaction=true
+slideshowfileitemaction=true
+tagsfileitemaction=true
+wallpaperfileitemaction=true
diff --git a/roles/config/files/.config/ktimezonedrc b/roles/config/files/.config/ktimezonedrc
new file mode 100644
index 00000000..459e5a8c
--- /dev/null
+++ b/roles/config/files/.config/ktimezonedrc
@@ -0,0 +1,4 @@
+[TimeZones]
+LocalZone=Europe/Zurich
+ZoneinfoDir=/usr/share/zoneinfo
+Zonetab=/usr/share/zoneinfo/zone.tab
diff --git a/roles/config/files/.config/ktrashrc b/roles/config/files/.config/ktrashrc
new file mode 100644
index 00000000..c6dee1a6
--- /dev/null
+++ b/roles/config/files/.config/ktrashrc
@@ -0,0 +1,13 @@
+[/home/exu/.local/share/Trash]
+Days=7
+LimitReachedAction=1
+Percent=10
+UseSizeLimit=true
+UseTimeLimit=true
+
+[/mnt/handlerone/.Trash-1000]
+Days=7
+LimitReachedAction=1
+Percent=10
+UseSizeLimit=true
+UseTimeLimit=true
diff --git a/roles/config/files/.config/kwinrc b/roles/config/files/.config/kwinrc
index ccd85318..c9735398 100644
--- a/roles/config/files/.config/kwinrc
+++ b/roles/config/files/.config/kwinrc
@@ -15,6 +15,9 @@ Id_9=a2e4ade7-53e1-4ad6-a7d7-adb904bb8060
Number=10
Rows=1
+[EdgeBarrier]
+EdgeBarrier=50
+
[Effect-overview]
BorderActivate=9
@@ -63,3 +66,7 @@ SeparateScreenFocus=true
[Xwayland]
Scale=1.25
+
+[org.kde.kdecoration2]
+library=org.kde.kwin.aurorae
+theme=__aurorae__svg__CatppuccinMacchiato-Modern
diff --git a/roles/config/files/.config/plasma-localerc b/roles/config/files/.config/plasma-localerc
new file mode 100644
index 00000000..964f69ba
--- /dev/null
+++ b/roles/config/files/.config/plasma-localerc
@@ -0,0 +1,2 @@
+[Formats]
+LANG=de_CH.UTF-8
diff --git a/roles/config/files/.config/plasma-org.kde.plasma.desktop-appletsrc b/roles/config/files/.config/plasma-org.kde.plasma.desktop-appletsrc
index 31e628c4..cc3f3719 100644
--- a/roles/config/files/.config/plasma-org.kde.plasma.desktop-appletsrc
+++ b/roles/config/files/.config/plasma-org.kde.plasma.desktop-appletsrc
@@ -49,8 +49,8 @@ plugin=org.kde.plasma.kickoff
[Containments][29][Applets][30][Configuration]
PreloadWeight=100
-popupHeight=541
-popupWidth=733
+popupHeight=550
+popupWidth=753
[Containments][29][Applets][30][Configuration][General]
favoritesPortedToKAstats=true
@@ -94,7 +94,7 @@ immutability=1
plugin=org.kde.plasma.systemtray
[Containments][29][Applets][55][Configuration]
-PreloadWeight=80
+PreloadWeight=100
SystrayContainmentId=56
[Containments][29][General]
@@ -127,8 +127,8 @@ plugin=org.kde.plasma.kickoff
[Containments][3][Applets][4][Configuration]
PreloadWeight=100
-popupHeight=541
-popupWidth=733
+popupHeight=550
+popupWidth=753
[Containments][3][Applets][4][Configuration][General]
favoritesPortedToKAstats=true
@@ -340,7 +340,7 @@ immutability=1
plugin=org.kde.plasma.devicenotifier
[Containments][56][Applets][58][Configuration]
-PreloadWeight=55
+PreloadWeight=60
[Containments][56][Applets][59]
immutability=1
@@ -351,7 +351,7 @@ immutability=1
plugin=org.kde.plasma.notifications
[Containments][56][Applets][60][Configuration]
-PreloadWeight=55
+PreloadWeight=60
[Containments][56][Applets][61]
immutability=1
@@ -377,6 +377,9 @@ plugin=org.kde.plasma.keyboardlayout
immutability=1
plugin=org.kde.plasma.volume
+[Containments][56][Applets][66][Configuration]
+PreloadWeight=60
+
[Containments][56][Applets][66][Configuration][General]
migrated=true
@@ -393,7 +396,7 @@ immutability=1
plugin=org.kde.plasma.bluetooth
[Containments][56][Applets][69][Configuration]
-PreloadWeight=26
+PreloadWeight=10
[Containments][56][Applets][70]
immutability=1
@@ -450,7 +453,7 @@ immutability=1
plugin=org.kde.plasma.devicenotifier
[Containments][9][Applets][11][Configuration]
-PreloadWeight=60
+PreloadWeight=65
[Containments][9][Applets][12]
immutability=1
@@ -461,14 +464,14 @@ immutability=1
plugin=org.kde.plasma.notifications
[Containments][9][Applets][13][Configuration]
-PreloadWeight=75
+PreloadWeight=100
[Containments][9][Applets][14]
immutability=1
plugin=org.kde.kdeconnect
[Containments][9][Applets][14][Configuration]
-PreloadWeight=55
+PreloadWeight=60
[Containments][9][Applets][15]
immutability=1
@@ -512,14 +515,17 @@ immutability=1
plugin=org.kde.plasma.bluetooth
[Containments][9][Applets][24][Configuration]
-PreloadWeight=28
+PreloadWeight=27
[Containments][9][Applets][25]
immutability=1
plugin=org.kde.plasma.networkmanagement
[Containments][9][Applets][25][Configuration]
-PreloadWeight=55
+PreloadWeight=100
+
+[Containments][9][Applets][25][Configuration][General]
+currentDetailsTab=details
[Containments][9][Applets][26]
immutability=1
@@ -533,7 +539,7 @@ immutability=1
plugin=org.kde.plasma.battery
[Containments][9][Applets][27][Configuration]
-PreloadWeight=92
+PreloadWeight=7
[Containments][9][Applets][28]
immutability=1
diff --git a/roles/config/files/.fonts/.uuid b/roles/config/files/.fonts/.uuid
new file mode 100644
index 00000000..485a792a
--- /dev/null
+++ b/roles/config/files/.fonts/.uuid
@@ -0,0 +1 @@
+a5e0d0d3-2901-47c2-a225-18525c716c47
\ No newline at end of file
diff --git a/roles/config/files/.fonts/CustomTkinter_shapes_font.otf b/roles/config/files/.fonts/CustomTkinter_shapes_font.otf
new file mode 100644
index 00000000..a8910531
Binary files /dev/null and b/roles/config/files/.fonts/CustomTkinter_shapes_font.otf differ
diff --git a/roles/config/files/.fonts/Roboto-Medium.ttf b/roles/config/files/.fonts/Roboto-Medium.ttf
new file mode 100644
index 00000000..e89b0b79
Binary files /dev/null and b/roles/config/files/.fonts/Roboto-Medium.ttf differ
diff --git a/roles/config/files/.fonts/Roboto-Regular.ttf b/roles/config/files/.fonts/Roboto-Regular.ttf
new file mode 100644
index 00000000..3d6861b4
Binary files /dev/null and b/roles/config/files/.fonts/Roboto-Regular.ttf differ
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/CatppuccinMacchiato-Modernrc b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/CatppuccinMacchiato-Modernrc
new file mode 100755
index 00000000..82534021
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/CatppuccinMacchiato-Modernrc
@@ -0,0 +1,41 @@
+[General]
+ActiveTextColor=#cdd6f4
+InactiveTextColor=#a6adc8
+TitleAlignment=Center
+TitleVerticalAlignment=Center
+Animation=0
+
+[Layout]
+BorderTop=0
+BorderLeft=0
+BorderRight=0
+BorderBottom=0
+
+ButtonHeight=37
+ButtonWidth=37
+
+ButtonMarginTop=0
+ButtonMarginLeft=0
+ButtonMarginRight=0
+
+ButtonSpacing=0
+ExplicitButtonSpacer=0
+
+PaddingBottom=65
+PaddingLeft=53
+PaddingRight=53
+PaddingTop=43
+
+TitleBorderLeft=0
+TitleBorderRight=-105
+
+TitleEdgeBottomMaximized=0
+TitleEdgeTopMaximized=0
+TitleEdgeLeftMaximized=0
+TitleEdgeRightMaximized=0
+
+TitleEdgeBottom=0
+TitleEdgeLeft=0
+TitleEdgeRight=0
+TitleEdgeTop=0
+TitleHeight=26
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/alldesktops.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/alldesktops.svg
new file mode 100755
index 00000000..d0cc39a8
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/alldesktops.svg
@@ -0,0 +1,276 @@
+
+
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/close.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/close.svg
new file mode 100755
index 00000000..83b8ab0f
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/close.svg
@@ -0,0 +1,252 @@
+
+
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/decoration.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/decoration.svg
new file mode 100755
index 00000000..5ebc0673
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/decoration.svg
@@ -0,0 +1,665 @@
+
+
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/keepabove.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/keepabove.svg
new file mode 100755
index 00000000..6dbd35a3
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/keepabove.svg
@@ -0,0 +1,273 @@
+
+
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/keepbelow.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/keepbelow.svg
new file mode 100755
index 00000000..d459ca27
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/keepbelow.svg
@@ -0,0 +1,276 @@
+
+
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/maximize.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/maximize.svg
new file mode 100755
index 00000000..ff666e40
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/maximize.svg
@@ -0,0 +1,274 @@
+
+
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/metadata.desktop b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/metadata.desktop
new file mode 100755
index 00000000..5575ab84
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/metadata.desktop
@@ -0,0 +1,11 @@
+[Desktop Entry]
+Name=Catppuccin Macchiato Modern
+Comment=Soothing Pastel theme for Kwin
+X-KDE-PluginInfo-Author=Cequal-Catppuccin
+X-KDE-PluginInfo-Email=core@catppuccin.com
+X-KDE-PluginInfo-Name=CatppuccinMacchiato-Modern
+X-KDE-PluginInfo-Version=0.2.6
+X-KDE-PluginInfo-Category=
+X-KDE-PluginInfo-Depends=
+X-KDE-PluginInfo-License=
+X-KDE-PluginInfo-EnabledByDefault=true
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/metadata.json b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/metadata.json
new file mode 100644
index 00000000..189f1e27
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/metadata.json
@@ -0,0 +1,19 @@
+{
+ "KPlugin": {
+ "Authors": [
+ {
+ "Email": "core@catppuccin.com",
+ "Name": "Catppuccin"
+ }
+ ],
+ "Category": "",
+ "Dependencies": [
+ ],
+ "EnabledByDefault": true,
+ "Description": "Soothing Pastel theme for Kwin",
+ "Id": "CatppuccinMacchiato-Modern",
+ "License": "MIT",
+ "Name": "Catppuccin Macchiato Modern",
+ "Version": "0.2.6"
+ }
+}
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/minimize.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/minimize.svg
new file mode 100755
index 00000000..f5cd1330
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/minimize.svg
@@ -0,0 +1,435 @@
+
+
diff --git a/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/restore.svg b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/restore.svg
new file mode 100755
index 00000000..cf1f4b6a
--- /dev/null
+++ b/roles/config/files/.local/share/aurorae/themes/CatppuccinMacchiato-Modern/restore.svg
@@ -0,0 +1,260 @@
+
+
diff --git a/roles/config/files/.local/share/color-schemes/CatppuccinMacchiatoPeach.colors b/roles/config/files/.local/share/color-schemes/CatppuccinMacchiatoPeach.colors
new file mode 100644
index 00000000..2456ab92
--- /dev/null
+++ b/roles/config/files/.local/share/color-schemes/CatppuccinMacchiatoPeach.colors
@@ -0,0 +1,144 @@
+[ColorEffects:Disabled]
+Color=36, 39, 58
+ColorAmount=0.30000000000000004
+ColorEffect=2
+ContrastAmount=0.1
+ContrastEffect=0
+IntensityAmount=-1
+IntensityEffect=0
+
+[ColorEffects:Inactive]
+ChangeSelectionColor=true
+Color=36, 39, 58
+ColorAmount=0.5
+ColorEffect=3
+ContrastAmount=0
+ContrastEffect=0
+Enable=true
+IntensityAmount=0
+IntensityEffect=0
+
+[Colors:Button]
+BackgroundAlternate=245,169,127
+BackgroundNormal=54, 58, 79
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+
+[Colors:Complementary]
+BackgroundAlternate=24, 25, 38
+BackgroundNormal=30, 32, 48
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+
+[Colors:Header]
+BackgroundAlternate=24, 25, 38
+BackgroundNormal=30, 32, 48
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+
+[Colors:Selection]
+BackgroundAlternate=245,169,127
+BackgroundNormal=245,169,127
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundLink=245,169,127
+ForegroundInactive=30, 32, 48
+ForegroundActive=245, 169, 127
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=24, 25, 38
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+
+[Colors:Tooltip]
+BackgroundAlternate=27,25,35
+BackgroundNormal=36, 39, 58
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+
+[Colors:View]
+BackgroundAlternate=30, 32, 48
+BackgroundNormal=36, 39, 58
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+
+[Colors:Window]
+BackgroundAlternate=24, 25, 38
+BackgroundNormal=30, 32, 48
+DecorationFocus=245,169,127
+DecorationHover=54, 58, 79
+ForegroundActive=245, 169, 127
+ForegroundInactive=165, 173, 203
+ForegroundLink=245,169,127
+ForegroundNegative=237, 135, 150
+ForegroundNeutral=238, 212, 159
+ForegroundNormal=202, 211, 245
+ForegroundPositive=166, 218, 149
+ForegroundVisited=198, 160, 246
+
+
+[General]
+ColorScheme=CatppuccinMacchiatoPeach
+Name=Catppuccin Macchiato Peach
+accentActiveTitlebar=false
+shadeSortColumn=true
+
+
+[KDE]
+contrast=4
+
+
+[WM]
+activeBackground=36, 39, 58
+activeBlend=202, 211, 245
+activeForeground=202, 211, 245
+inactiveBackground=24, 25, 38
+inactiveBlend=165, 173, 203
+inactiveForeground=165, 173, 203
diff --git a/roles/config/files/.local/share/fonts/.uuid b/roles/config/files/.local/share/fonts/.uuid
new file mode 100644
index 00000000..c4e57325
--- /dev/null
+++ b/roles/config/files/.local/share/fonts/.uuid
@@ -0,0 +1 @@
+a7bf45ce-a1df-4275-90dc-b2633e3d7866
\ No newline at end of file
diff --git a/roles/config/files/.local/share/fonts/Unknown Vendor/.uuid b/roles/config/files/.local/share/fonts/Unknown Vendor/.uuid
new file mode 100644
index 00000000..64449f20
--- /dev/null
+++ b/roles/config/files/.local/share/fonts/Unknown Vendor/.uuid
@@ -0,0 +1 @@
+e624ae44-85b3-4bd2-b268-8819ecc9b476
\ No newline at end of file
diff --git a/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/.uuid b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/.uuid
new file mode 100644
index 00000000..23c86dca
--- /dev/null
+++ b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/.uuid
@@ -0,0 +1 @@
+883856aa-3d52-4283-b7dc-e90627b6e9a9
\ No newline at end of file
diff --git a/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/.uuid b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/.uuid
new file mode 100644
index 00000000..74c87217
--- /dev/null
+++ b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/.uuid
@@ -0,0 +1 @@
+c8489d2d-8024-49ce-89e0-f752725561cd
\ No newline at end of file
diff --git a/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Bold.ttf b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Bold.ttf
new file mode 100644
index 00000000..f5570433
Binary files /dev/null and b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Bold.ttf differ
diff --git a/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Bold_Italic.ttf b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Bold_Italic.ttf
new file mode 100644
index 00000000..1f46f226
Binary files /dev/null and b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Bold_Italic.ttf differ
diff --git a/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Italic.ttf b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Italic.ttf
new file mode 100644
index 00000000..5000e3ec
Binary files /dev/null and b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Italic.ttf differ
diff --git a/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Regular.ttf b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Regular.ttf
new file mode 100644
index 00000000..38830fc5
Binary files /dev/null and b/roles/config/files/.local/share/fonts/Unknown Vendor/TrueType/Charis SIL/Charis_SIL_Regular.ttf differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/00000000000000020006000e7e9ffc3f b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/00000000000000020006000e7e9ffc3f
new file mode 100644
index 00000000..6a62502d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/00000000000000020006000e7e9ffc3f differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/00008160000006810000408080010102 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/00008160000006810000408080010102
new file mode 100644
index 00000000..d351868d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/00008160000006810000408080010102 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/03b6e0fcb3499374a867c041f52298f0 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/03b6e0fcb3499374a867c041f52298f0
new file mode 100644
index 00000000..6038d71b
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/03b6e0fcb3499374a867c041f52298f0 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd
new file mode 100644
index 00000000..6a62502d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/1081e37283d90000800003c07f3ef6bf b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/1081e37283d90000800003c07f3ef6bf
new file mode 100644
index 00000000..687e39f5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/1081e37283d90000800003c07f3ef6bf differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/3085a0e285430894940527032f8b26df b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/3085a0e285430894940527032f8b26df
new file mode 100644
index 00000000..f1f13ba3
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/3085a0e285430894940527032f8b26df differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/3ecb610c1bf2410f44200f48c40d3599 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/3ecb610c1bf2410f44200f48c40d3599
new file mode 100644
index 00000000..6a62502d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/3ecb610c1bf2410f44200f48c40d3599 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/4498f0e0c1937ffe01fd06f973665830 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/4498f0e0c1937ffe01fd06f973665830
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/4498f0e0c1937ffe01fd06f973665830 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408
new file mode 100644
index 00000000..a16be9e7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/6407b0e94181790501fd1e167b474872 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/6407b0e94181790501fd1e167b474872
new file mode 100644
index 00000000..687e39f5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/6407b0e94181790501fd1e167b474872 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/640fb0e74195791501fd1ed57b41487f b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/640fb0e74195791501fd1ed57b41487f
new file mode 100644
index 00000000..f1f13ba3
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/640fb0e74195791501fd1ed57b41487f differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/9081237383d90e509aa00f00170e968f b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/9081237383d90e509aa00f00170e968f
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/9081237383d90e509aa00f00170e968f differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/9d800788f1b08800ae810202380a0822 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/9d800788f1b08800ae810202380a0822
new file mode 100644
index 00000000..2a47e19e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/9d800788f1b08800ae810202380a0822 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/X_cursor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/X_cursor
new file mode 100644
index 00000000..ab3940ad
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/X_cursor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8
new file mode 100644
index 00000000..f1f13ba3
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/alias b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/alias
new file mode 100644
index 00000000..f1f13ba3
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/alias differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/all-scroll b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/all-scroll
new file mode 100644
index 00000000..7899b14d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/all-scroll differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/arrow
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8
new file mode 100644
index 00000000..687e39f5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_left_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_left_corner
new file mode 100644
index 00000000..341f1541
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_left_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_right_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_right_corner
new file mode 100644
index 00000000..740857c4
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_right_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_side
new file mode 100644
index 00000000..77af1a4d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/bottom_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/cell b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/cell
new file mode 100644
index 00000000..7fdbbea2
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/cell differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/center_ptr b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/center_ptr
new file mode 100644
index 00000000..bc265f4f
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/center_ptr differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/circle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/circle
new file mode 100644
index 00000000..6038d71b
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/circle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/closedhand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/closedhand
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/closedhand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/col-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/col-resize
new file mode 100644
index 00000000..6dea67b7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/col-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/color-picker b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/color-picker
new file mode 100644
index 00000000..73712ecb
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/color-picker differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/context-menu b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/context-menu
new file mode 100644
index 00000000..fd970e61
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/context-menu differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/copy b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/copy
new file mode 100644
index 00000000..687e39f5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/copy differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/cross b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/cross
new file mode 100644
index 00000000..d47cfa05
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/cross differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/crossed_circle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/crossed_circle
new file mode 100644
index 00000000..6038d71b
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/crossed_circle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/crosshair b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/crosshair
new file mode 100644
index 00000000..d47cfa05
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/crosshair differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/d9ce0ab605698f320427677b458ad60b b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/d9ce0ab605698f320427677b458ad60b
new file mode 100644
index 00000000..a16be9e7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/d9ce0ab605698f320427677b458ad60b differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/default b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/default
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/default differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-copy b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-copy
new file mode 100644
index 00000000..687e39f5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-copy differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-move b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-move
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-move differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-no-drop b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-no-drop
new file mode 100644
index 00000000..df135baa
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-no-drop differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-none b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-none
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/dnd-none differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/down-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/down-arrow
new file mode 100644
index 00000000..b1d6b8cb
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/down-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/draft b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/draft
new file mode 100644
index 00000000..e6ffc695
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/draft differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/e-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/e-resize
new file mode 100644
index 00000000..a82c6f18
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/e-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/e29285e634086352946a0e7090d73106 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/e29285e634086352946a0e7090d73106
new file mode 100644
index 00000000..2a47e19e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/e29285e634086352946a0e7090d73106 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ew-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ew-resize
new file mode 100644
index 00000000..a82c6f18
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ew-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/fleur b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/fleur
new file mode 100644
index 00000000..7899b14d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/fleur differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/forbidden b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/forbidden
new file mode 100644
index 00000000..3c82b089
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/forbidden differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/grab b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/grab
new file mode 100644
index 00000000..0db1010a
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/grab differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/grabbing b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/grabbing
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/grabbing differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/h_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/h_double_arrow
new file mode 100644
index 00000000..a82c6f18
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/h_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/half-busy b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/half-busy
new file mode 100644
index 00000000..6a62502d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/half-busy differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand
new file mode 100644
index 00000000..2a47e19e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand1 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand1
new file mode 100644
index 00000000..2a47e19e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand1 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand2 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand2
new file mode 100644
index 00000000..2a47e19e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/hand2 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/help b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/help
new file mode 100644
index 00000000..a16be9e7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/help differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ibeam b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ibeam
new file mode 100644
index 00000000..a74d8684
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ibeam differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left-arrow
new file mode 100644
index 00000000..b637d4af
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr_help b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr_help
new file mode 100644
index 00000000..a16be9e7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr_help differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr_watch b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr_watch
new file mode 100644
index 00000000..6a62502d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_ptr_watch differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_side
new file mode 100644
index 00000000..c877c313
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/left_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/link b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/link
new file mode 100644
index 00000000..f1f13ba3
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/link differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ll_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ll_angle
new file mode 100644
index 00000000..341f1541
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ll_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/lr_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/lr_angle
new file mode 100644
index 00000000..740857c4
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/lr_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/move b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/move
new file mode 100644
index 00000000..af971f07
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/move differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/n-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/n-resize
new file mode 100644
index 00000000..d351868d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/n-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ne-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ne-resize
new file mode 100644
index 00000000..40ca3f56
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ne-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nesw-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nesw-resize
new file mode 100644
index 00000000..40ca3f56
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nesw-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/no-drop b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/no-drop
new file mode 100644
index 00000000..3c82b089
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/no-drop differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/not-allowed b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/not-allowed
new file mode 100644
index 00000000..6038d71b
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/not-allowed differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ns-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ns-resize
new file mode 100644
index 00000000..d351868d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ns-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nw-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nw-resize
new file mode 100644
index 00000000..410df588
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nw-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nwse-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nwse-resize
new file mode 100644
index 00000000..410df588
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/nwse-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/openhand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/openhand
new file mode 100644
index 00000000..0db1010a
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/openhand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pencil b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pencil
new file mode 100644
index 00000000..e26ab29c
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pencil differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pirate b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pirate
new file mode 100644
index 00000000..0a708a30
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pirate differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/plus b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/plus
new file mode 100644
index 00000000..7fdbbea2
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/plus differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pointer b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pointer
new file mode 100644
index 00000000..2a47e19e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pointer differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pointing_hand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pointing_hand
new file mode 100644
index 00000000..2a47e19e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/pointing_hand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/progress b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/progress
new file mode 100644
index 00000000..6a62502d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/progress differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/question_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/question_arrow
new file mode 100644
index 00000000..a16be9e7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/question_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right-arrow
new file mode 100644
index 00000000..9b05f1fc
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right_ptr b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right_ptr
new file mode 100644
index 00000000..f52ec501
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right_ptr differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right_side
new file mode 100644
index 00000000..70f035f2
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/right_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/row-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/row-resize
new file mode 100644
index 00000000..f4965fcd
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/row-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/s-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/s-resize
new file mode 100644
index 00000000..d351868d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/s-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sb_h_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sb_h_double_arrow
new file mode 100644
index 00000000..a82c6f18
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sb_h_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sb_v_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sb_v_double_arrow
new file mode 100644
index 00000000..d351868d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sb_v_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/se-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/se-resize
new file mode 100644
index 00000000..410df588
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/se-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-bdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-bdiag
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-bdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-fdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-fdiag
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-fdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-hor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-hor
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-hor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-ver b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-ver
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size-ver differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_all b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_all
new file mode 100644
index 00000000..7899b14d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_all differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_bdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_bdiag
new file mode 100644
index 00000000..40ca3f56
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_bdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_fdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_fdiag
new file mode 100644
index 00000000..410df588
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_fdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_hor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_hor
new file mode 100644
index 00000000..a82c6f18
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_hor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_ver b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_ver
new file mode 100644
index 00000000..d351868d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/size_ver differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/split_h b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/split_h
new file mode 100644
index 00000000..6dea67b7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/split_h differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/split_v b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/split_v
new file mode 100644
index 00000000..f4965fcd
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/split_v differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sw-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sw-resize
new file mode 100644
index 00000000..40ca3f56
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/sw-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/text b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/text
new file mode 100644
index 00000000..a74d8684
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/text differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_left_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_left_arrow
new file mode 100644
index 00000000..614ca836
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_left_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_left_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_left_corner
new file mode 100644
index 00000000..51da6af8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_left_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_right_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_right_corner
new file mode 100644
index 00000000..4b99b572
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_right_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_side
new file mode 100644
index 00000000..35ec9cf9
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/top_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ul_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ul_angle
new file mode 100644
index 00000000..51da6af8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ul_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/up-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/up-arrow
new file mode 100644
index 00000000..aa504499
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/up-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ur_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ur_angle
new file mode 100644
index 00000000..4b99b572
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/ur_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/v_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/v_double_arrow
new file mode 100644
index 00000000..d351868d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/v_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/vertical-text b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/vertical-text
new file mode 100644
index 00000000..0463f53e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/vertical-text differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/w-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/w-resize
new file mode 100644
index 00000000..a82c6f18
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/w-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/wait b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/wait
new file mode 100644
index 00000000..11255900
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/wait differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/watch b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/watch
new file mode 100644
index 00000000..11255900
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/watch differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/wayland-cursor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/wayland-cursor
new file mode 100644
index 00000000..3f493080
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/wayland-cursor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/whats_this b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/whats_this
new file mode 100644
index 00000000..a16be9e7
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/whats_this differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/x-cursor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/x-cursor
new file mode 100644
index 00000000..ab3940ad
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/x-cursor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/xterm b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/xterm
new file mode 100644
index 00000000..a74d8684
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/xterm differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/zoom-in b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/zoom-in
new file mode 100644
index 00000000..1154506a
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/zoom-in differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/zoom-out b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/zoom-out
new file mode 100644
index 00000000..399ba501
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/cursors/zoom-out differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/index.theme b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/index.theme
new file mode 100644
index 00000000..e7e9fcc9
--- /dev/null
+++ b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Dark-Cursors/index.theme
@@ -0,0 +1,3 @@
+[Icon Theme]
+Name=Catppuccin-Macchiato-Dark
+Comment=based on Volantes Cursors
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/00000000000000020006000e7e9ffc3f b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/00000000000000020006000e7e9ffc3f
new file mode 100644
index 00000000..3081b8ab
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/00000000000000020006000e7e9ffc3f differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/00008160000006810000408080010102 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/00008160000006810000408080010102
new file mode 100644
index 00000000..f60d6962
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/00008160000006810000408080010102 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/03b6e0fcb3499374a867c041f52298f0 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/03b6e0fcb3499374a867c041f52298f0
new file mode 100644
index 00000000..84c11ce5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/03b6e0fcb3499374a867c041f52298f0 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd
new file mode 100644
index 00000000..3081b8ab
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/08e8e1c95fe2fc01f976f1e063a24ccd differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/1081e37283d90000800003c07f3ef6bf b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/1081e37283d90000800003c07f3ef6bf
new file mode 100644
index 00000000..ff17c5a0
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/1081e37283d90000800003c07f3ef6bf differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/3085a0e285430894940527032f8b26df b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/3085a0e285430894940527032f8b26df
new file mode 100644
index 00000000..1d6c5752
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/3085a0e285430894940527032f8b26df differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/3ecb610c1bf2410f44200f48c40d3599 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/3ecb610c1bf2410f44200f48c40d3599
new file mode 100644
index 00000000..3081b8ab
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/3ecb610c1bf2410f44200f48c40d3599 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/4498f0e0c1937ffe01fd06f973665830 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/4498f0e0c1937ffe01fd06f973665830
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/4498f0e0c1937ffe01fd06f973665830 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408
new file mode 100644
index 00000000..7f5d7f58
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/5c6cd98b3f3ebcb1f9c7f1c204630408 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/6407b0e94181790501fd1e167b474872 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/6407b0e94181790501fd1e167b474872
new file mode 100644
index 00000000..ff17c5a0
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/6407b0e94181790501fd1e167b474872 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/640fb0e74195791501fd1ed57b41487f b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/640fb0e74195791501fd1ed57b41487f
new file mode 100644
index 00000000..1d6c5752
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/640fb0e74195791501fd1ed57b41487f differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/9081237383d90e509aa00f00170e968f b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/9081237383d90e509aa00f00170e968f
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/9081237383d90e509aa00f00170e968f differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/9d800788f1b08800ae810202380a0822 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/9d800788f1b08800ae810202380a0822
new file mode 100644
index 00000000..a7798ab1
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/9d800788f1b08800ae810202380a0822 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/X_cursor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/X_cursor
new file mode 100644
index 00000000..61b44264
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/X_cursor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8
new file mode 100644
index 00000000..1d6c5752
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/a2a266d0498c3104214a47bd64ab0fc8 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/alias b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/alias
new file mode 100644
index 00000000..1d6c5752
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/alias differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/all-scroll b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/all-scroll
new file mode 100644
index 00000000..c9bace26
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/all-scroll differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/arrow
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8
new file mode 100644
index 00000000..ff17c5a0
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/b66166c04f8c3109214a4fbd64a50fc8 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_left_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_left_corner
new file mode 100644
index 00000000..5c244682
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_left_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_right_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_right_corner
new file mode 100644
index 00000000..a5dd96cf
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_right_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_side
new file mode 100644
index 00000000..8589257a
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/bottom_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/cell b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/cell
new file mode 100644
index 00000000..5d219391
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/cell differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/center_ptr b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/center_ptr
new file mode 100644
index 00000000..1f291156
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/center_ptr differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/circle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/circle
new file mode 100644
index 00000000..84c11ce5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/circle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/closedhand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/closedhand
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/closedhand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/col-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/col-resize
new file mode 100644
index 00000000..b66dd5d8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/col-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/color-picker b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/color-picker
new file mode 100644
index 00000000..1369e2f4
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/color-picker differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/context-menu b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/context-menu
new file mode 100644
index 00000000..0c2ad227
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/context-menu differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/copy b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/copy
new file mode 100644
index 00000000..ff17c5a0
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/copy differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/cross b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/cross
new file mode 100644
index 00000000..d1428393
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/cross differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/crossed_circle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/crossed_circle
new file mode 100644
index 00000000..84c11ce5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/crossed_circle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/crosshair b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/crosshair
new file mode 100644
index 00000000..d1428393
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/crosshair differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/d9ce0ab605698f320427677b458ad60b b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/d9ce0ab605698f320427677b458ad60b
new file mode 100644
index 00000000..7f5d7f58
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/d9ce0ab605698f320427677b458ad60b differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/default b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/default
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/default differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-copy b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-copy
new file mode 100644
index 00000000..ff17c5a0
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-copy differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-move b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-move
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-move differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-no-drop b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-no-drop
new file mode 100644
index 00000000..53bd40da
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-no-drop differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-none b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-none
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/dnd-none differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/down-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/down-arrow
new file mode 100644
index 00000000..30c8383b
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/down-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/draft b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/draft
new file mode 100644
index 00000000..41270b62
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/draft differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/e-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/e-resize
new file mode 100644
index 00000000..f27248b8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/e-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/e29285e634086352946a0e7090d73106 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/e29285e634086352946a0e7090d73106
new file mode 100644
index 00000000..a7798ab1
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/e29285e634086352946a0e7090d73106 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ew-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ew-resize
new file mode 100644
index 00000000..f27248b8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ew-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/fcf21c00b30f7e3f83fe0dfd12e71cff differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/fleur b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/fleur
new file mode 100644
index 00000000..c9bace26
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/fleur differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/forbidden b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/forbidden
new file mode 100644
index 00000000..7a076f34
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/forbidden differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/grab b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/grab
new file mode 100644
index 00000000..c84b217b
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/grab differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/grabbing b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/grabbing
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/grabbing differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/h_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/h_double_arrow
new file mode 100644
index 00000000..f27248b8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/h_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/half-busy b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/half-busy
new file mode 100644
index 00000000..3081b8ab
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/half-busy differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand
new file mode 100644
index 00000000..a7798ab1
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand1 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand1
new file mode 100644
index 00000000..a7798ab1
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand1 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand2 b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand2
new file mode 100644
index 00000000..a7798ab1
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/hand2 differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/help b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/help
new file mode 100644
index 00000000..7f5d7f58
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/help differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ibeam b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ibeam
new file mode 100644
index 00000000..63a92a2e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ibeam differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left-arrow
new file mode 100644
index 00000000..e43c365a
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr_help b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr_help
new file mode 100644
index 00000000..7f5d7f58
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr_help differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr_watch b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr_watch
new file mode 100644
index 00000000..3081b8ab
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_ptr_watch differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_side
new file mode 100644
index 00000000..c939447f
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/left_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/link b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/link
new file mode 100644
index 00000000..1d6c5752
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/link differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ll_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ll_angle
new file mode 100644
index 00000000..5c244682
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ll_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/lr_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/lr_angle
new file mode 100644
index 00000000..a5dd96cf
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/lr_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/move b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/move
new file mode 100644
index 00000000..d263ffac
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/move differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/n-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/n-resize
new file mode 100644
index 00000000..f60d6962
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/n-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ne-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ne-resize
new file mode 100644
index 00000000..d58ea666
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ne-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nesw-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nesw-resize
new file mode 100644
index 00000000..d58ea666
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nesw-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/no-drop b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/no-drop
new file mode 100644
index 00000000..7a076f34
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/no-drop differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/not-allowed b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/not-allowed
new file mode 100644
index 00000000..84c11ce5
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/not-allowed differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ns-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ns-resize
new file mode 100644
index 00000000..f60d6962
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ns-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nw-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nw-resize
new file mode 100644
index 00000000..6315dffc
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nw-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nwse-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nwse-resize
new file mode 100644
index 00000000..6315dffc
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/nwse-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/openhand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/openhand
new file mode 100644
index 00000000..c84b217b
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/openhand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pencil b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pencil
new file mode 100644
index 00000000..9a379ee8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pencil differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pirate b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pirate
new file mode 100644
index 00000000..602fa467
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pirate differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/plus b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/plus
new file mode 100644
index 00000000..5d219391
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/plus differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pointer b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pointer
new file mode 100644
index 00000000..a7798ab1
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pointer differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pointing_hand b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pointing_hand
new file mode 100644
index 00000000..a7798ab1
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/pointing_hand differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/progress b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/progress
new file mode 100644
index 00000000..3081b8ab
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/progress differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/question_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/question_arrow
new file mode 100644
index 00000000..7f5d7f58
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/question_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right-arrow
new file mode 100644
index 00000000..9454fcca
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right_ptr b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right_ptr
new file mode 100644
index 00000000..cea01378
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right_ptr differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right_side
new file mode 100644
index 00000000..156e7fec
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/right_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/row-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/row-resize
new file mode 100644
index 00000000..eedc48ca
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/row-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/s-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/s-resize
new file mode 100644
index 00000000..f60d6962
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/s-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sb_h_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sb_h_double_arrow
new file mode 100644
index 00000000..f27248b8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sb_h_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sb_v_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sb_v_double_arrow
new file mode 100644
index 00000000..f60d6962
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sb_v_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/se-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/se-resize
new file mode 100644
index 00000000..6315dffc
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/se-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-bdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-bdiag
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-bdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-fdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-fdiag
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-fdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-hor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-hor
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-hor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-ver b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-ver
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size-ver differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_all b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_all
new file mode 100644
index 00000000..c9bace26
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_all differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_bdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_bdiag
new file mode 100644
index 00000000..d58ea666
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_bdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_fdiag b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_fdiag
new file mode 100644
index 00000000..6315dffc
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_fdiag differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_hor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_hor
new file mode 100644
index 00000000..f27248b8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_hor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_ver b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_ver
new file mode 100644
index 00000000..f60d6962
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/size_ver differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/split_h b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/split_h
new file mode 100644
index 00000000..b66dd5d8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/split_h differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/split_v b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/split_v
new file mode 100644
index 00000000..eedc48ca
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/split_v differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sw-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sw-resize
new file mode 100644
index 00000000..d58ea666
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/sw-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/text b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/text
new file mode 100644
index 00000000..63a92a2e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/text differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_left_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_left_arrow
new file mode 100644
index 00000000..12ffa631
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_left_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_left_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_left_corner
new file mode 100644
index 00000000..93fe5f25
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_left_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_right_corner b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_right_corner
new file mode 100644
index 00000000..9635d350
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_right_corner differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_side b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_side
new file mode 100644
index 00000000..43991f9e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/top_side differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ul_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ul_angle
new file mode 100644
index 00000000..93fe5f25
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ul_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/up-arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/up-arrow
new file mode 100644
index 00000000..63f427da
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/up-arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ur_angle b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ur_angle
new file mode 100644
index 00000000..9635d350
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/ur_angle differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/v_double_arrow b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/v_double_arrow
new file mode 100644
index 00000000..f60d6962
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/v_double_arrow differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/vertical-text b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/vertical-text
new file mode 100644
index 00000000..e0da463d
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/vertical-text differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/w-resize b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/w-resize
new file mode 100644
index 00000000..f27248b8
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/w-resize differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/wait b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/wait
new file mode 100644
index 00000000..56388e90
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/wait differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/watch b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/watch
new file mode 100644
index 00000000..56388e90
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/watch differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/wayland-cursor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/wayland-cursor
new file mode 100644
index 00000000..861c2e1e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/wayland-cursor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/whats_this b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/whats_this
new file mode 100644
index 00000000..7f5d7f58
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/whats_this differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/x-cursor b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/x-cursor
new file mode 100644
index 00000000..61b44264
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/x-cursor differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/xterm b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/xterm
new file mode 100644
index 00000000..63a92a2e
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/xterm differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/zoom-in b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/zoom-in
new file mode 100644
index 00000000..51ec7448
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/zoom-in differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/zoom-out b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/zoom-out
new file mode 100644
index 00000000..72d73688
Binary files /dev/null and b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/cursors/zoom-out differ
diff --git a/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/index.theme b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/index.theme
new file mode 100644
index 00000000..51cde736
--- /dev/null
+++ b/roles/config/files/.local/share/icons/Catppuccin-Macchiato-Peach-Cursors/index.theme
@@ -0,0 +1,3 @@
+[Icon Theme]
+Name=Catppuccin-Macchiato-Peach
+Comment=based on Volantes Cursors
diff --git a/roles/config/files/.local/share/icons/hicolor/.icon-theme.cache b/roles/config/files/.local/share/icons/hicolor/.icon-theme.cache
new file mode 100644
index 00000000..26747080
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/.icon-theme.cache differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..9aad98e4
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/B5D8_AC4BFSP.0.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/B5D8_AC4BFSP.0.png
new file mode 100644
index 00000000..c08c8cf5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/B5D8_AC4BFSP.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/BBBB_build.0.png
new file mode 100644
index 00000000..2458aa1d
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_105600.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_105600.png
new file mode 100644
index 00000000..a7607820
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_105600.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_1245620.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_1245620.png
new file mode 100644
index 00000000..6e632d05
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_1245620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..5b21cdc5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_20920.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_20920.png
new file mode 100644
index 00000000..7eb4b6d9
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_20920.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_236390.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_236390.png
new file mode 100644
index 00000000..3181c656
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_236390.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_292030.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_292030.png
new file mode 100644
index 00000000..28bcef8f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_292030.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_310560.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_310560.png
new file mode 100644
index 00000000..c22368a5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_310560.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_362620.png
new file mode 100644
index 00000000..93d6ff45
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_489830.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_489830.png
new file mode 100644
index 00000000..05ce1976
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_489830.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_972660.png b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_972660.png
new file mode 100644
index 00000000..3e5b7fcf
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/128x128/apps/steam_icon_972660.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/160x160/apps/steam_icon_629760.png b/roles/config/files/.local/share/icons/hicolor/160x160/apps/steam_icon_629760.png
new file mode 100644
index 00000000..fc5f5a6a
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/160x160/apps/steam_icon_629760.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/0637_PresentationHost.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/0637_PresentationHost.0.png
new file mode 100644
index 00000000..cb848e33
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/0637_PresentationHost.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/4071_Uninstall.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/4071_Uninstall.0.png
new file mode 100644
index 00000000..7969affb
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/4071_Uninstall.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/5F0B_AcroRd32.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/5F0B_AcroRd32.0.png
new file mode 100644
index 00000000..2bc6dc29
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/5F0B_AcroRd32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/7D8F_unins000.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/7D8F_unins000.0.png
new file mode 100644
index 00000000..d00e044b
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/7D8F_unins000.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..aabc544c
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/B5D8_AC4BFSP.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/B5D8_AC4BFSP.0.png
new file mode 100644
index 00000000..97eb4d13
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/B5D8_AC4BFSP.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/BBBB_build.0.png
new file mode 100644
index 00000000..4ec4f768
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/C06E_winhlp32.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/C06E_winhlp32.0.png
new file mode 100644
index 00000000..f8ab918c
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/C06E_winhlp32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/D15F_hh.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/D15F_hh.0.png
new file mode 100644
index 00000000..f8ab918c
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/D15F_hh.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/D23E_msiexec.0.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/D23E_msiexec.0.png
new file mode 100644
index 00000000..49c55795
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/D23E_msiexec.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.adobe.xdp+xml.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.adobe.xdp+xml.png
new file mode 100644
index 00000000..0e9e0c97
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.adobe.xdp+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.adobe.xfdf.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.adobe.xfdf.png
new file mode 100644
index 00000000..0e9e0c97
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.adobe.xfdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.fdf.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.fdf.png
new file mode 100644
index 00000000..0e9e0c97
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-vnd.fdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-x-ms-application.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-x-ms-application.png
new file mode 100644
index 00000000..32dc135a
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-x-ms-application.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-x-ms-xbap.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-x-ms-xbap.png
new file mode 100644
index 00000000..cb848e33
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-x-ms-xbap.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-xaml+xml.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-xaml+xml.png
new file mode 100644
index 00000000..66c45b7e
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/application-xaml+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_105600.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_105600.png
new file mode 100644
index 00000000..75dc807d
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_105600.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1086940.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1086940.png
new file mode 100644
index 00000000..840ab868
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1086940.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1184370.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1184370.png
new file mode 100644
index 00000000..4da1ca47
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1184370.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1245620.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1245620.png
new file mode 100644
index 00000000..5d1e3771
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1245620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..93ab643d
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_203770.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_203770.png
new file mode 100644
index 00000000..b3f48ce0
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_203770.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_20900.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_20900.png
new file mode 100644
index 00000000..4395badf
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_20900.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_236390.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_236390.png
new file mode 100644
index 00000000..7a500fc8
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_236390.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_292030.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_292030.png
new file mode 100644
index 00000000..cc432817
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_292030.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_310560.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_310560.png
new file mode 100644
index 00000000..f7a99bf0
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_310560.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_362620.png
new file mode 100644
index 00000000..682c5c77
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_489830.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_489830.png
new file mode 100644
index 00000000..006873e7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_489830.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_629760.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_629760.png
new file mode 100644
index 00000000..4a27114f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_629760.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_972660.png b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_972660.png
new file mode 100644
index 00000000..a5029e53
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/16x16/apps/steam_icon_972660.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/18x18/apps/5F0B_AcroRd32.0.png b/roles/config/files/.local/share/icons/hicolor/18x18/apps/5F0B_AcroRd32.0.png
new file mode 100644
index 00000000..3daaa786
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/18x18/apps/5F0B_AcroRd32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/192x192/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/192x192/apps/BBBB_build.0.png
new file mode 100644
index 00000000..b73d9395
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/192x192/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/192x192/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/192x192/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..68324982
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/192x192/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/192x192/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/192x192/apps/steam_icon_362620.png
new file mode 100644
index 00000000..2eadf0bb
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/192x192/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/5F0B_AcroRd32.0.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/5F0B_AcroRd32.0.png
new file mode 100644
index 00000000..4a587c31
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/5F0B_AcroRd32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..5ecc6797
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/BBBB_build.0.png
new file mode 100644
index 00000000..6e9a8ce3
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_1184370.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_1184370.png
new file mode 100644
index 00000000..f420b234
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_1184370.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..a69156ea
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_236390.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_236390.png
new file mode 100644
index 00000000..d610913f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_236390.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_292030.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_292030.png
new file mode 100644
index 00000000..8502e93b
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_292030.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_310560.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_310560.png
new file mode 100644
index 00000000..dbeeed9e
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_310560.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_362620.png
new file mode 100644
index 00000000..621442e2
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_629760.png b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_629760.png
new file mode 100644
index 00000000..30717fb7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/24x24/apps/steam_icon_629760.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/0637_PresentationHost.0.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/0637_PresentationHost.0.png
new file mode 100644
index 00000000..3b49c0a5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/0637_PresentationHost.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..b505102b
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/B5D8_AC4BFSP.0.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/B5D8_AC4BFSP.0.png
new file mode 100644
index 00000000..1c4b8ea7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/B5D8_AC4BFSP.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/BBBB_build.0.png
new file mode 100644
index 00000000..452b1113
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/C06E_winhlp32.0.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/C06E_winhlp32.0.png
new file mode 100644
index 00000000..6e72db22
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/C06E_winhlp32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/D15F_hh.0.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/D15F_hh.0.png
new file mode 100644
index 00000000..c5206d63
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/D15F_hh.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/D23E_msiexec.0.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/D23E_msiexec.0.png
new file mode 100644
index 00000000..7af81690
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/D23E_msiexec.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.adobe.xdp+xml.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.adobe.xdp+xml.png
new file mode 100644
index 00000000..52acddab
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.adobe.xdp+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.adobe.xfdf.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.adobe.xfdf.png
new file mode 100644
index 00000000..52acddab
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.adobe.xfdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.fdf.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.fdf.png
new file mode 100644
index 00000000..52acddab
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-vnd.fdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-x-ms-xbap.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-x-ms-xbap.png
new file mode 100644
index 00000000..3b49c0a5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-x-ms-xbap.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-xaml+xml.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-xaml+xml.png
new file mode 100644
index 00000000..8d119ae1
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/application-xaml+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1086940.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1086940.png
new file mode 100644
index 00000000..84a93da7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1086940.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1184370.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1184370.png
new file mode 100644
index 00000000..3ab6ffaa
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1184370.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1245620.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1245620.png
new file mode 100644
index 00000000..3c60300a
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1245620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..ba74171e
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_20920.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_20920.png
new file mode 100644
index 00000000..0f7df9c3
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_20920.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_236390.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_236390.png
new file mode 100644
index 00000000..ffa8d386
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_236390.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_292030.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_292030.png
new file mode 100644
index 00000000..e31b2c00
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_292030.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_310560.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_310560.png
new file mode 100644
index 00000000..35901477
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_310560.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_362620.png
new file mode 100644
index 00000000..7b02e073
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_489830.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_489830.png
new file mode 100644
index 00000000..588913d2
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_489830.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_972660.png b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_972660.png
new file mode 100644
index 00000000..ee5aa2aa
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/256x256/apps/steam_icon_972660.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/0637_PresentationHost.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/0637_PresentationHost.0.png
new file mode 100644
index 00000000..9a3a5a9b
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/0637_PresentationHost.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/4071_Uninstall.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/4071_Uninstall.0.png
new file mode 100644
index 00000000..580aca2c
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/4071_Uninstall.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/7D8F_unins000.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/7D8F_unins000.0.png
new file mode 100644
index 00000000..05bde7d2
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/7D8F_unins000.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..f1dc19d9
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/B5D8_AC4BFSP.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/B5D8_AC4BFSP.0.png
new file mode 100644
index 00000000..f2fe8325
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/B5D8_AC4BFSP.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/BBBB_build.0.png
new file mode 100644
index 00000000..96af5b95
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/C06E_winhlp32.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/C06E_winhlp32.0.png
new file mode 100644
index 00000000..5b64f1e3
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/C06E_winhlp32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/D15F_hh.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/D15F_hh.0.png
new file mode 100644
index 00000000..d5ee64a4
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/D15F_hh.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/D23E_msiexec.0.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/D23E_msiexec.0.png
new file mode 100644
index 00000000..4348519f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/D23E_msiexec.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.adobe.xdp+xml.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.adobe.xdp+xml.png
new file mode 100644
index 00000000..dca2fae5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.adobe.xdp+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.adobe.xfdf.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.adobe.xfdf.png
new file mode 100644
index 00000000..dca2fae5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.adobe.xfdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.fdf.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.fdf.png
new file mode 100644
index 00000000..dca2fae5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-vnd.fdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-x-ms-application.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-x-ms-application.png
new file mode 100644
index 00000000..6d11c846
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-x-ms-application.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-x-ms-xbap.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-x-ms-xbap.png
new file mode 100644
index 00000000..9a3a5a9b
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-x-ms-xbap.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-xaml+xml.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-xaml+xml.png
new file mode 100644
index 00000000..9988f019
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/application-xaml+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_105600.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_105600.png
new file mode 100644
index 00000000..35ee2bcd
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_105600.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1086940.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1086940.png
new file mode 100644
index 00000000..d347a4a9
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1086940.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1142710.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1142710.png
new file mode 100644
index 00000000..a955da4e
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1142710.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1184370.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1184370.png
new file mode 100644
index 00000000..ecf09539
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1184370.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1245620.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1245620.png
new file mode 100644
index 00000000..4a6e9245
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1245620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..956a2b5c
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1368030.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1368030.png
new file mode 100644
index 00000000..6cae72af
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_1368030.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_203770.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_203770.png
new file mode 100644
index 00000000..4b5a4424
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_203770.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_20900.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_20900.png
new file mode 100644
index 00000000..14be924d
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_20900.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_20920.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_20920.png
new file mode 100644
index 00000000..6612378e
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_20920.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_236390.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_236390.png
new file mode 100644
index 00000000..e7eb44c7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_236390.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_292030.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_292030.png
new file mode 100644
index 00000000..e4ec1afc
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_292030.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_294100.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_294100.png
new file mode 100644
index 00000000..d833aeb0
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_294100.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_310560.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_310560.png
new file mode 100644
index 00000000..241367b1
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_310560.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_362620.png
new file mode 100644
index 00000000..2fde6103
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_489830.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_489830.png
new file mode 100644
index 00000000..7e788e27
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_489830.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_582550.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_582550.png
new file mode 100644
index 00000000..6bc54962
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_582550.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_629760.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_629760.png
new file mode 100644
index 00000000..ad6ec1e5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_629760.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_746850.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_746850.png
new file mode 100644
index 00000000..b0a4b0b1
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_746850.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_972660.png b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_972660.png
new file mode 100644
index 00000000..035db81f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/32x32/apps/steam_icon_972660.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/0637_PresentationHost.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/0637_PresentationHost.0.png
new file mode 100644
index 00000000..b3c279e0
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/0637_PresentationHost.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/4071_Uninstall.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/4071_Uninstall.0.png
new file mode 100644
index 00000000..22e059e5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/4071_Uninstall.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/5F0B_AcroRd32.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/5F0B_AcroRd32.0.png
new file mode 100644
index 00000000..b06ce386
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/5F0B_AcroRd32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/7D8F_unins000.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/7D8F_unins000.0.png
new file mode 100644
index 00000000..edf365d5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/7D8F_unins000.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..19f2fc18
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/B5D8_AC4BFSP.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/B5D8_AC4BFSP.0.png
new file mode 100644
index 00000000..c3937e74
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/B5D8_AC4BFSP.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/BBBB_build.0.png
new file mode 100644
index 00000000..0e904264
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/C06E_winhlp32.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/C06E_winhlp32.0.png
new file mode 100644
index 00000000..489d60ab
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/C06E_winhlp32.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/D15F_hh.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/D15F_hh.0.png
new file mode 100644
index 00000000..3e6ef358
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/D15F_hh.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/D23E_msiexec.0.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/D23E_msiexec.0.png
new file mode 100644
index 00000000..536f3615
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/D23E_msiexec.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.adobe.xdp+xml.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.adobe.xdp+xml.png
new file mode 100644
index 00000000..afdceaa8
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.adobe.xdp+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.adobe.xfdf.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.adobe.xfdf.png
new file mode 100644
index 00000000..afdceaa8
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.adobe.xfdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.fdf.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.fdf.png
new file mode 100644
index 00000000..afdceaa8
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-vnd.fdf.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-x-ms-xbap.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-x-ms-xbap.png
new file mode 100644
index 00000000..b3c279e0
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-x-ms-xbap.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-xaml+xml.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-xaml+xml.png
new file mode 100644
index 00000000..cb5992d6
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/application-xaml+xml.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_105600.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_105600.png
new file mode 100644
index 00000000..8b573aec
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_105600.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1086940.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1086940.png
new file mode 100644
index 00000000..0e5046d5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1086940.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1184370.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1184370.png
new file mode 100644
index 00000000..24011b9f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1184370.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1245620.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1245620.png
new file mode 100644
index 00000000..1ef6e07c
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1245620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..db79c323
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_203770.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_203770.png
new file mode 100644
index 00000000..955bd1e5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_203770.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_20900.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_20900.png
new file mode 100644
index 00000000..372cb326
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_20900.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_20920.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_20920.png
new file mode 100644
index 00000000..91f8b852
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_20920.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_292030.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_292030.png
new file mode 100644
index 00000000..6860fd7d
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_292030.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_362620.png
new file mode 100644
index 00000000..7db30261
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_489830.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_489830.png
new file mode 100644
index 00000000..141799c8
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_489830.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_629760.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_629760.png
new file mode 100644
index 00000000..109701a2
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_629760.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_972660.png b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_972660.png
new file mode 100644
index 00000000..305845d7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/48x48/apps/steam_icon_972660.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/7D8F_unins000.0.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/7D8F_unins000.0.png
new file mode 100644
index 00000000..dd1df491
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/7D8F_unins000.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..e8883874
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/B5D8_AC4BFSP.0.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/B5D8_AC4BFSP.0.png
new file mode 100644
index 00000000..22080dc7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/B5D8_AC4BFSP.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/BBBB_build.0.png
new file mode 100644
index 00000000..7cb9f1b1
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_105600.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_105600.png
new file mode 100644
index 00000000..45f09993
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_105600.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1086940.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1086940.png
new file mode 100644
index 00000000..c797b472
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1086940.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1245620.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1245620.png
new file mode 100644
index 00000000..20699c81
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1245620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..32b88326
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_20920.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_20920.png
new file mode 100644
index 00000000..413afea5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_20920.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_236390.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_236390.png
new file mode 100644
index 00000000..b9a8ee50
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_236390.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_310560.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_310560.png
new file mode 100644
index 00000000..d6e36b7f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_310560.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_362620.png
new file mode 100644
index 00000000..830724f5
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_489830.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_489830.png
new file mode 100644
index 00000000..782f1138
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_489830.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_972660.png b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_972660.png
new file mode 100644
index 00000000..8b5521a4
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/64x64/apps/steam_icon_972660.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/72x72/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/72x72/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..adb3ea98
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/72x72/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/A42E_Rescue and Smart Assistant.0.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/A42E_Rescue and Smart Assistant.0.png
new file mode 100644
index 00000000..5dea5f6f
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/A42E_Rescue and Smart Assistant.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/BBBB_build.0.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/BBBB_build.0.png
new file mode 100644
index 00000000..afe1291c
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/BBBB_build.0.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_1281930.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_1281930.png
new file mode 100644
index 00000000..bf19e030
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_1281930.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_20920.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_20920.png
new file mode 100644
index 00000000..78461c57
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_20920.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_236390.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_236390.png
new file mode 100644
index 00000000..ad7bf37e
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_236390.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_310560.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_310560.png
new file mode 100644
index 00000000..b316ecc7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_310560.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_362620.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_362620.png
new file mode 100644
index 00000000..692956bc
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_362620.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_489830.png b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_489830.png
new file mode 100644
index 00000000..b9b829c8
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/96x96/apps/steam_icon_489830.png differ
diff --git a/roles/config/files/.local/share/icons/hicolor/icon-theme.cache b/roles/config/files/.local/share/icons/hicolor/icon-theme.cache
new file mode 100644
index 00000000..d943fea7
Binary files /dev/null and b/roles/config/files/.local/share/icons/hicolor/icon-theme.cache differ
diff --git a/roles/config/files/.local/share/konsole/Catppuccin.profile b/roles/config/files/.local/share/konsole/Catppuccin.profile
new file mode 100644
index 00000000..35d2d124
--- /dev/null
+++ b/roles/config/files/.local/share/konsole/Catppuccin.profile
@@ -0,0 +1,6 @@
+[Appearance]
+ColorScheme=catppuccin-macchiato
+
+[General]
+Name=Catppuccin
+Parent=FALLBACK/
diff --git a/roles/config/files/.local/share/konsole/catppuccin-macchiato.colorscheme b/roles/config/files/.local/share/konsole/catppuccin-macchiato.colorscheme
new file mode 100644
index 00000000..832401e7
--- /dev/null
+++ b/roles/config/files/.local/share/konsole/catppuccin-macchiato.colorscheme
@@ -0,0 +1,96 @@
+[Background]
+Color=36,39,58
+
+[BackgroundFaint]
+Color=36,39,58
+
+[BackgroundIntense]
+Color=36,39,58
+
+[Color0]
+Color=110,115,141
+
+[Color0Faint]
+Color=110,115,141
+
+[Color0Intense]
+Color=110,115,141
+
+[Color1]
+Color=237,135,150
+
+[Color1Faint]
+Color=237,135,150
+
+[Color1Intense]
+Color=237,135,150
+
+[Color2]
+Color=166,218,149
+
+[Color2Faint]
+Color=166,218,149
+
+[Color2Intense]
+Color=166,218,149
+
+[Color3]
+Color=238,212,159
+
+[Color3Faint]
+Color=238,212,159
+
+[Color3Intense]
+Color=238,212,159
+
+[Color4]
+Color=138,173,244
+
+[Color4Faint]
+Color=138,173,244
+
+[Color4Intense]
+Color=138,173,244
+
+[Color5]
+Color=198,160,246
+
+[Color5Faint]
+Color=198,160,246
+
+[Color5Intense]
+Color=198,160,246
+
+[Color6]
+Color=145,215,227
+
+[Color6Faint]
+Color=145,215,227
+
+[Color6Intense]
+Color=145,215,227
+
+[Color7]
+Color=202,211,245
+
+[Color7Faint]
+Color=202,211,245
+
+[Color7Intense]
+Color=202,211,245
+
+[Foreground]
+Color=202,211,245
+
+[ForegroundFaint]
+Color=202,211,245
+
+[ForegroundIntense]
+Color=202,211,245
+
+[General]
+Blur=false
+ColorRandomization=false
+Description=Catppuccin Macchiato
+Opacity=1
+Wallpaper=
diff --git a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/code/script.js b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/code/script.js
index c6b5ad6a..303b68d6 100644
--- a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/code/script.js
+++ b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/code/script.js
@@ -1,13 +1,4 @@
"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
- if (ar || !(i in from)) {
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
- ar[i] = from[i];
- }
- }
- return to.concat(ar || Array.prototype.slice.call(from));
-};
var Shortcut;
(function (Shortcut) {
Shortcut[Shortcut["FocusNext"] = 0] = "FocusNext";
@@ -43,17 +34,16 @@ var Shortcut;
Shortcut[Shortcut["Rotate"] = 30] = "Rotate";
Shortcut[Shortcut["RotatePart"] = 31] = "RotatePart";
})(Shortcut || (Shortcut = {}));
-var CONFIG;
-var KWinConfig = (function () {
- function KWinConfig() {
- var _this = this;
+let CONFIG;
+class KWinConfig {
+ constructor() {
function commaSeparate(str) {
if (!str || typeof str !== "string")
return [];
return str
.split(",")
- .map(function (part) { return part.trim(); })
- .filter(function (part) { return part != ""; });
+ .map((part) => part.trim())
+ .filter((part) => part != "");
}
DEBUG.enabled = DEBUG.enabled || KWIN.readConfig("debug", false);
this.layoutOrder = [];
@@ -61,6 +51,7 @@ var KWinConfig = (function () {
[
["enableTileLayout", true, TileLayout],
["enableMonocleLayout", true, MonocleLayout],
+ ["enableColumnsLayout", true, ColumnsLayout],
["enableThreeColumnLayout", true, ThreeColumnLayout],
["enableSpreadLayout", true, SpreadLayout],
["enableStairLayout", true, StairLayout],
@@ -70,20 +61,21 @@ var KWinConfig = (function () {
["enableFloatingLayout", false, FloatingLayout],
["enableBTreeLayout", false, BTreeLayout],
["enableCascadeLayout", false, CascadeLayout],
- ].forEach(function (_a) {
- var configKey = _a[0], defaultValue = _a[1], layoutClass = _a[2];
+ ].forEach(([configKey, defaultValue, layoutClass]) => {
if (KWIN.readConfig(configKey, defaultValue))
- _this.layoutOrder.push(layoutClass.id);
- _this.layoutFactories[layoutClass.id] = function () { return new layoutClass(); };
+ this.layoutOrder.push(layoutClass.id);
+ this.layoutFactories[layoutClass.id] = () => new layoutClass();
});
this.maximizeSoleTile = KWIN.readConfig("maximizeSoleTile", false);
+ this.tileLayoutInitialAngle = KWIN.readConfig("tileLayoutInitialRotationAngle", "0");
+ this.columnsLayoutInitialAngle = KWIN.readConfig("columnsLayoutInitialRotationAngle", "0");
this.monocleMaximize = KWIN.readConfig("monocleMaximize", true);
this.monocleMinimizeRest = KWIN.readConfig("monocleMinimizeRest", false);
this.stairReverse = KWIN.readConfig("stairReverse", false);
this.adjustLayout = KWIN.readConfig("adjustLayout", true);
this.adjustLayoutLive = KWIN.readConfig("adjustLayoutLive", true);
this.keepFloatAbove = KWIN.readConfig("keepFloatAbove", true);
- this.keepTilingOnDrag = KWIN.readConfig("keepTilingOnDrag", false);
+ this.keepTilingOnDrag = KWIN.readConfig("keepTilingOnDrag", true);
this.noTileBorder = KWIN.readConfig("noTileBorder", false);
this.limitTileWidthRatio = 0;
if (KWIN.readConfig("limitTileWidth", false))
@@ -93,8 +85,8 @@ var KWinConfig = (function () {
this.screenGapRight = KWIN.readConfig("screenGapRight", 0);
this.screenGapTop = KWIN.readConfig("screenGapTop", 0);
this.tileLayoutGap = KWIN.readConfig("tileLayoutGap", 0);
- var directionalKeyDwm = KWIN.readConfig("directionalKeyDwm", false);
- var directionalKeyFocus = KWIN.readConfig("directionalKeyFocus", true);
+ const directionalKeyDwm = KWIN.readConfig("directionalKeyDwm", false);
+ const directionalKeyFocus = KWIN.readConfig("directionalKeyFocus", true);
this.directionalKeyMode = directionalKeyDwm ? "dwm" : "focus";
this.newWindowPosition = KWIN.readConfig("newWindowPosition", 0);
this.layoutPerActivity = KWIN.readConfig("layoutPerActivity", true);
@@ -109,108 +101,88 @@ var KWinConfig = (function () {
this.ignoreClass = commaSeparate(KWIN.readConfig("ignoreClass", "krunner,yakuake,spectacle,kded5,xwaylandvideobridge,plasmashell,ksplashqml"));
this.ignoreRole = commaSeparate(KWIN.readConfig("ignoreRole", "quake"));
this.ignoreScreen = commaSeparate(KWIN.readConfig("ignoreScreen", ""));
+ this.ignoreVDesktop = commaSeparate(KWIN.readConfig("ignoreVDesktop", ""));
this.ignoreTitle = commaSeparate(KWIN.readConfig("ignoreTitle", ""));
this.screenDefaultLayout = commaSeparate(KWIN.readConfig("screenDefaultLayout", ""));
if (this.preventMinimize && this.monocleMinimizeRest) {
- debug(function () { return "preventMinimize is disabled because of monocleMinimizeRest."; });
+ debug(() => "preventMinimize is disabled because of monocleMinimizeRest.");
this.preventMinimize = false;
}
}
- KWinConfig.prototype.toString = function () {
+ toString() {
return "Config(" + JSON.stringify(this, undefined, 2) + ")";
- };
- return KWinConfig;
-}());
+ }
+}
var KWINCONFIG;
var KWIN;
-var KWinDriver = (function () {
- function KWinDriver(api) {
- var _this = this;
+class KWinDriver {
+ get backend() {
+ return KWinDriver.backendName;
+ }
+ get currentSurface() {
+ return new KWinSurface(this.workspace.activeWindow
+ ? this.workspace.activeWindow.output
+ : this.workspace.activeScreen, this.workspace.currentActivity, this.workspace.currentDesktop, this.workspace);
+ }
+ set currentSurface(value) {
+ const ksrf = value;
+ if (this.workspace.currentDesktop.name !== ksrf.desktop.name)
+ this.workspace.currentDesktop = ksrf.desktop;
+ if (this.workspace.currentActivity !== ksrf.activity)
+ this.workspace.currentActivity = ksrf.activity;
+ }
+ get currentWindow() {
+ const client = this.workspace.activeWindow;
+ return client ? this.windowMap.get(client) : null;
+ }
+ set currentWindow(window) {
+ if (window !== null)
+ this.workspace.activeWindow = window.window.window;
+ }
+ get screens() {
+ const screens = [];
+ this.workspace.screens.forEach((screen) => {
+ screens.push(new KWinSurface(screen, this.workspace.currentActivity, this.workspace.currentDesktop, this.workspace));
+ });
+ return screens;
+ }
+ get cursorPosition() {
+ return this.mousePoller.mousePosition;
+ }
+ constructor(api) {
KWIN = api.kwin;
this.workspace = api.workspace;
this.shortcuts = api.shortcuts;
this.engine = new TilingEngine();
this.control = new TilingController(this.engine);
- this.windowMap = new WrapperMap(function (client) { return KWinWindow.generateID(client); }, function (client) {
- return new WindowClass(new KWinWindow(client, _this.workspace));
- });
+ this.windowMap = new WrapperMap((client) => KWinWindow.generateID(client), (client) => new WindowClass(new KWinWindow(client, this.workspace)));
this.entered = false;
this.mousePoller = new KWinMousePoller();
}
- Object.defineProperty(KWinDriver.prototype, "backend", {
- get: function () {
- return KWinDriver.backendName;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinDriver.prototype, "currentSurface", {
- get: function () {
- return new KWinSurface(this.workspace.activeWindow
- ? this.workspace.activeWindow.output
- : this.workspace.activeScreen, this.workspace.currentActivity, this.workspace.currentDesktop, this.workspace);
- },
- set: function (value) {
- var ksrf = value;
- if (this.workspace.currentDesktop.name !== ksrf.desktop.name)
- this.workspace.currentDesktop = ksrf.desktop;
- if (this.workspace.currentActivity !== ksrf.activity)
- this.workspace.currentActivity = ksrf.activity;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinDriver.prototype, "currentWindow", {
- get: function () {
- var client = this.workspace.activeWindow;
- return client ? this.windowMap.get(client) : null;
- },
- set: function (window) {
- if (window !== null)
- this.workspace.activeWindow = window.window.window;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinDriver.prototype, "screens", {
- get: function () {
- var _this = this;
- var screens = [];
- this.workspace.screens.forEach(function (screen) {
- screens.push(new KWinSurface(screen, _this.workspace.currentActivity, _this.workspace.currentDesktop, _this.workspace));
- });
- return screens;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinDriver.prototype, "cursorPosition", {
- get: function () {
- return this.mousePoller.mousePosition;
- },
- enumerable: false,
- configurable: true
- });
- KWinDriver.prototype.main = function () {
+ main() {
CONFIG = KWINCONFIG = new KWinConfig();
- debug(function () { return "Config: " + KWINCONFIG; });
+ debug(() => "Config: " + KWINCONFIG);
this.bindEvents();
this.bindShortcut();
- var clients = this.workspace.stackingOrder;
- for (var i = 0; i < clients.length; i++) {
+ const clients = this.workspace.stackingOrder;
+ for (let i = 0; i < clients.length; i++) {
this.addWindow(clients[i]);
}
- };
- KWinDriver.prototype.addWindow = function (client) {
- if (client.normalWindow &&
+ }
+ addWindow(client) {
+ if (!client.deleted &&
+ client.pid > 1 &&
+ !client.popupWindow &&
+ client.normalWindow &&
!client.hidden &&
client.width * client.height > 10) {
if (KWIN.readConfig("debugActiveWin", false))
print(debugWin(client));
- var window = this.windowMap.add(client);
+ const window = this.windowMap.add(client);
this.control.onWindowAdded(this, window);
if (window.state !== WindowState.Unmanaged) {
this.bindWindowEvents(window, client);
+ return window;
}
else {
this.windowMap.remove(client);
@@ -222,19 +194,18 @@ var KWinDriver = (function () {
if (KWIN.readConfig("debugActiveWin", false))
print("Filtered: " + debugWin(client));
}
- };
- KWinDriver.prototype.setTimeout = function (func, timeout) {
- var _this = this;
- KWinSetTimeout(function () { return _this.enter(func); }, timeout);
- };
- KWinDriver.prototype.showNotification = function (text) {
+ return null;
+ }
+ setTimeout(func, timeout) {
+ KWinSetTimeout(() => this.enter(func), timeout);
+ }
+ showNotification(text) {
popupDialog.show(text);
- };
- KWinDriver.prototype.bindShortcut = function () {
- var _this = this;
- var callbackShortcut = function (shortcut) {
- return function () {
- _this.enter(function () { return _this.control.onShortcut(_this, shortcut); });
+ }
+ bindShortcut() {
+ const callbackShortcut = (shortcut) => {
+ return () => {
+ this.enter(() => this.control.onShortcut(this, shortcut));
};
};
this.shortcuts
@@ -306,11 +277,9 @@ var KWinDriver = (function () {
this.shortcuts
.getSetMaster()
.activated.connect(callbackShortcut(Shortcut.SetMaster));
- var callbackShortcutLayout = function (layoutClass) {
- return function () {
- _this.enter(function () {
- return _this.control.onShortcut(_this, Shortcut.SetLayout, layoutClass.id);
- });
+ const callbackShortcutLayout = (layoutClass) => {
+ return () => {
+ this.enter(() => this.control.onShortcut(this, Shortcut.SetLayout, layoutClass.id));
};
};
this.shortcuts
@@ -337,29 +306,27 @@ var KWinDriver = (function () {
this.shortcuts
.getStackedLayout()
.activated.connect(callbackShortcutLayout(StackedLayout));
+ this.shortcuts
+ .getColumnsLayout()
+ .activated.connect(callbackShortcutLayout(ColumnsLayout));
this.shortcuts
.getSpiralLayout()
.activated.connect(callbackShortcutLayout(SpiralLayout));
this.shortcuts
.getBTreeLayout()
.activated.connect(callbackShortcutLayout(BTreeLayout));
- };
- KWinDriver.prototype.connect = function (signal, handler) {
- var _this = this;
- var wrapper = function () {
- var args = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args[_i] = arguments[_i];
- }
- if (typeof _this.workspace === "undefined")
+ }
+ connect(signal, handler) {
+ const wrapper = (...args) => {
+ if (typeof this.workspace === "undefined")
signal.disconnect(wrapper);
else
- _this.enter(function () { return handler.apply(_this, args); });
+ this.enter(() => handler.apply(this, args));
};
signal.connect(wrapper);
return wrapper;
- };
- KWinDriver.prototype.enter = function (callback) {
+ }
+ enter(callback) {
if (this.entered)
return;
this.entered = true;
@@ -367,158 +334,140 @@ var KWinDriver = (function () {
callback();
}
catch (e) {
- debug(function () { return "Error raised from line " + e.lineNumber; });
- debug(function () { return e; });
+ debug(() => "Error raised from line " + e.lineNumber);
+ debug(() => e);
}
finally {
this.entered = false;
}
- };
- KWinDriver.prototype.bindEvents = function () {
- var _this = this;
- this.connect(this.workspace.screensChanged, function () {
- return _this.control.onSurfaceUpdate(_this, "screens (Outputs) changed");
+ }
+ bindEvents() {
+ this.connect(this.workspace.screensChanged, () => this.control.onSurfaceUpdate(this, "screens (Outputs) changed"));
+ this.connect(this.workspace.virtualScreenGeometryChanged, () => {
+ this.control.onSurfaceUpdate(this, "virtualScreenGeometryChanged");
});
- this.connect(this.workspace.virtualScreenGeometryChanged, function () {
- _this.control.onSurfaceUpdate(_this, "virtualScreenGeometryChanged");
+ this.connect(this.workspace.currentActivityChanged, (activityId) => this.control.onCurrentActivityChanged(this, activityId));
+ this.connect(this.workspace.currentDesktopChanged, (virtualDesktop) => this.control.onSurfaceUpdate(this, "currentDesktopChanged"));
+ this.connect(this.workspace.windowAdded, (client) => {
+ const window = this.addWindow(client);
+ if (client.active && window !== null)
+ this.control.onWindowFocused(this, window);
});
- this.connect(this.workspace.currentActivityChanged, function (activityId) {
- return _this.control.onCurrentActivityChanged(_this, activityId);
+ this.connect(this.workspace.windowActivated, (client) => {
+ const window = this.windowMap.get(client);
+ if (client.active && window !== null)
+ this.control.onWindowFocused(this, window);
});
- this.connect(this.workspace.currentDesktopChanged, function (virtualDesktop) {
- return _this.control.onSurfaceUpdate(_this, "currentDesktopChanged");
- });
- this.connect(this.workspace.windowAdded, function (client) {
- _this.addWindow(client);
- });
- this.connect(this.workspace.windowRemoved, function (client) {
- var window = _this.windowMap.get(client);
+ this.connect(this.workspace.windowRemoved, (client) => {
+ const window = this.windowMap.get(client);
if (window) {
- _this.control.onWindowRemoved(_this, window);
- _this.windowMap.remove(client);
+ this.control.onWindowRemoved(this, window);
+ this.windowMap.remove(client);
}
});
- };
- KWinDriver.prototype.bindWindowEvents = function (window, client) {
- var _this = this;
- var moving = false;
- var resizing = false;
- this.connect(client.maximizedAboutToChange, function (mode) {
- var maximized = mode === 3;
+ }
+ bindWindowEvents(window, client) {
+ let moving = false;
+ let resizing = false;
+ this.connect(client.maximizedAboutToChange, (mode) => {
+ const maximized = mode === 3;
window.window.maximized = maximized;
- _this.control.onWindowMaximizeChanged(_this, window, maximized);
+ this.control.onWindowMaximizeChanged(this, window, maximized);
});
- this.connect(client.minimizedChanged, function () {
+ this.connect(client.minimizedChanged, () => {
if (KWINCONFIG.preventMinimize) {
client.minimized = false;
- _this.workspace.activeWindow = client;
+ this.workspace.activeWindow = client;
}
else {
var comment = client.minimized ? "minimized" : "unminimized";
- _this.control.onWindowChanged(_this, window, comment);
+ this.control.onWindowChanged(this, window, comment);
}
});
- this.connect(client.fullScreenChanged, function () {
- return _this.control.onWindowChanged(_this, window, "fullscreen=" + client.fullScreen);
+ this.connect(client.fullScreenChanged, () => this.control.onWindowChanged(this, window, "fullscreen=" + client.fullScreen));
+ this.connect(client.interactiveMoveResizeStepped, (geometry) => {
+ if (client.resize)
+ return;
+ this.control.onWindowDragging(this, window, geometry);
});
- this.connect(client.moveResizedChanged, function () {
- debugObj(function () { return [
+ this.connect(client.moveResizedChanged, () => {
+ debugObj(() => [
"moveResizedChanged",
- { window: window, move: client.move, resize: client.resize },
- ]; });
+ { window, move: client.move, resize: client.resize },
+ ]);
if (moving !== client.move) {
moving = client.move;
if (moving) {
- _this.mousePoller.start();
- _this.control.onWindowMoveStart(window);
+ this.mousePoller.start();
+ this.control.onWindowMoveStart(window);
}
else {
- _this.control.onWindowMoveOver(_this, window);
- _this.mousePoller.stop();
+ this.control.onWindowMoveOver(this, window);
+ this.mousePoller.stop();
}
}
if (resizing !== client.resize) {
resizing = client.resize;
if (resizing)
- _this.control.onWindowResizeStart(window);
+ this.control.onWindowResizeStart(window);
else
- _this.control.onWindowResizeOver(_this, window);
+ this.control.onWindowResizeOver(this, window);
}
});
- this.connect(client.bufferGeometryChanged, function () {
+ this.connect(client.bufferGeometryChanged, () => {
if (moving)
- _this.control.onWindowMove(window);
+ this.control.onWindowMove(window);
else if (resizing)
- _this.control.onWindowResize(_this, window);
+ this.control.onWindowResize(this, window);
else {
if (!window.actualGeometry.equals(window.geometry))
- _this.control.onWindowGeometryChanged(_this, window);
+ this.control.onWindowGeometryChanged(this, window);
}
});
- this.connect(client.activeChanged, function () {
- if (client.active)
- _this.control.onWindowFocused(_this, window);
- });
- this.connect(client.outputChanged, function () {
- return _this.control.onWindowChanged(_this, window, "screen=" + client.output.name);
- });
- this.connect(client.activitiesChanged, function () {
- return _this.control.onWindowChanged(_this, window, "activity=" + client.activities.join(","));
- });
- this.connect(client.desktopsChanged, function () {
- return _this.control.onWindowChanged(_this, window, "Window's desktop changed.");
- });
- };
- KWinDriver.backendName = "kwin";
- return KWinDriver;
-}());
-var KWinMousePoller = (function () {
- function KWinMousePoller() {
- var _this = this;
+ this.connect(client.outputChanged, () => this.control.onWindowChanged(this, window, "screen=" + client.output.name));
+ this.connect(client.activitiesChanged, () => this.control.onWindowChanged(this, window, "activity=" + client.activities.join(",")));
+ this.connect(client.desktopsChanged, () => this.control.onWindowChanged(this, window, "Window's desktop changed."));
+ }
+}
+KWinDriver.backendName = "kwin";
+class KWinMousePoller {
+ get started() {
+ return this.startCount > 0;
+ }
+ get mousePosition() {
+ return this.parseResult();
+ }
+ constructor() {
this.startCount = 0;
this.cmdResult = null;
mousePoller.interval = 0;
- mousePoller.onNewData.connect(function (sourceName, data) {
- _this.cmdResult = data["exit code"] === 0 ? data["stdout"] : null;
+ mousePoller.onNewData.connect((sourceName, data) => {
+ this.cmdResult = data["exit code"] === 0 ? data["stdout"] : null;
mousePoller.disconnectSource(KWinMousePoller.COMMAND);
- KWinSetTimeout(function () {
- if (_this.started)
+ KWinSetTimeout(() => {
+ if (this.started)
mousePoller.connectSource(KWinMousePoller.COMMAND);
}, KWinMousePoller.INTERVAL);
});
}
- Object.defineProperty(KWinMousePoller.prototype, "started", {
- get: function () {
- return this.startCount > 0;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinMousePoller.prototype, "mousePosition", {
- get: function () {
- return this.parseResult();
- },
- enumerable: false,
- configurable: true
- });
- KWinMousePoller.prototype.start = function () {
+ start() {
this.startCount += 1;
if (KWINCONFIG.pollMouseXdotool)
mousePoller.connectSource(KWinMousePoller.COMMAND);
- };
- KWinMousePoller.prototype.stop = function () {
+ }
+ stop() {
this.startCount = Math.max(this.startCount - 1, 0);
- };
- KWinMousePoller.prototype.parseResult = function () {
+ }
+ parseResult() {
if (!this.cmdResult)
return null;
- var x = null;
- var y = null;
+ let x = null;
+ let y = null;
this.cmdResult
.split(" ")
.slice(0, 2)
- .forEach(function (part) {
- var _a = part.split(":"), key = _a[0], value = _a[1], _ = _a[2];
+ .forEach((part) => {
+ const [key, value, _] = part.split(":");
if (key === "x")
x = parseInt(value, 10);
if (key === "y")
@@ -527,25 +476,23 @@ var KWinMousePoller = (function () {
if (x === null || y === null)
return null;
return [x, y];
- };
- KWinMousePoller.COMMAND = "xdotool getmouselocation";
- KWinMousePoller.INTERVAL = 50;
- return KWinMousePoller;
-}());
-var KWinTimerPool = (function () {
- function KWinTimerPool() {
+ }
+}
+KWinMousePoller.COMMAND = "xdotool getmouselocation";
+KWinMousePoller.INTERVAL = 50;
+class KWinTimerPool {
+ constructor() {
this.timers = [];
this.numTimers = 0;
}
- KWinTimerPool.prototype.setTimeout = function (func, timeout) {
- var _this = this;
+ setTimeout(func, timeout) {
if (this.timers.length === 0) {
this.numTimers++;
- debugObj(function () { return ["setTimeout/newTimer", { numTimers: _this.numTimers }]; });
+ debugObj(() => ["setTimeout/newTimer", { numTimers: this.numTimers }]);
}
- var timer = this.timers.pop() ||
+ const timer = this.timers.pop() ||
Qt.createQmlObject("import QtQuick 2.0; Timer {}", scriptRoot);
- var callback = function () {
+ const callback = () => {
try {
timer.triggered.disconnect(callback);
}
@@ -556,50 +503,104 @@ var KWinTimerPool = (function () {
}
catch (e) {
}
- _this.timers.push(timer);
+ this.timers.push(timer);
};
timer.interval = timeout;
timer.repeat = false;
timer.triggered.connect(callback);
timer.start();
- };
- KWinTimerPool.instance = new KWinTimerPool();
- return KWinTimerPool;
-}());
+ }
+}
+KWinTimerPool.instance = new KWinTimerPool();
function KWinSetTimeout(func, timeout) {
KWinTimerPool.instance.setTimeout(func, timeout);
}
-var KWinSurface = (function () {
- function KWinSurface(output, activity, desktop, workspace) {
- this.id = KWinSurface.generateId(output.name, activity, desktop.name);
- this.ignore =
- KWINCONFIG.ignoreActivity.indexOf(activity) >= 0 ||
- KWINCONFIG.ignoreScreen.indexOf(output.name) >= 0;
- this.workingArea = toRect(workspace.clientArea(0, output, desktop));
- this.output = output;
- this.activity = activity;
- this.desktop = desktop;
- }
- KWinSurface.generateId = function (screenName, activity, desktopName) {
- var path = screenName;
+class KWinSurface {
+ static generateId(screenName, activity, desktopName) {
+ let path = screenName;
if (KWINCONFIG.layoutPerActivity)
path += "@" + activity;
if (KWINCONFIG.layoutPerDesktop)
path += "#" + desktopName;
return path;
- };
- KWinSurface.prototype.next = function () {
+ }
+ constructor(output, activity, desktop, workspace) {
+ this.id = KWinSurface.generateId(output.name, activity, desktop.name);
+ this.ignore =
+ KWINCONFIG.ignoreActivity.indexOf(activity) >= 0 ||
+ KWINCONFIG.ignoreScreen.indexOf(output.name) >= 0 ||
+ KWINCONFIG.ignoreVDesktop.indexOf(desktop.name) >= 0;
+ this.workingArea = toRect(workspace.clientArea(0, output, desktop));
+ this.output = output;
+ this.activity = activity;
+ this.desktop = desktop;
+ }
+ next() {
return null;
- };
- KWinSurface.prototype.toString = function () {
+ }
+ toString() {
return ("KWinSurface(" +
[this.output.name, this.activity, this.desktop.name].join(", ") +
")");
- };
- return KWinSurface;
-}());
-var KWinWindow = (function () {
- function KWinWindow(window, workspace) {
+ }
+}
+class KWinWindow {
+ static generateID(w) {
+ return w.internalId.toString();
+ }
+ get fullScreen() {
+ return this.window.fullScreen;
+ }
+ get geometry() {
+ return toRect(this.window.frameGeometry);
+ }
+ get shouldIgnore() {
+ if (this.window.deleted)
+ return true;
+ const resourceClass = String(this.window.resourceClass);
+ const resourceName = String(this.window.resourceName);
+ const windowRole = String(this.window.windowRole);
+ return (this.window.specialWindow ||
+ resourceClass === "plasmashell" ||
+ KWINCONFIG.ignoreClass.indexOf(resourceClass) >= 0 ||
+ KWINCONFIG.ignoreClass.indexOf(resourceName) >= 0 ||
+ matchWords(this.window.caption, KWINCONFIG.ignoreTitle) >= 0 ||
+ KWINCONFIG.ignoreRole.indexOf(windowRole) >= 0);
+ }
+ get shouldFloat() {
+ const resourceClass = String(this.window.resourceClass);
+ const resourceName = String(this.window.resourceName);
+ const moreOneDesktop = this.window.desktops.length !== 1;
+ return (moreOneDesktop ||
+ this.window.onAllDesktops ||
+ this.window.modal ||
+ this.window.transient ||
+ !this.window.resizeable ||
+ (KWINCONFIG.floatUtility &&
+ (this.window.dialog || this.window.splash || this.window.utility)) ||
+ KWINCONFIG.floatingClass.indexOf(resourceClass) >= 0 ||
+ KWINCONFIG.floatingClass.indexOf(resourceName) >= 0 ||
+ matchWords(this.window.caption, KWINCONFIG.floatingTitle) >= 0);
+ }
+ get surface() {
+ let activity;
+ if (this.window.activities.length === 0)
+ activity = this.workspace.currentActivity;
+ else if (this.window.activities.indexOf(this.workspace.currentActivity) >= 0)
+ activity = this.workspace.currentActivity;
+ else
+ activity = this.window.activities[0];
+ const desktop = this.window.desktops[0];
+ return new KWinSurface(this.window.output, activity, desktop, this.workspace);
+ }
+ set surface(srf) {
+ const ksrf = srf;
+ if (this.window.desktops[0] !== ksrf.desktop)
+ this.window.desktops = [ksrf.desktop];
+ if (this.window.activities[0] !== ksrf.activity)
+ this.window.activities = [ksrf.activity];
+ }
+ constructor(window, workspace) {
this.workspace = workspace;
this.window = window;
this.id = KWinWindow.generateID(window);
@@ -607,81 +608,8 @@ var KWinWindow = (function () {
this.noBorderManaged = false;
this.noBorderOriginal = window.noBorder;
}
- KWinWindow.generateID = function (w) {
- return w.internalId.toString();
- };
- Object.defineProperty(KWinWindow.prototype, "fullScreen", {
- get: function () {
- return this.window.fullScreen;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinWindow.prototype, "geometry", {
- get: function () {
- return toRect(this.window.bufferGeometry);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinWindow.prototype, "shouldIgnore", {
- get: function () {
- var resourceClass = String(this.window.resourceClass);
- var resourceName = String(this.window.resourceName);
- var windowRole = String(this.window.windowRole);
- return (this.window.specialWindow ||
- resourceClass === "plasmashell" ||
- KWINCONFIG.ignoreClass.indexOf(resourceClass) >= 0 ||
- KWINCONFIG.ignoreClass.indexOf(resourceName) >= 0 ||
- matchWords(this.window.caption, KWINCONFIG.ignoreTitle) >= 0 ||
- KWINCONFIG.ignoreRole.indexOf(windowRole) >= 0);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinWindow.prototype, "shouldFloat", {
- get: function () {
- var resourceClass = String(this.window.resourceClass);
- var resourceName = String(this.window.resourceName);
- var moreOneDesktop = this.window.desktops.length !== 1;
- return (moreOneDesktop ||
- this.window.onAllDesktops ||
- this.window.modal ||
- this.window.transient ||
- !this.window.resizeable ||
- (KWINCONFIG.floatUtility &&
- (this.window.dialog || this.window.splash || this.window.utility)) ||
- KWINCONFIG.floatingClass.indexOf(resourceClass) >= 0 ||
- KWINCONFIG.floatingClass.indexOf(resourceName) >= 0 ||
- matchWords(this.window.caption, KWINCONFIG.floatingTitle) >= 0);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(KWinWindow.prototype, "surface", {
- get: function () {
- var activity;
- if (this.window.activities.length === 0)
- activity = this.workspace.currentActivity;
- else if (this.window.activities.indexOf(this.workspace.currentActivity) >= 0)
- activity = this.workspace.currentActivity;
- else
- activity = this.window.activities[0];
- var desktop = this.window.desktops[0];
- return new KWinSurface(this.window.output, activity, desktop, this.workspace);
- },
- set: function (srf) {
- var ksrf = srf;
- if (this.window.desktops[0] !== ksrf.desktop)
- this.window.desktops = [ksrf.desktop];
- if (this.window.activities[0] !== ksrf.activity)
- this.window.activities = [ksrf.activity];
- },
- enumerable: false,
- configurable: true
- });
- KWinWindow.prototype.commit = function (geometry, noBorder, keepAbove) {
- debugObj(function () { return ["KWinWindow#commit", { geometry: geometry, noBorder: noBorder, keepAbove: keepAbove }]; });
+ commit(geometry, noBorder, keepAbove) {
+ debugObj(() => ["KWinWindow#commit", { geometry, noBorder, keepAbove }]);
if (this.window.move || this.window.resize)
return;
if (noBorder !== undefined) {
@@ -700,37 +628,39 @@ var KWinWindow = (function () {
if (geometry !== undefined) {
geometry = this.adjustGeometry(geometry);
if (KWINCONFIG.preventProtrusion) {
- var area = toRect(this.workspace.clientArea(0, this.window.output, this.workspace.currentDesktop));
+ const area = toRect(this.workspace.clientArea(0, this.window.output, this.workspace.currentDesktop));
if (!area.includes(geometry)) {
- var x = geometry.x + Math.min(area.maxX - geometry.maxX, 0);
- var y = geometry.y + Math.min(area.maxY - geometry.maxY, 0);
+ const x = geometry.x + Math.min(area.maxX - geometry.maxX, 0);
+ const y = geometry.y + Math.min(area.maxY - geometry.maxY, 0);
geometry = new Rect(x, y, geometry.width, geometry.height);
geometry = this.adjustGeometry(geometry);
}
}
+ if (this.window.deleted)
+ return;
this.window.frameGeometry = toQRect(geometry);
- this.window.rect;
}
- };
- KWinWindow.prototype.toString = function () {
+ }
+ toString() {
return ("KWin(" +
this.window.internalId.toString() +
"." +
this.window.resourceClass +
")");
- };
- KWinWindow.prototype.visible = function (srf) {
- var ksrf = srf;
- return (!this.window.minimized &&
+ }
+ visible(srf) {
+ const ksrf = srf;
+ return (!this.window.deleted &&
+ !this.window.minimized &&
(this.window.onAllDesktops ||
this.window.desktops.indexOf(ksrf.desktop) !== -1) &&
(this.window.activities.length === 0 ||
this.window.activities.indexOf(ksrf.activity) !== -1) &&
this.window.output === ksrf.output);
- };
- KWinWindow.prototype.adjustGeometry = function (geometry) {
- var width = geometry.width;
- var height = geometry.height;
+ }
+ adjustGeometry(geometry) {
+ let width = geometry.width;
+ let height = geometry.height;
if (!this.window.resizeable) {
width = this.window.width;
height = this.window.height;
@@ -740,9 +670,8 @@ var KWinWindow = (function () {
height = clip(height, this.window.minSize.height, this.window.maxSize.height);
}
return new Rect(geometry.x, geometry.y, width, height);
- };
- return KWinWindow;
-}());
+ }
+}
function debugWin(win) {
var w_props = [
{ name: "caption", opt: win.caption },
@@ -796,7 +725,7 @@ function debugWin(win) {
{ name: "opacity", opt: win.opacity },
];
var s = "krohnkite:";
- w_props.forEach(function (el) {
+ w_props.forEach((el) => {
if (typeof el.opt !== "undefined" &&
(el.opt || el.opt === 0 || el.opt === "0")) {
s += "<";
@@ -808,73 +737,59 @@ function debugWin(win) {
});
return s;
}
-var TestDriver = (function () {
- function TestDriver() {
+class TestDriver {
+ constructor() {
this.currentScreen = 0;
this.currentWindow = 0;
this.numScreen = 1;
this.screenSize = new Rect(0, 0, 10000, 10000);
this.windows = [];
}
- TestDriver.prototype.forEachScreen = function (func) {
- for (var screen = 0; screen < this.numScreen; screen++)
+ forEachScreen(func) {
+ for (let screen = 0; screen < this.numScreen; screen++)
func(new TestSurface(this, screen));
- };
- TestDriver.prototype.getCurrentContext = function () {
- var window = this.getCurrentWindow();
+ }
+ getCurrentContext() {
+ const window = this.getCurrentWindow();
if (window)
return window.surface;
return new TestSurface(this, 0);
- };
- TestDriver.prototype.getCurrentWindow = function () {
+ }
+ getCurrentWindow() {
return this.windows.length !== 0 ? this.windows[this.currentWindow] : null;
- };
- TestDriver.prototype.getWorkingArea = function (srf) {
+ }
+ getWorkingArea(srf) {
return this.screenSize;
- };
- TestDriver.prototype.setCurrentWindow = function (window) {
- var idx = this.windows.indexOf(window);
+ }
+ setCurrentWindow(window) {
+ const idx = this.windows.indexOf(window);
if (idx !== -1)
this.currentWindow = idx;
- };
- TestDriver.prototype.setTimeout = function (func, timeout) {
+ }
+ setTimeout(func, timeout) {
setTimeout(func, timeout);
- };
- return TestDriver;
-}());
-var TestSurface = (function () {
- function TestSurface(driver, screen) {
+ }
+}
+class TestSurface {
+ get id() {
+ return String(this.screen);
+ }
+ get ignore() {
+ return false;
+ }
+ get workingArea() {
+ return this.driver.screenSize;
+ }
+ constructor(driver, screen) {
this.driver = driver;
this.screen = screen;
}
- Object.defineProperty(TestSurface.prototype, "id", {
- get: function () {
- return String(this.screen);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(TestSurface.prototype, "ignore", {
- get: function () {
- return false;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(TestSurface.prototype, "workingArea", {
- get: function () {
- return this.driver.screenSize;
- },
- enumerable: false,
- configurable: true
- });
- TestSurface.prototype.next = function () {
+ next() {
return new TestSurface(this.driver, this.screen + 1);
- };
- return TestSurface;
-}());
-var TestWindow = (function () {
- function TestWindow(srf, geometry, ignore, float) {
+ }
+}
+class TestWindow {
+ constructor(srf, geometry, ignore, float) {
this.id = String(TestWindow.windowCount);
TestWindow.windowCount += 1;
this.shouldFloat = float !== undefined ? float : false;
@@ -886,53 +801,54 @@ var TestWindow = (function () {
this.maximized = false;
this.noBorder = false;
}
- TestWindow.prototype.commit = function (geometry, noBorder, keepAbove) {
+ commit(geometry, noBorder, keepAbove) {
if (geometry)
this.geometry = geometry;
if (noBorder !== undefined)
this.noBorder = noBorder;
if (keepAbove !== undefined)
this.keepAbove = keepAbove;
- };
- TestWindow.prototype.focus = function () {
- };
- TestWindow.prototype.visible = function (srf) {
- var tctx = srf;
+ }
+ focus() {
+ }
+ visible(srf) {
+ const tctx = srf;
return this.surface.screen === tctx.screen;
- };
- TestWindow.windowCount = 0;
- return TestWindow;
-}());
+ }
+}
+TestWindow.windowCount = 0;
function setTestConfig(name, value) {
if (!CONFIG)
CONFIG = {};
CONFIG[name] = value;
}
-var TilingController = (function () {
- function TilingController(engine) {
+class TilingController {
+ constructor(engine) {
this.engine = engine;
+ this.isDragging = false;
+ this.dragCompleteTime = null;
}
- TilingController.prototype.onSurfaceUpdate = function (ctx, comment) {
- debugObj(function () { return ["onSurfaceUpdate", { comment: comment }]; });
+ onSurfaceUpdate(ctx, comment) {
+ debugObj(() => ["onSurfaceUpdate", { comment }]);
this.engine.arrange(ctx);
- };
- TilingController.prototype.onCurrentActivityChanged = function (ctx, activityId) {
- debugObj(function () { return ["onCurrentActivityChanged", { activityId: activityId }]; });
+ }
+ onCurrentActivityChanged(ctx, activityId) {
+ debugObj(() => ["onCurrentActivityChanged", { activityId: activityId }]);
this.engine.arrange(ctx);
- };
- TilingController.prototype.onCurrentSurfaceChanged = function (ctx) {
- debugObj(function () { return ["onCurrentSurfaceChanged", { srf: ctx.currentSurface }]; });
+ }
+ onCurrentSurfaceChanged(ctx) {
+ debugObj(() => ["onCurrentSurfaceChanged", { srf: ctx.currentSurface }]);
this.engine.arrange(ctx);
- };
- TilingController.prototype.onWindowAdded = function (ctx, window) {
- debugObj(function () { return ["onWindowAdded", { window: window }]; });
+ }
+ onWindowAdded(ctx, window) {
+ debugObj(() => ["onWindowAdded", { window }]);
this.engine.manage(window);
if (window.tileable) {
- var srf = ctx.currentSurface;
- var tiles = this.engine.windows.getVisibleTiles(srf);
- var layoutCapcity = this.engine.layouts.getCurrentLayout(srf).capacity;
+ const srf = ctx.currentSurface;
+ const tiles = this.engine.windows.getVisibleTiles(srf);
+ const layoutCapcity = this.engine.layouts.getCurrentLayout(srf).capacity;
if (layoutCapcity !== undefined && tiles.length > layoutCapcity) {
- var nsrf = ctx.currentSurface.next();
+ const nsrf = ctx.currentSurface.next();
if (nsrf) {
window.surface = nsrf;
ctx.currentSurface = nsrf;
@@ -940,24 +856,49 @@ var TilingController = (function () {
}
}
this.engine.arrange(ctx);
- };
- TilingController.prototype.onWindowRemoved = function (ctx, window) {
- debugObj(function () { return ["onWindowRemoved", { window: window }]; });
+ }
+ onWindowRemoved(ctx, window) {
+ debugObj(() => ["onWindowRemoved", { window }]);
this.engine.unmanage(window);
this.engine.arrange(ctx);
- };
- TilingController.prototype.onWindowMoveStart = function (window) {
- };
- TilingController.prototype.onWindowMove = function (window) {
- };
- TilingController.prototype.onWindowMoveOver = function (ctx, window) {
- debugObj(function () { return ["onWindowMoveOver", { window: window }]; });
+ }
+ onWindowMoveStart(window) {
+ }
+ onWindowMove(window) {
+ }
+ onWindowDragging(ctx, window, windowRect) {
+ if (this.isDragging)
+ return;
+ if (this.dragCompleteTime !== null &&
+ Date.now() - this.dragCompleteTime < 100)
+ return;
+ const srf = ctx.currentSurface;
+ const layout = this.engine.layouts.getCurrentLayout(srf);
+ if (!layout.drag)
+ return;
if (window.state === WindowState.Tiled) {
- var tiles = this.engine.windows.getVisibleTiles(ctx.currentSurface);
- var cursorPos_1 = ctx.cursorPosition || window.actualGeometry.center;
- var targets = tiles.filter(function (tile) {
- return tile !== window && tile.actualGeometry.includesPoint(cursorPos_1);
- });
+ window.setDraggingState();
+ }
+ if (window.state === WindowState.Dragging) {
+ const wr = toRect(windowRect);
+ if (layout.drag(new EngineContext(ctx, this.engine), wr.activationPoint, window, srf.workingArea)) {
+ this.engine.arrange(ctx);
+ }
+ this.dragCompleteTime = Date.now();
+ }
+ this.isDragging = false;
+ }
+ onWindowMoveOver(ctx, window) {
+ debugObj(() => ["onWindowMoveOver", { window }]);
+ if (window.state === WindowState.Dragging) {
+ window.removeDraggingState(WindowState.Tiled);
+ this.engine.arrange(ctx);
+ return;
+ }
+ if (window.state === WindowState.Tiled) {
+ const tiles = this.engine.windows.getVisibleTiles(ctx.currentSurface);
+ const cursorPos = ctx.cursorPosition || window.actualGeometry.center;
+ const targets = tiles.filter((tile) => tile !== window && tile.actualGeometry.includesPoint(cursorPos));
if (targets.length === 1) {
this.engine.windows.swap(window, targets[0]);
this.engine.arrange(ctx);
@@ -965,8 +906,8 @@ var TilingController = (function () {
}
}
if (!CONFIG.keepTilingOnDrag && window.state === WindowState.Tiled) {
- var diff = window.actualGeometry.subtract(window.geometry);
- var distance = Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));
+ const diff = window.actualGeometry.subtract(window.geometry);
+ const distance = Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));
if (distance > 30) {
window.floatGeometry = window.actualGeometry;
window.state = WindowState.Floating;
@@ -975,46 +916,46 @@ var TilingController = (function () {
}
}
window.commit();
- };
- TilingController.prototype.onWindowResizeStart = function (window) {
- };
- TilingController.prototype.onWindowResize = function (ctx, window) {
- debugObj(function () { return ["onWindowResize", { window: window }]; });
+ }
+ onWindowResizeStart(window) {
+ }
+ onWindowResize(ctx, window) {
+ debugObj(() => ["onWindowResize", { window }]);
if (CONFIG.adjustLayout && CONFIG.adjustLayoutLive) {
if (window.state === WindowState.Tiled) {
this.engine.adjustLayout(window);
this.engine.arrange(ctx);
}
}
- };
- TilingController.prototype.onWindowResizeOver = function (ctx, window) {
- debugObj(function () { return ["onWindowResizeOver", { window: window }]; });
+ }
+ onWindowResizeOver(ctx, window) {
+ debugObj(() => ["onWindowResizeOver", { window }]);
if (CONFIG.adjustLayout && window.tiled) {
this.engine.adjustLayout(window);
this.engine.arrange(ctx);
}
else if (!CONFIG.adjustLayout)
this.engine.enforceSize(ctx, window);
- };
- TilingController.prototype.onWindowMaximizeChanged = function (ctx, window, maximized) {
+ }
+ onWindowMaximizeChanged(ctx, window, maximized) {
this.engine.arrange(ctx);
- };
- TilingController.prototype.onWindowGeometryChanged = function (ctx, window) {
- debugObj(function () { return ["onWindowGeometryChanged", { window: window }]; });
+ }
+ onWindowGeometryChanged(ctx, window) {
+ debugObj(() => ["onWindowGeometryChanged", { window }]);
this.engine.enforceSize(ctx, window);
- };
- TilingController.prototype.onWindowChanged = function (ctx, window, comment) {
+ }
+ onWindowChanged(ctx, window, comment) {
if (window) {
- debugObj(function () { return ["onWindowChanged", { window: window, comment: comment }]; });
+ debugObj(() => ["onWindowChanged", { window, comment }]);
if (comment === "unminimized")
ctx.currentWindow = window;
this.engine.arrange(ctx);
}
- };
- TilingController.prototype.onWindowFocused = function (ctx, window) {
+ }
+ onWindowFocused(ctx, window) {
window.timestamp = new Date().getTime();
- };
- TilingController.prototype.onShortcut = function (ctx, input, data) {
+ }
+ onShortcut(ctx, input, data) {
if (CONFIG.directionalKeyMode === "dwm") {
switch (input) {
case Shortcut.FocusUp:
@@ -1051,7 +992,7 @@ var TilingController = (function () {
this.engine.arrange(ctx);
return;
}
- var window = ctx.currentWindow;
+ const window = ctx.currentWindow;
switch (input) {
case Shortcut.FocusNext:
this.engine.focusOrder(ctx, -1);
@@ -1132,28 +1073,30 @@ var TilingController = (function () {
break;
}
this.engine.arrange(ctx);
- };
- return TilingController;
-}());
-var TilingEngine = (function () {
- function TilingEngine() {
+ }
+}
+class TilingEngine {
+ constructor() {
this.layouts = new LayoutStore();
this.windows = new WindowStore();
}
- TilingEngine.prototype.adjustLayout = function (basis) {
- var srf = basis.surface;
- var layout = this.layouts.getCurrentLayout(srf);
+ adjustLayout(basis) {
+ let delta = basis.geometryDelta;
+ if (delta === null)
+ return;
+ const srf = basis.surface;
+ const layout = this.layouts.getCurrentLayout(srf);
if (layout.adjust) {
- var area = srf.workingArea.gap(CONFIG.screenGapLeft, CONFIG.screenGapRight, CONFIG.screenGapTop, CONFIG.screenGapBottom);
- var tiles = this.windows.getVisibleTiles(srf);
- layout.adjust(area, tiles, basis, basis.geometryDelta);
+ const area = srf.workingArea.gap(CONFIG.screenGapLeft, CONFIG.screenGapRight, CONFIG.screenGapTop, CONFIG.screenGapBottom);
+ const tiles = this.windows.getVisibleTiles(srf);
+ layout.adjust(area, tiles, basis, delta);
}
- };
- TilingEngine.prototype.resizeFloat = function (window, dir, step) {
- var srf = window.surface;
- var hStepSize = srf.workingArea.width * 0.05;
- var vStepSize = srf.workingArea.height * 0.05;
- var hStep, vStep;
+ }
+ resizeFloat(window, dir, step) {
+ const srf = window.surface;
+ const hStepSize = srf.workingArea.width * 0.05;
+ const vStepSize = srf.workingArea.height * 0.05;
+ let hStep, vStep;
switch (dir) {
case "east":
(hStep = step), (vStep = 0);
@@ -1168,36 +1111,36 @@ var TilingEngine = (function () {
(hStep = 0), (vStep = -step);
break;
}
- var geometry = window.actualGeometry;
- var width = geometry.width + hStepSize * hStep;
- var height = geometry.height + vStepSize * vStep;
+ const geometry = window.actualGeometry;
+ const width = geometry.width + hStepSize * hStep;
+ const height = geometry.height + vStepSize * vStep;
window.forceSetGeometry(new Rect(geometry.x, geometry.y, width, height));
- };
- TilingEngine.prototype.resizeTile = function (basis, dir, step) {
- var srf = basis.surface;
+ }
+ resizeTile(basis, dir, step) {
+ const srf = basis.surface;
if (dir === "east") {
- var maxX_1 = basis.geometry.maxX;
- var easternNeighbor = this.windows
+ const maxX = basis.geometry.maxX;
+ const easternNeighbor = this.windows
.getVisibleTiles(srf)
- .filter(function (tile) { return tile.geometry.x >= maxX_1; });
+ .filter((tile) => tile.geometry.x >= maxX);
if (easternNeighbor.length === 0) {
dir = "west";
step *= -1;
}
}
else if (dir === "south") {
- var maxY_1 = basis.geometry.maxY;
- var southernNeighbor = this.windows
+ const maxY = basis.geometry.maxY;
+ const southernNeighbor = this.windows
.getVisibleTiles(srf)
- .filter(function (tile) { return tile.geometry.y >= maxY_1; });
+ .filter((tile) => tile.geometry.y >= maxY);
if (southernNeighbor.length === 0) {
dir = "north";
step *= -1;
}
}
- var hStepSize = srf.workingArea.width * 0.03;
- var vStepSize = srf.workingArea.height * 0.03;
- var delta;
+ const hStepSize = srf.workingArea.width * 0.03;
+ const vStepSize = srf.workingArea.height * 0.03;
+ let delta;
switch (dir) {
case "east":
delta = new RectDelta(hStepSize * step, 0, 0, 0);
@@ -1213,50 +1156,49 @@ var TilingEngine = (function () {
delta = new RectDelta(0, 0, 0, vStepSize * step);
break;
}
- var layout = this.layouts.getCurrentLayout(srf);
+ const layout = this.layouts.getCurrentLayout(srf);
if (layout.adjust) {
- var area = srf.workingArea.gap(CONFIG.screenGapLeft, CONFIG.screenGapRight, CONFIG.screenGapTop, CONFIG.screenGapBottom);
+ const area = srf.workingArea.gap(CONFIG.screenGapLeft, CONFIG.screenGapRight, CONFIG.screenGapTop, CONFIG.screenGapBottom);
layout.adjust(area, this.windows.getVisibleTileables(srf), basis, delta);
}
- };
- TilingEngine.prototype.resizeWindow = function (window, dir, step) {
- var state = window.state;
+ }
+ resizeWindow(window, dir, step) {
+ const state = window.state;
if (WindowClass.isFloatingState(state))
this.resizeFloat(window, dir, step);
else if (WindowClass.isTiledState(state))
this.resizeTile(window, dir, step);
- };
- TilingEngine.prototype.arrange = function (ctx) {
- var _this = this;
- debug(function () { return "arrange"; });
- ctx.screens.forEach(function (srf) {
- _this.arrangeScreen(ctx, srf);
+ }
+ arrange(ctx) {
+ debug(() => "arrange");
+ ctx.screens.forEach((srf) => {
+ this.arrangeScreen(ctx, srf);
});
- };
- TilingEngine.prototype.arrangeScreen = function (ctx, srf) {
- var layout = this.layouts.getCurrentLayout(srf);
- var workingArea = srf.workingArea;
- var tilingArea;
+ }
+ arrangeScreen(ctx, srf) {
+ const layout = this.layouts.getCurrentLayout(srf);
+ const workingArea = srf.workingArea;
+ let tilingArea;
if (CONFIG.monocleMaximize && layout instanceof MonocleLayout)
tilingArea = workingArea;
else
tilingArea = workingArea.gap(CONFIG.screenGapLeft, CONFIG.screenGapRight, CONFIG.screenGapTop, CONFIG.screenGapBottom);
- var visibles = this.windows.getVisibleWindows(srf);
- debugObj(function () { return [
+ const visibles = this.windows.getVisibleWindows(srf);
+ debugObj(() => [
"arrangeScreen",
{
- layout: layout,
- srf: srf,
+ layout,
+ srf,
visibles: visibles.length,
},
- ]; });
- visibles.forEach(function (window) {
+ ]);
+ visibles.forEach((window) => {
if (window.state === WindowState.Undecided)
window.state = window.shouldFloat
? WindowState.Floating
: WindowState.Tiled;
});
- var tileables = this.windows.getVisibleTileables(srf);
+ const tileables = this.windows.getVisibleTileables(srf);
if (CONFIG.maximizeSoleTile && tileables.length === 1) {
tileables[0].state = WindowState.Maximized;
tileables[0].geometry = workingArea;
@@ -1264,25 +1206,25 @@ var TilingEngine = (function () {
else if (tileables.length > 0)
layout.apply(new EngineContext(ctx, this), tileables, tilingArea);
if (CONFIG.limitTileWidthRatio > 0 && !(layout instanceof MonocleLayout)) {
- var maxWidth_1 = Math.floor(workingArea.height * CONFIG.limitTileWidthRatio);
+ const maxWidth = Math.floor(workingArea.height * CONFIG.limitTileWidthRatio);
tileables
- .filter(function (tile) { return tile.tiled && tile.geometry.width > maxWidth_1; })
- .forEach(function (tile) {
- var g = tile.geometry;
- tile.geometry = new Rect(g.x + Math.floor((g.width - maxWidth_1) / 2), g.y, maxWidth_1, g.height);
+ .filter((tile) => tile.tiled && tile.geometry.width > maxWidth)
+ .forEach((tile) => {
+ const g = tile.geometry;
+ tile.geometry = new Rect(g.x + Math.floor((g.width - maxWidth) / 2), g.y, maxWidth, g.height);
});
}
- visibles.forEach(function (window) { return window.commit(); });
- debugObj(function () { return ["arrangeScreen/finished", { srf: srf }]; });
- };
- TilingEngine.prototype.enforceSize = function (ctx, window) {
+ visibles.forEach((window) => window.commit());
+ debugObj(() => ["arrangeScreen/finished", { srf }]);
+ }
+ enforceSize(ctx, window) {
if (window.tiled && !window.actualGeometry.equals(window.geometry))
- ctx.setTimeout(function () {
+ ctx.setTimeout(() => {
if (window.tiled)
window.commit();
}, 10);
- };
- TilingEngine.prototype.manage = function (window) {
+ }
+ manage(window) {
if (!window.shouldIgnore) {
window.state = WindowState.Undecided;
if (CONFIG.newWindowPosition === 1)
@@ -1293,69 +1235,69 @@ var TilingEngine = (function () {
else
this.windows.push(window);
}
- };
- TilingEngine.prototype.unmanage = function (window) {
+ }
+ unmanage(window) {
this.windows.remove(window);
- };
- TilingEngine.prototype.focusOrder = function (ctx, step) {
- var window = ctx.currentWindow;
+ }
+ focusOrder(ctx, step) {
+ const window = ctx.currentWindow;
if (window === null) {
- var tiles = this.windows.getVisibleTiles(ctx.currentSurface);
+ const tiles = this.windows.getVisibleTiles(ctx.currentSurface);
if (tiles.length > 1)
ctx.currentWindow = tiles[0];
return;
}
- var visibles = this.windows.getVisibleWindows(ctx.currentSurface);
+ const visibles = this.windows.getVisibleWindows(ctx.currentSurface);
if (visibles.length === 0)
return;
- var idx = visibles.indexOf(window);
+ const idx = visibles.indexOf(window);
if (!window || idx < 0) {
ctx.currentWindow = visibles[0];
return;
}
- var num = visibles.length;
- var newIndex = (idx + (step % num) + num) % num;
+ const num = visibles.length;
+ const newIndex = (idx + (step % num) + num) % num;
ctx.currentWindow = visibles[newIndex];
- };
- TilingEngine.prototype.focusDir = function (ctx, dir) {
- var window = ctx.currentWindow;
+ }
+ focusDir(ctx, dir) {
+ const window = ctx.currentWindow;
if (window === null) {
- var tiles = this.windows.getVisibleTiles(ctx.currentSurface);
+ const tiles = this.windows.getVisibleTiles(ctx.currentSurface);
if (tiles.length > 1)
ctx.currentWindow = tiles[0];
return;
}
- var neighbor = this.getNeighborByDirection(ctx, window, dir);
+ const neighbor = this.getNeighborByDirection(ctx, window, dir);
if (neighbor)
ctx.currentWindow = neighbor;
- };
- TilingEngine.prototype.swapOrder = function (window, step) {
- var srf = window.surface;
- var visibles = this.windows.getVisibleWindows(srf);
+ }
+ swapOrder(window, step) {
+ const srf = window.surface;
+ const visibles = this.windows.getVisibleWindows(srf);
if (visibles.length < 2)
return;
- var vsrc = visibles.indexOf(window);
- var vdst = wrapIndex(vsrc + step, visibles.length);
- var dstWin = visibles[vdst];
+ const vsrc = visibles.indexOf(window);
+ const vdst = wrapIndex(vsrc + step, visibles.length);
+ const dstWin = visibles[vdst];
this.windows.move(window, dstWin);
- };
- TilingEngine.prototype.swapDirection = function (ctx, dir) {
- var window = ctx.currentWindow;
+ }
+ swapDirection(ctx, dir) {
+ const window = ctx.currentWindow;
if (window === null) {
- var tiles = this.windows.getVisibleTiles(ctx.currentSurface);
+ const tiles = this.windows.getVisibleTiles(ctx.currentSurface);
if (tiles.length > 1)
ctx.currentWindow = tiles[0];
return;
}
- var neighbor = this.getNeighborByDirection(ctx, window, dir);
+ const neighbor = this.getNeighborByDirection(ctx, window, dir);
if (neighbor)
this.windows.swap(window, neighbor);
- };
- TilingEngine.prototype.moveFloat = function (window, dir) {
- var srf = window.surface;
- var hStepSize = srf.workingArea.width * 0.05;
- var vStepSize = srf.workingArea.height * 0.05;
- var hStep, vStep;
+ }
+ moveFloat(window, dir) {
+ const srf = window.surface;
+ const hStepSize = srf.workingArea.width * 0.05;
+ const vStepSize = srf.workingArea.height * 0.05;
+ let hStep, vStep;
switch (dir) {
case "up":
(hStep = 0), (vStep = -1);
@@ -1370,65 +1312,65 @@ var TilingEngine = (function () {
(hStep = 1), (vStep = 0);
break;
}
- var geometry = window.actualGeometry;
- var x = geometry.x + hStepSize * hStep;
- var y = geometry.y + vStepSize * vStep;
+ const geometry = window.actualGeometry;
+ const x = geometry.x + hStepSize * hStep;
+ const y = geometry.y + vStepSize * vStep;
window.forceSetGeometry(new Rect(x, y, geometry.width, geometry.height));
- };
- TilingEngine.prototype.swapDirOrMoveFloat = function (ctx, dir) {
- var window = ctx.currentWindow;
+ }
+ swapDirOrMoveFloat(ctx, dir) {
+ const window = ctx.currentWindow;
if (!window)
return;
- var state = window.state;
+ const state = window.state;
if (WindowClass.isFloatingState(state))
this.moveFloat(window, dir);
else if (WindowClass.isTiledState(state))
this.swapDirection(ctx, dir);
- };
- TilingEngine.prototype.toggleFloat = function (window) {
+ }
+ toggleFloat(window) {
window.state = !window.tileable ? WindowState.Tiled : WindowState.Floating;
- };
- TilingEngine.prototype.floatAll = function (ctx, srf) {
- var windows = this.windows.getVisibleWindows(srf);
- var numFloats = windows.reduce(function (count, window) {
+ }
+ floatAll(ctx, srf) {
+ const windows = this.windows.getVisibleWindows(srf);
+ const numFloats = windows.reduce((count, window) => {
return window.state === WindowState.Floating ? count + 1 : count;
}, 0);
if (numFloats < windows.length / 2) {
- windows.forEach(function (window) {
+ windows.forEach((window) => {
window.floatGeometry = window.actualGeometry.gap(4, 4, 4, 4);
window.state = WindowState.Floating;
});
ctx.showNotification("Float All");
}
else {
- windows.forEach(function (window) {
+ windows.forEach((window) => {
window.state = WindowState.Tiled;
});
ctx.showNotification("Tile All");
}
- };
- TilingEngine.prototype.setMaster = function (window) {
+ }
+ setMaster(window) {
this.windows.setMaster(window);
- };
- TilingEngine.prototype.cycleLayout = function (ctx, step) {
- var layout = this.layouts.cycleLayout(ctx.currentSurface, step);
+ }
+ cycleLayout(ctx, step) {
+ const layout = this.layouts.cycleLayout(ctx.currentSurface, step);
if (layout)
ctx.showNotification(layout.description);
- };
- TilingEngine.prototype.setLayout = function (ctx, layoutClassID) {
- var layout = this.layouts.setLayout(ctx.currentSurface, layoutClassID);
+ }
+ setLayout(ctx, layoutClassID) {
+ const layout = this.layouts.setLayout(ctx.currentSurface, layoutClassID);
if (layout)
ctx.showNotification(layout.description);
- };
- TilingEngine.prototype.handleLayoutShortcut = function (ctx, input, data) {
- var layout = this.layouts.getCurrentLayout(ctx.currentSurface);
+ }
+ handleLayoutShortcut(ctx, input, data) {
+ const layout = this.layouts.getCurrentLayout(ctx.currentSurface);
if (layout.handleShortcut)
return layout.handleShortcut(new EngineContext(ctx, this), input, data);
return false;
- };
- TilingEngine.prototype.getNeighborByDirection = function (ctx, basis, dir) {
- var vertical;
- var sign;
+ }
+ getNeighborByDirection(ctx, basis, dir) {
+ let vertical;
+ let sign;
switch (dir) {
case "up":
vertical = true;
@@ -1449,88 +1391,88 @@ var TilingEngine = (function () {
default:
return null;
}
- var candidates = this.windows
+ const candidates = this.windows
.getVisibleTiles(ctx.currentSurface)
.filter(vertical
- ? function (tile) { return tile.geometry.y * sign > basis.geometry.y * sign; }
- : function (tile) { return tile.geometry.x * sign > basis.geometry.x * sign; })
+ ? (tile) => tile.geometry.y * sign > basis.geometry.y * sign
+ : (tile) => tile.geometry.x * sign > basis.geometry.x * sign)
.filter(vertical
- ? function (tile) {
- return overlap(basis.geometry.x, basis.geometry.maxX, tile.geometry.x, tile.geometry.maxX);
- }
- : function (tile) {
- return overlap(basis.geometry.y, basis.geometry.maxY, tile.geometry.y, tile.geometry.maxY);
- });
+ ? (tile) => overlap(basis.geometry.x, basis.geometry.maxX, tile.geometry.x, tile.geometry.maxX)
+ : (tile) => overlap(basis.geometry.y, basis.geometry.maxY, tile.geometry.y, tile.geometry.maxY));
if (candidates.length === 0)
return null;
- var min = sign *
+ const min = sign *
candidates.reduce(vertical
- ? function (prevMin, tile) { return Math.min(tile.geometry.y * sign, prevMin); }
- : function (prevMin, tile) {
- return Math.min(tile.geometry.x * sign, prevMin);
- }, Infinity);
- var closest = candidates.filter(vertical
- ? function (tile) { return tile.geometry.y === min; }
- : function (tile) { return tile.geometry.x === min; });
- return closest.sort(function (a, b) { return b.timestamp - a.timestamp; })[0];
- };
- return TilingEngine;
-}());
-var EngineContext = (function () {
- function EngineContext(drvctx, engine) {
+ ? (prevMin, tile) => Math.min(tile.geometry.y * sign, prevMin)
+ : (prevMin, tile) => Math.min(tile.geometry.x * sign, prevMin), Infinity);
+ const closest = candidates.filter(vertical
+ ? (tile) => tile.geometry.y === min
+ : (tile) => tile.geometry.x === min);
+ return closest.sort((a, b) => b.timestamp - a.timestamp)[0];
+ }
+}
+class EngineContext {
+ get backend() {
+ return this.drvctx.backend;
+ }
+ get currentWindow() {
+ return this.drvctx.currentWindow;
+ }
+ set currentWindow(window) {
+ this.drvctx.currentWindow = window;
+ }
+ constructor(drvctx, engine) {
this.drvctx = drvctx;
this.engine = engine;
}
- Object.defineProperty(EngineContext.prototype, "backend", {
- get: function () {
- return this.drvctx.backend;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(EngineContext.prototype, "currentWindow", {
- get: function () {
- return this.drvctx.currentWindow;
- },
- set: function (window) {
- this.drvctx.currentWindow = window;
- },
- enumerable: false,
- configurable: true
- });
- EngineContext.prototype.setTimeout = function (func, timeout) {
+ setTimeout(func, timeout) {
this.drvctx.setTimeout(func, timeout);
- };
- EngineContext.prototype.cycleFocus = function (step) {
+ }
+ cycleFocus(step) {
this.engine.focusOrder(this.drvctx, step);
- };
- EngineContext.prototype.moveWindow = function (window, target, after) {
+ }
+ moveWindow(window, target, after) {
this.engine.windows.move(window, target, after);
- };
- EngineContext.prototype.showNotification = function (text) {
+ }
+ moveWindowByWinId(window, targetId, after) {
+ let target = this.engine.windows.getWindowById(targetId);
+ if (target === null)
+ return;
+ this.engine.windows.moveNew(window, target, after);
+ }
+ showNotification(text) {
this.drvctx.showNotification(text);
- };
- return EngineContext;
-}());
-var LayoutStoreEntry = (function () {
- function LayoutStoreEntry(output_name, desktop_name) {
- var _this = this;
- var layouts_str = CONFIG.layoutOrder.map(function (layout, i) { return i + "." + layout + ", "; });
- print("Krohnkite: Screen(output):".concat(output_name, ", Desktop(name):").concat(desktop_name, ", layouts: ").concat(layouts_str));
+ }
+}
+class LayoutStoreEntry {
+ get currentLayout() {
+ return this.loadLayout(this.currentID);
+ }
+ constructor(output_name, desktop_name) {
+ let layouts = CONFIG.layoutOrder.map((layout) => layout.toLowerCase());
+ let layouts_str = layouts.map((layout, i) => i + "." + layout + " ");
+ print(`Krohnkite: Screen(output):${output_name}, Desktop(name):${desktop_name}, layouts: ${layouts_str}`);
this.currentIndex = 0;
this.currentID = CONFIG.layoutOrder[0];
- CONFIG.screenDefaultLayout.some(function (entry) {
- var cfg = entry.split(":");
- var cfg_output = cfg[0];
- var cfg_desktop = cfg.length == 2 ? undefined : cfg[1];
- var cfg_screen_id_str = cfg.length == 2 ? cfg[1] : cfg[2];
- var cfg_screen_id = parseInt(cfg_screen_id_str);
- if ((output_name === cfg_output || cfg_output === '') &&
+ CONFIG.screenDefaultLayout.some((entry) => {
+ let cfg = entry.split(":");
+ let cfg_output = cfg[0];
+ let cfg_desktop = cfg.length == 2 ? undefined : cfg[1];
+ let cfg_screen_id_str = cfg.length == 2 ? cfg[1] : cfg[2];
+ let cfg_screen_id = parseInt(cfg_screen_id_str);
+ if (isNaN(cfg_screen_id)) {
+ cfg_screen_id = layouts.indexOf(cfg_screen_id_str.toLowerCase());
+ cfg_screen_id =
+ cfg_screen_id >= 0
+ ? cfg_screen_id
+ : layouts.indexOf(cfg_screen_id_str.toLowerCase() + "layout");
+ }
+ if ((output_name === cfg_output || cfg_output === "") &&
(desktop_name === cfg_desktop || cfg_desktop === undefined) &&
cfg_screen_id >= 0 &&
cfg_screen_id < CONFIG.layoutOrder.length) {
- _this.currentIndex = cfg_screen_id;
- _this.currentID = CONFIG.layoutOrder[_this.currentIndex];
+ this.currentIndex = cfg_screen_id;
+ this.currentID = CONFIG.layoutOrder[this.currentIndex];
return true;
}
});
@@ -1538,14 +1480,7 @@ var LayoutStoreEntry = (function () {
this.previousID = this.currentID;
this.loadLayout(this.currentID);
}
- Object.defineProperty(LayoutStoreEntry.prototype, "currentLayout", {
- get: function () {
- return this.loadLayout(this.currentID);
- },
- enumerable: false,
- configurable: true
- });
- LayoutStoreEntry.prototype.cycleLayout = function (step) {
+ cycleLayout(step) {
this.previousID = this.currentID;
this.currentIndex =
this.currentIndex !== null
@@ -1553,9 +1488,9 @@ var LayoutStoreEntry = (function () {
: 0;
this.currentID = CONFIG.layoutOrder[this.currentIndex];
return this.loadLayout(this.currentID);
- };
- LayoutStoreEntry.prototype.setLayout = function (targetID) {
- var targetLayout = this.loadLayout(targetID);
+ }
+ setLayout(targetID) {
+ const targetLayout = this.loadLayout(targetID);
if (targetLayout instanceof MonocleLayout &&
this.currentLayout instanceof MonocleLayout) {
this.currentID = this.previousID;
@@ -1567,57 +1502,55 @@ var LayoutStoreEntry = (function () {
}
this.updateCurrentIndex();
return targetLayout;
- };
- LayoutStoreEntry.prototype.updateCurrentIndex = function () {
- var idx = CONFIG.layoutOrder.indexOf(this.currentID);
+ }
+ updateCurrentIndex() {
+ const idx = CONFIG.layoutOrder.indexOf(this.currentID);
this.currentIndex = idx === -1 ? null : idx;
- };
- LayoutStoreEntry.prototype.loadLayout = function (ID) {
- var layout = this.layouts[ID];
+ }
+ loadLayout(ID) {
+ let layout = this.layouts[ID];
if (!layout)
layout = this.layouts[ID] = CONFIG.layoutFactories[ID]();
return layout;
- };
- return LayoutStoreEntry;
-}());
-var LayoutStore = (function () {
- function LayoutStore() {
+ }
+}
+class LayoutStore {
+ constructor() {
this.store = {};
}
- LayoutStore.prototype.getCurrentLayout = function (srf) {
+ getCurrentLayout(srf) {
return srf.ignore
? FloatingLayout.instance
: this.getEntry(srf.id).currentLayout;
- };
- LayoutStore.prototype.cycleLayout = function (srf, step) {
+ }
+ cycleLayout(srf, step) {
if (srf.ignore)
return null;
return this.getEntry(srf.id).cycleLayout(step);
- };
- LayoutStore.prototype.setLayout = function (srf, layoutClassID) {
+ }
+ setLayout(srf, layoutClassID) {
if (srf.ignore)
return null;
return this.getEntry(srf.id).setLayout(layoutClassID);
- };
- LayoutStore.prototype.getEntry = function (key) {
+ }
+ getEntry(key) {
if (!this.store[key]) {
- var i1 = key.indexOf("@");
- var i2 = key.indexOf("#");
- var key_without_activity = key.slice(0, i1 + 1) + key.slice(i2);
+ let i1 = key.indexOf("@");
+ let i2 = key.indexOf("#");
+ let key_without_activity = key.slice(0, i1 + 1) + key.slice(i2);
if (i1 > 0 && i2 > 0 && i2 - i1 > 1 && this.store[key_without_activity]) {
this.store[key] = this.store[key_without_activity];
delete this.store[key_without_activity];
}
else {
- var output_name = key.slice(0, key.indexOf("@"));
- var desktop_name = i2 !== -1 ? key.slice(i2 + 1) : undefined;
+ let output_name = key.slice(0, key.indexOf("@"));
+ let desktop_name = i2 !== -1 ? key.slice(i2 + 1) : undefined;
this.store[key] = new LayoutStoreEntry(output_name, desktop_name);
}
}
return this.store[key];
- };
- return LayoutStore;
-}());
+ }
+}
var WindowState;
(function (WindowState) {
WindowState[WindowState["Unmanaged"] = 0] = "Unmanaged";
@@ -1628,9 +1561,89 @@ var WindowState;
WindowState[WindowState["Tiled"] = 5] = "Tiled";
WindowState[WindowState["TiledAfloat"] = 6] = "TiledAfloat";
WindowState[WindowState["Undecided"] = 7] = "Undecided";
+ WindowState[WindowState["Dragging"] = 8] = "Dragging";
})(WindowState || (WindowState = {}));
-var WindowClass = (function () {
- function WindowClass(window) {
+class WindowClass {
+ static isTileableState(state) {
+ return (state === WindowState.Dragging ||
+ state === WindowState.Tiled ||
+ state === WindowState.Maximized ||
+ state === WindowState.TiledAfloat);
+ }
+ static isTiledState(state) {
+ return state === WindowState.Tiled || state === WindowState.Maximized;
+ }
+ static isFloatingState(state) {
+ return state === WindowState.Floating || state === WindowState.TiledAfloat;
+ }
+ get actualGeometry() {
+ return this.window.geometry;
+ }
+ get shouldFloat() {
+ return this.window.shouldFloat;
+ }
+ get shouldIgnore() {
+ return this.window.shouldIgnore;
+ }
+ get tileable() {
+ return WindowClass.isTileableState(this.state);
+ }
+ get tiled() {
+ return WindowClass.isTiledState(this.state);
+ }
+ get floating() {
+ return WindowClass.isFloatingState(this.state);
+ }
+ get geometryDelta() {
+ if (this.geometry === this.actualGeometry)
+ return null;
+ return RectDelta.fromRects(this.geometry, this.actualGeometry);
+ }
+ get state() {
+ if (this.window.fullScreen)
+ return WindowState.NativeFullscreen;
+ if (this.window.maximized)
+ return WindowState.NativeMaximized;
+ return this.internalState;
+ }
+ set state(value) {
+ const state = this.state;
+ if (state === value || state === WindowState.Dragging)
+ return;
+ if ((state === WindowState.Unmanaged || WindowClass.isTileableState(state)) &&
+ WindowClass.isFloatingState(value))
+ this.shouldCommitFloat = true;
+ else if (WindowClass.isFloatingState(state) &&
+ WindowClass.isTileableState(value))
+ this.floatGeometry = this.actualGeometry;
+ this.internalState = value;
+ }
+ setDraggingState() {
+ this.internalState = WindowState.Dragging;
+ }
+ removeDraggingState(value) {
+ this.internalState = value;
+ }
+ get surface() {
+ return this.window.surface;
+ }
+ set surface(srf) {
+ this.window.surface = srf;
+ }
+ get weight() {
+ const srfID = this.window.surface.id;
+ const weight = this.weightMap[srfID];
+ if (weight === undefined) {
+ this.weightMap[srfID] = 1.0;
+ return 1.0;
+ }
+ return weight;
+ }
+ set weight(value) {
+ const srfID = this.window.surface.id;
+ this.weightMap[srfID] = value;
+ }
+ constructor(window) {
this.id = window.id;
this.window = window;
this.floatGeometry = window.geometry;
@@ -1640,120 +1653,12 @@ var WindowClass = (function () {
this.shouldCommitFloat = this.shouldFloat;
this.weightMap = {};
}
- WindowClass.isTileableState = function (state) {
- return (state === WindowState.Tiled ||
- state === WindowState.Maximized ||
- state === WindowState.TiledAfloat);
- };
- WindowClass.isTiledState = function (state) {
- return state === WindowState.Tiled || state === WindowState.Maximized;
- };
- WindowClass.isFloatingState = function (state) {
- return state === WindowState.Floating || state === WindowState.TiledAfloat;
- };
- Object.defineProperty(WindowClass.prototype, "actualGeometry", {
- get: function () {
- return this.window.geometry;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "shouldFloat", {
- get: function () {
- return this.window.shouldFloat;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "shouldIgnore", {
- get: function () {
- return this.window.shouldIgnore;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "tileable", {
- get: function () {
- return WindowClass.isTileableState(this.state);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "tiled", {
- get: function () {
- return WindowClass.isTiledState(this.state);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "floating", {
- get: function () {
- return WindowClass.isFloatingState(this.state);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "geometryDelta", {
- get: function () {
- return RectDelta.fromRects(this.geometry, this.actualGeometry);
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "state", {
- get: function () {
- if (this.window.fullScreen)
- return WindowState.NativeFullscreen;
- if (this.window.maximized)
- return WindowState.NativeMaximized;
- return this.internalState;
- },
- set: function (value) {
- var state = this.state;
- if (state === value)
- return;
- if ((state === WindowState.Unmanaged || WindowClass.isTileableState(state)) &&
- WindowClass.isFloatingState(value))
- this.shouldCommitFloat = true;
- else if (WindowClass.isFloatingState(state) &&
- WindowClass.isTileableState(value))
- this.floatGeometry = this.actualGeometry;
- this.internalState = value;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "surface", {
- get: function () {
- return this.window.surface;
- },
- set: function (srf) {
- this.window.surface = srf;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(WindowClass.prototype, "weight", {
- get: function () {
- var srfID = this.window.surface.id;
- var weight = this.weightMap[srfID];
- if (weight === undefined) {
- this.weightMap[srfID] = 1.0;
- return 1.0;
- }
- return weight;
- },
- set: function (value) {
- var srfID = this.window.surface.id;
- this.weightMap[srfID] = value;
- },
- enumerable: false,
- configurable: true
- });
- WindowClass.prototype.commit = function () {
- var state = this.state;
- debugObj(function () { return ["Window#commit", { state: WindowState[state] }]; });
+ commit() {
+ const state = this.state;
+ debugObj(() => ["Window#commit", { state: WindowState[state] }]);
switch (state) {
+ case WindowState.Dragging:
+ break;
case WindowState.NativeMaximized:
this.window.commit(undefined, undefined, false);
break;
@@ -1779,113 +1684,121 @@ var WindowClass = (function () {
this.shouldCommitFloat = false;
break;
}
- };
- WindowClass.prototype.forceSetGeometry = function (geometry) {
+ }
+ forceSetGeometry(geometry) {
this.window.commit(geometry);
- };
- WindowClass.prototype.visible = function (srf) {
+ }
+ visible(srf) {
return this.window.visible(srf);
- };
- WindowClass.prototype.toString = function () {
+ }
+ toString() {
return "Window(" + String(this.window) + ")";
- };
- return WindowClass;
-}());
-var WindowStore = (function () {
- function WindowStore(windows) {
+ }
+}
+class WindowStore {
+ constructor(windows) {
this.list = windows || [];
}
- WindowStore.prototype.move = function (srcWin, destWin, after) {
- var srcIdx = this.list.indexOf(srcWin);
- var destIdx = this.list.indexOf(destWin);
+ move(srcWin, destWin, after) {
+ const srcIdx = this.list.indexOf(srcWin);
+ const destIdx = this.list.indexOf(destWin);
if (srcIdx === -1 || destIdx === -1)
return;
this.list.splice(srcIdx, 1);
this.list.splice(after ? destIdx + 1 : destIdx, 0, srcWin);
- };
- WindowStore.prototype.setMaster = function (window) {
- var idx = this.list.indexOf(window);
+ }
+ moveNew(srcWin, destWin, after) {
+ const srcIdx = this.list.indexOf(srcWin);
+ const destIdx = this.list.indexOf(destWin);
+ if (srcIdx === -1 || destIdx === -1)
+ return;
+ if (srcIdx > destIdx) {
+ this.list.splice(srcIdx, 1);
+ this.list.splice(after ? destIdx + 1 : destIdx, 0, srcWin);
+ }
+ else if (destIdx > srcIdx) {
+ this.list.splice(srcIdx, 1);
+ this.list.splice(after ? destIdx : destIdx - 1, 0, srcWin);
+ }
+ }
+ getWindowById(id) {
+ let idx = this.list.map((w) => w.id).indexOf(id);
+ return idx < 0 ? null : this.list[idx];
+ }
+ setMaster(window) {
+ const idx = this.list.indexOf(window);
if (idx === -1)
return;
this.list.splice(idx, 1);
this.list.splice(0, 0, window);
- };
- WindowStore.prototype.swap = function (alpha, beta) {
- var alphaIndex = this.list.indexOf(alpha);
- var betaIndex = this.list.indexOf(beta);
+ }
+ swap(alpha, beta) {
+ const alphaIndex = this.list.indexOf(alpha);
+ const betaIndex = this.list.indexOf(beta);
if (alphaIndex < 0 || betaIndex < 0)
return;
this.list[alphaIndex] = beta;
this.list[betaIndex] = alpha;
- };
- Object.defineProperty(WindowStore.prototype, "length", {
- get: function () {
- return this.list.length;
- },
- enumerable: false,
- configurable: true
- });
- WindowStore.prototype.at = function (idx) {
+ }
+ get length() {
+ return this.list.length;
+ }
+ at(idx) {
return this.list[idx];
- };
- WindowStore.prototype.indexOf = function (window) {
+ }
+ indexOf(window) {
return this.list.indexOf(window);
- };
- WindowStore.prototype.push = function (window) {
+ }
+ push(window) {
this.list.push(window);
- };
- WindowStore.prototype.beside_first = function (window) {
+ }
+ beside_first(window) {
this.list.splice(1, 0, window);
- };
- WindowStore.prototype.remove = function (window) {
- var idx = this.list.indexOf(window);
+ }
+ remove(window) {
+ const idx = this.list.indexOf(window);
if (idx >= 0)
this.list.splice(idx, 1);
- };
- WindowStore.prototype.unshift = function (window) {
+ }
+ unshift(window) {
this.list.unshift(window);
- };
- WindowStore.prototype.getVisibleWindows = function (srf) {
- return this.list.filter(function (win) { return win.visible(srf); });
- };
- WindowStore.prototype.getVisibleTiles = function (srf) {
- return this.list.filter(function (win) { return win.tiled && win.visible(srf); });
- };
- WindowStore.prototype.getVisibleTileables = function (srf) {
- return this.list.filter(function (win) { return win.tileable && win.visible(srf); });
- };
- return WindowStore;
-}());
-var BTreeLayout = (function () {
- function BTreeLayout() {
+ }
+ getVisibleWindows(srf) {
+ return this.list.filter((win) => win.visible(srf));
+ }
+ getVisibleTiles(srf) {
+ return this.list.filter((win) => win.tiled && win.visible(srf));
+ }
+ getVisibleTileables(srf) {
+ return this.list.filter((win) => win.tileable && win.visible(srf));
+ }
+}
+class BTreeLayout {
+ get description() {
+ return "BTree";
+ }
+ constructor() {
this.classID = BTreeLayout.id;
this.parts = new HalfSplitLayoutPart(new FillLayoutPart(), new FillLayoutPart());
this.parts.angle = 0;
this.parts.gap = CONFIG.tileLayoutGap;
}
- Object.defineProperty(BTreeLayout.prototype, "description", {
- get: function () {
- return "BTree";
- },
- enumerable: false,
- configurable: true
- });
- BTreeLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.Tiled); });
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.Tiled));
this.create_parts(tileables.length);
- var rectangles = this.parts.apply(area, tileables);
- rectangles.forEach(function (geometry, i) {
+ let rectangles = this.parts.apply(area, tileables);
+ rectangles.forEach((geometry, i) => {
tileables[i].geometry = geometry;
});
- };
- BTreeLayout.prototype.create_parts = function (tiles_len) {
- var head = this.get_head();
+ }
+ create_parts(tiles_len) {
+ let head = this.get_head();
head.angle = 0;
head.gap = CONFIG.tileLayoutGap;
if (tiles_len > 2) {
- var level = Math.ceil(Math.log(tiles_len) * 1.442695);
- var level_capacity = Math.pow(2, (level - 1));
- var half_level_capacity = Math.pow(2, (level - 2));
+ let level = Math.ceil(Math.log(tiles_len) * 1.442695);
+ let level_capacity = Math.pow(2, (level - 1));
+ let half_level_capacity = Math.pow(2, (level - 2));
if (tiles_len > level_capacity + half_level_capacity) {
head.primarySize = tiles_len - level_capacity;
}
@@ -1895,11 +1808,11 @@ var BTreeLayout = (function () {
this.build_binary_tree(head, level, 2, tiles_len);
}
this.parts = head;
- };
- BTreeLayout.prototype.build_binary_tree = function (head, max_level, current_level, tiles_len) {
+ }
+ build_binary_tree(head, max_level, current_level, tiles_len) {
if (current_level <= max_level) {
if (head.primarySize > 1) {
- var primary = this.get_head();
+ let primary = this.get_head();
primary.primarySize = Math.floor(head.primarySize / 2);
primary.gap = CONFIG.tileLayoutGap;
primary.angle = current_level % 2 ? 0 : 90;
@@ -1907,7 +1820,7 @@ var BTreeLayout = (function () {
this.build_binary_tree(primary, max_level, current_level + 1, head.primarySize);
}
if (tiles_len - head.primarySize > 1) {
- var secondary = this.get_head();
+ let secondary = this.get_head();
secondary.primarySize = Math.floor((tiles_len - head.primarySize) / 2);
secondary.gap = CONFIG.tileLayoutGap;
secondary.angle = current_level % 2 ? 0 : 90;
@@ -1915,20 +1828,19 @@ var BTreeLayout = (function () {
this.build_binary_tree(secondary, max_level, current_level + 1, tiles_len - head.primarySize);
}
}
- };
- BTreeLayout.prototype.get_head = function () {
+ }
+ get_head() {
return new HalfSplitLayoutPart(new FillLayoutPart(), new FillLayoutPart());
- };
- BTreeLayout.prototype.clone = function () {
- var other = new StackedLayout();
+ }
+ clone() {
+ const other = new StackedLayout();
return other;
- };
- BTreeLayout.prototype.toString = function () {
+ }
+ toString() {
return "BTreeLayout()";
- };
- BTreeLayout.id = "BTreeLayout";
- return BTreeLayout;
-}());
+ }
+}
+BTreeLayout.id = "BTreeLayout";
var CascadeDirection;
(function (CascadeDirection) {
CascadeDirection[CascadeDirection["NorthWest"] = 0] = "NorthWest";
@@ -1940,13 +1852,8 @@ var CascadeDirection;
CascadeDirection[CascadeDirection["SouthWest"] = 6] = "SouthWest";
CascadeDirection[CascadeDirection["West"] = 7] = "West";
})(CascadeDirection || (CascadeDirection = {}));
-var CascadeLayout = (function () {
- function CascadeLayout(dir) {
- if (dir === void 0) { dir = CascadeDirection.SouthEast; }
- this.dir = dir;
- this.classID = CascadeLayout.id;
- }
- CascadeLayout.decomposeDirection = function (dir) {
+class CascadeLayout {
+ static decomposeDirection(dir) {
switch (dir) {
case CascadeDirection.NorthWest:
return [-1, -1];
@@ -1965,37 +1872,37 @@ var CascadeLayout = (function () {
case CascadeDirection.West:
return [0, -1];
}
- };
- Object.defineProperty(CascadeLayout.prototype, "description", {
- get: function () {
- return "Cascade [" + CascadeDirection[this.dir] + "]";
- },
- enumerable: false,
- configurable: true
- });
- CascadeLayout.prototype.apply = function (ctx, tileables, area) {
- var _a = CascadeLayout.decomposeDirection(this.dir), vertStep = _a[0], horzStep = _a[1];
- var stepSize = 25;
- var windowWidth = horzStep !== 0
+ }
+ get description() {
+ return "Cascade [" + CascadeDirection[this.dir] + "]";
+ }
+ constructor(dir = CascadeDirection.SouthEast) {
+ this.dir = dir;
+ this.classID = CascadeLayout.id;
+ }
+ apply(ctx, tileables, area) {
+ const [vertStep, horzStep] = CascadeLayout.decomposeDirection(this.dir);
+ const stepSize = 25;
+ const windowWidth = horzStep !== 0
? area.width - stepSize * (tileables.length - 1)
: area.width;
- var windowHeight = vertStep !== 0
+ const windowHeight = vertStep !== 0
? area.height - stepSize * (tileables.length - 1)
: area.height;
- var baseX = horzStep >= 0 ? area.x : area.maxX - windowWidth;
- var baseY = vertStep >= 0 ? area.y : area.maxY - windowHeight;
- var x = baseX, y = baseY;
- tileables.forEach(function (tile) {
+ const baseX = horzStep >= 0 ? area.x : area.maxX - windowWidth;
+ const baseY = vertStep >= 0 ? area.y : area.maxY - windowHeight;
+ let x = baseX, y = baseY;
+ tileables.forEach((tile) => {
tile.state = WindowState.Tiled;
tile.geometry = new Rect(x, y, windowWidth, windowHeight);
x += horzStep * stepSize;
y += vertStep * stepSize;
});
- };
- CascadeLayout.prototype.clone = function () {
+ }
+ clone() {
return new CascadeLayout(this.dir);
- };
- CascadeLayout.prototype.handleShortcut = function (ctx, input, data) {
+ }
+ handleShortcut(ctx, input, data) {
switch (input) {
case Shortcut.Increase:
this.dir = (this.dir + 1 + 8) % 8;
@@ -2009,46 +1916,444 @@ var CascadeLayout = (function () {
return false;
}
return true;
- };
- CascadeLayout.id = "CascadeLayout";
- return CascadeLayout;
-}());
-var FloatingLayout = (function () {
- function FloatingLayout() {
+ }
+}
+CascadeLayout.id = "CascadeLayout";
+class ColumnLayout {
+ get description() {
+ return "Column";
+ }
+ toString() {
+ let s = `ColumnLayout${this.windowIds.size}:`;
+ this.windowIds.forEach((id) => (s = s + id + ","));
+ return s;
+ }
+ constructor() {
+ this.classID = ColumnLayout.id;
+ this.position = "single";
+ this.weight = 1.0;
+ this.parts = new RotateLayoutPart(new StackLayoutPart());
+ this.parts.inner.gap = CONFIG.tileLayoutGap;
+ this.windowIds = new Set();
+ this.renderedWindowsIds = [];
+ this.renderedWindowsRects = [];
+ }
+ set isHorizontal(value) {
+ if (value)
+ this.parts.angle = 270;
+ else
+ this.parts.angle = 0;
+ }
+ apply(ctx, tileables, area) {
+ this.renderedWindowsIds = [];
+ let columnTileables = tileables.filter((w) => {
+ if (this.windowIds.has(w.id)) {
+ this.renderedWindowsIds.push(w.id);
+ return true;
+ }
+ });
+ this.renderedWindowsRects = [];
+ this.parts.apply(area, columnTileables).forEach((geometry, i) => {
+ columnTileables[i].geometry = geometry;
+ this.renderedWindowsRects.push(geometry);
+ });
+ }
+ getUpperWindowId(id) {
+ let winId = this.renderedWindowsIds.indexOf(id);
+ if (winId < 1)
+ return null;
+ return this.renderedWindowsIds[winId - 1];
+ }
+ getLowerWindowId(id) {
+ let winId = this.renderedWindowsIds.indexOf(id);
+ if (winId < 0 || winId === this.renderedWindowsIds.length - 1)
+ return null;
+ return this.renderedWindowsIds[winId + 1];
+ }
+ adjust(area, tiles, basis, delta) {
+ let columnTiles = tiles.filter((t) => this.windowIds.has(t.id));
+ this.parts.adjust(area, columnTiles, basis, delta);
+ }
+ actualizeWindowIds(ids) {
+ this.windowIds = new Set([...this.windowIds].filter((id) => ids.has(id)));
+ }
+}
+ColumnLayout.id = "Column";
+class ColumnsLayout {
+ get description() {
+ return "Columns";
+ }
+ constructor() {
+ this.classID = ColumnsLayout.id;
+ this.parts = [new ColumnLayout()];
+ this.direction = new windRose(CONFIG.columnsLayoutInitialAngle);
+ }
+ adjust(area, tiles, basis, delta) {
+ let columnId = this.getColumnId(basis);
+ if (columnId === null)
+ return;
+ let isReverse = this.direction.east || this.direction.south;
+ let columnsLength = this.parts.length;
+ if (((this.direction.east || this.direction.west) &&
+ (delta.east !== 0 || delta.west !== 0)) ||
+ ((this.direction.north || this.direction.south) &&
+ (delta.north !== 0 || delta.south !== 0))) {
+ let oldWeights;
+ if (isReverse) {
+ oldWeights = this.parts
+ .slice(0)
+ .reverse()
+ .map((column) => column.weight);
+ }
+ else {
+ oldWeights = this.parts.map((column) => column.weight);
+ }
+ const weights = LayoutUtils.adjustAreaWeights(area, oldWeights, CONFIG.tileLayoutGap, isReverse ? columnsLength - 1 - columnId : columnId, delta, this.direction.east || this.direction.west);
+ weights.forEach((weight, i) => {
+ this.parts[isReverse ? columnsLength - 1 - i : i].weight =
+ weight * columnsLength;
+ });
+ }
+ if (((delta.north !== 0 || delta.south !== 0) &&
+ (this.direction.east || this.direction.west)) ||
+ ((delta.east !== 0 || delta.west !== 0) &&
+ (this.direction.north || this.direction.south))) {
+ this.parts[columnId].adjust(area, tiles, basis, delta);
+ }
+ }
+ apply(ctx, tileables, area) {
+ print(`columnsApply: ${this.direction}`);
+ this.arrangeTileables(tileables);
+ let weights;
+ if (this.direction.east || this.direction.south) {
+ weights = this.parts
+ .slice(0)
+ .reverse()
+ .map((tile) => tile.weight);
+ }
+ else {
+ weights = this.parts.map((tile) => tile.weight);
+ }
+ const rects = LayoutUtils.splitAreaWeighted(area, weights, CONFIG.tileLayoutGap, this.direction.east || this.direction.west);
+ if (this.direction.east || this.direction.south) {
+ let i = 0;
+ for (var idx = this.parts.length - 1; idx >= 0; idx--) {
+ this.parts[idx].isHorizontal = this.direction.south;
+ this.parts[idx].apply(ctx, tileables, rects[i]);
+ i++;
+ }
+ }
+ else {
+ for (var idx = 0; idx < this.parts.length; idx++) {
+ this.parts[idx].isHorizontal = this.direction.north;
+ this.parts[idx].apply(ctx, tileables, rects[idx]);
+ }
+ }
+ }
+ drag(ctx, activationPoint, window, workingArea) {
+ if (this.parts.length === 1 && this.parts[0].windowIds.size === 1)
+ return false;
+ let columnId = this.getColumnId(window);
+ let windowId = window.id;
+ if (((this.direction.north && workingArea.isTopZone(activationPoint)) ||
+ (this.direction.south && workingArea.isBottomZone(activationPoint)) ||
+ (this.direction.west && workingArea.isLeftZone(activationPoint)) ||
+ (this.direction.east && workingArea.isRightZone(activationPoint))) &&
+ !(this.parts[0].windowIds.size === 1 &&
+ this.parts[0].windowIds.has(windowId))) {
+ if (columnId !== null)
+ this.parts[columnId].windowIds.delete(windowId);
+ this.insertColumn(0);
+ this.parts[0].windowIds.add(windowId);
+ return true;
+ }
+ if (((this.direction.north && workingArea.isBottomZone(activationPoint)) ||
+ (this.direction.south && workingArea.isTopZone(activationPoint)) ||
+ (this.direction.west && workingArea.isRightZone(activationPoint)) ||
+ (this.direction.east && workingArea.isLeftZone(activationPoint))) &&
+ !(this.parts[this.parts.length - 1].windowIds.size === 1 &&
+ this.parts[this.parts.length - 1].windowIds.has(windowId))) {
+ if (columnId !== null)
+ this.parts[columnId].windowIds.delete(windowId);
+ this.insertColumn(this.parts.length);
+ this.parts[this.parts.length - 1].windowIds.add(windowId);
+ return true;
+ }
+ for (let colIdx = 0; colIdx < this.parts.length; colIdx++) {
+ const column = this.parts[colIdx];
+ for (let i = 0; i < column.renderedWindowsRects.length; i++) {
+ const renderedRect = column.renderedWindowsRects[i];
+ if ((this.direction.west &&
+ renderedRect.includesPoint(activationPoint, 0)) ||
+ (this.direction.north &&
+ renderedRect.includesPoint(activationPoint, 2)) ||
+ (this.direction.east &&
+ renderedRect.includesPoint(activationPoint, 0)) ||
+ (this.direction.south &&
+ renderedRect.includesPoint(activationPoint, 2))) {
+ if (column.renderedWindowsIds[i] === windowId)
+ return false;
+ if (i > 0 && column.renderedWindowsIds[i - 1] === windowId)
+ return false;
+ const renderedId = column.renderedWindowsIds[i];
+ if (columnId !== null && columnId !== colIdx)
+ this.parts[columnId].windowIds.delete(windowId);
+ column.windowIds.add(windowId);
+ ctx.moveWindowByWinId(window, renderedId);
+ return true;
+ }
+ if ((this.direction.west &&
+ renderedRect.includesPoint(activationPoint, 1)) ||
+ (this.direction.north &&
+ renderedRect.includesPoint(activationPoint, 3)) ||
+ (this.direction.east &&
+ renderedRect.includesPoint(activationPoint, 1)) ||
+ (this.direction.south &&
+ renderedRect.includesPoint(activationPoint, 3))) {
+ if (column.renderedWindowsIds[i] === windowId)
+ return false;
+ if (i < column.renderedWindowsIds.length - 1 &&
+ column.renderedWindowsIds[i + 1] === windowId)
+ return false;
+ const renderedId = column.renderedWindowsIds[i];
+ if (columnId !== null && columnId !== colIdx)
+ this.parts[columnId].windowIds.delete(windowId);
+ column.windowIds.add(windowId);
+ ctx.moveWindowByWinId(window, renderedId, true);
+ return true;
+ }
+ }
+ }
+ return false;
+ }
+ arrangeTileables(tileables) {
+ let latestTimestamp = 0;
+ let columnId = null;
+ let newWindows = new Set();
+ let tileableIds = new Set();
+ let currentColumnId = 0;
+ tileables.forEach((tileable) => {
+ tileable.state = WindowState.Tiled;
+ columnId = this.getColumnId(tileable);
+ if (columnId !== null) {
+ if (tileable.timestamp > latestTimestamp) {
+ latestTimestamp = tileable.timestamp;
+ currentColumnId = columnId;
+ }
+ }
+ else {
+ newWindows.add(tileable.id);
+ }
+ tileableIds.add(tileable.id);
+ });
+ this.parts[currentColumnId].windowIds = new Set([
+ ...this.parts[currentColumnId].windowIds,
+ ...newWindows,
+ ]);
+ this.parts.forEach((column) => {
+ column.actualizeWindowIds(tileableIds);
+ });
+ this.parts = this.parts.filter((column) => column.windowIds.size !== 0);
+ if (this.parts.length === 0)
+ this.parts.push(new ColumnLayout());
+ this.applyColumnsPosition();
+ }
+ getColumnId(t) {
+ for (var i = 0; i < this.parts.length; i++) {
+ if (this.parts[i].windowIds.has(t.id))
+ return i;
+ }
+ return null;
+ }
+ getCurrentWinId(ctx) {
+ return ctx.currentWindow === null ? null : ctx.currentWindow.id;
+ }
+ getCurrentColumnIdx(currentWindowId) {
+ if (currentWindowId !== null) {
+ for (const [i, column] of this.parts.entries()) {
+ if (column.windowIds.has(currentWindowId))
+ return i;
+ }
+ }
+ return null;
+ }
+ applyColumnsPosition() {
+ const length = this.parts.length;
+ if (length === 1) {
+ this.parts[0].position = "single";
+ }
+ else if (length > 1) {
+ this.parts[0].position = "left";
+ this.parts[length - 1].position = "right";
+ for (let i = 1; i < length - 1; i++) {
+ this.parts[i].position = "middle";
+ }
+ }
+ }
+ toColumnWithBiggerIndex(ctx) {
+ let currentWindowId = this.getCurrentWinId(ctx);
+ let activeColumnId = this.getCurrentColumnIdx(currentWindowId);
+ if (currentWindowId === null ||
+ activeColumnId === null ||
+ (this.parts[activeColumnId].windowIds.size < 2 &&
+ (this.parts[activeColumnId].position === "right" ||
+ this.parts[activeColumnId].position === "single")))
+ return;
+ if (this.parts[activeColumnId].position === "single" ||
+ this.parts[activeColumnId].position === "right") {
+ this.insertColumn(this.parts.length);
+ }
+ this.parts[activeColumnId].windowIds.delete(currentWindowId);
+ this.parts[activeColumnId + 1].windowIds.add(currentWindowId);
+ }
+ toColumnWithSmallerIndex(ctx) {
+ let currentWindowId = this.getCurrentWinId(ctx);
+ let activeColumnId = this.getCurrentColumnIdx(currentWindowId);
+ if (currentWindowId === null ||
+ activeColumnId === null ||
+ (this.parts[activeColumnId].windowIds.size < 2 &&
+ (this.parts[activeColumnId].position === "left" ||
+ this.parts[activeColumnId].position === "single")))
+ return;
+ if (this.parts[activeColumnId].position === "single" ||
+ this.parts[activeColumnId].position === "left") {
+ this.insertColumn(0);
+ this.parts[1].windowIds.delete(currentWindowId);
+ this.parts[0].windowIds.add(currentWindowId);
+ }
+ else {
+ this.parts[activeColumnId].windowIds.delete(currentWindowId);
+ this.parts[activeColumnId - 1].windowIds.add(currentWindowId);
+ }
+ }
+ toUpOrLeft(ctx) {
+ let currentWindow = ctx.currentWindow;
+ let currentWindowId = currentWindow !== null ? currentWindow.id : null;
+ let activeColumnId = this.getCurrentColumnIdx(currentWindowId);
+ if (currentWindow === null ||
+ currentWindowId === null ||
+ activeColumnId === null ||
+ this.parts[activeColumnId].windowIds.size < 2)
+ return;
+ let upperWinId = this.parts[activeColumnId].getUpperWindowId(currentWindowId);
+ if (upperWinId === null)
+ return;
+ ctx.moveWindowByWinId(currentWindow, upperWinId);
+ }
+ toBottomOrRight(ctx) {
+ let currentWindow = ctx.currentWindow;
+ let currentWindowId = currentWindow !== null ? currentWindow.id : null;
+ let activeColumnId = this.getCurrentColumnIdx(currentWindowId);
+ if (currentWindow === null ||
+ currentWindowId === null ||
+ activeColumnId === null ||
+ this.parts[activeColumnId].windowIds.size < 2)
+ return;
+ let lowerWinId = this.parts[activeColumnId].getLowerWindowId(currentWindowId);
+ if (lowerWinId === null)
+ return;
+ ctx.moveWindowByWinId(currentWindow, lowerWinId, true);
+ }
+ handleShortcut(ctx, input) {
+ switch (input) {
+ case Shortcut.SwapLeft:
+ if (this.direction.north || this.direction.south) {
+ this.toUpOrLeft(ctx);
+ }
+ else if (this.direction.east) {
+ this.toColumnWithBiggerIndex(ctx);
+ }
+ else
+ this.toColumnWithSmallerIndex(ctx);
+ break;
+ case Shortcut.SwapRight:
+ if (this.direction.north || this.direction.south) {
+ this.toBottomOrRight(ctx);
+ }
+ else if (this.direction.east) {
+ this.toColumnWithSmallerIndex(ctx);
+ }
+ else
+ this.toColumnWithBiggerIndex(ctx);
+ break;
+ case Shortcut.SwapUp:
+ if (this.direction.north) {
+ this.toColumnWithSmallerIndex(ctx);
+ }
+ else if (this.direction.south) {
+ this.toColumnWithBiggerIndex(ctx);
+ }
+ else
+ this.toUpOrLeft(ctx);
+ break;
+ case Shortcut.SwapDown:
+ if (this.direction.north) {
+ this.toColumnWithBiggerIndex(ctx);
+ }
+ else if (this.direction.south) {
+ print("hello");
+ this.toColumnWithSmallerIndex(ctx);
+ }
+ else
+ this.toBottomOrRight(ctx);
+ break;
+ case Shortcut.Rotate:
+ this.direction.cwRotation();
+ print(`cwRotation: north:${this.direction.north},east:${this.direction.east},south:${this.direction.south},west:${this.direction.west}`);
+ break;
+ case Shortcut.RotatePart:
+ this.direction.ccwRotation();
+ print(`ccwRotation: north:${this.direction.north},east:${this.direction.east},south:${this.direction.south},west:${this.direction.west}`);
+ break;
+ default:
+ return false;
+ }
+ return true;
+ }
+ insertColumn(index) {
+ this.parts.splice(index, 0, new ColumnLayout());
+ this.applyColumnsPosition();
+ }
+}
+ColumnsLayout.id = "Columns";
+class FloatingLayout {
+ constructor() {
this.classID = FloatingLayout.id;
this.description = "Floating";
}
- FloatingLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.TiledAfloat); });
- };
- FloatingLayout.prototype.clone = function () {
- return this;
- };
- FloatingLayout.prototype.toString = function () {
- return "FloatingLayout()";
- };
- FloatingLayout.id = "FloatingLayout ";
- FloatingLayout.instance = new FloatingLayout();
- return FloatingLayout;
-}());
-var FillLayoutPart = (function () {
- function FillLayoutPart() {
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.TiledAfloat));
}
- FillLayoutPart.prototype.adjust = function (area, tiles, basis, delta) {
+ clone() {
+ return this;
+ }
+ toString() {
+ return "FloatingLayout()";
+ }
+}
+FloatingLayout.id = "FloatingLayout ";
+FloatingLayout.instance = new FloatingLayout();
+class FillLayoutPart {
+ adjust(area, tiles, basis, delta) {
return delta;
- };
- FillLayoutPart.prototype.apply = function (area, tiles) {
- return tiles.map(function (tile) {
+ }
+ apply(area, tiles) {
+ return tiles.map((tile) => {
return area;
});
- };
- FillLayoutPart.prototype.toString = function () {
- return "FillLayoutPart";
- };
- return FillLayoutPart;
-}());
-var HalfSplitLayoutPart = (function () {
- function HalfSplitLayoutPart(primary, secondary) {
+ }
+ toString() {
+ return `FillLayoutPart`;
+ }
+}
+class HalfSplitLayoutPart {
+ get horizontal() {
+ return this.angle === 0 || this.angle === 180;
+ }
+ get reversed() {
+ return this.angle === 180 || this.angle === 270;
+ }
+ constructor(primary, secondary) {
this.primary = primary;
this.secondary = secondary;
this.angle = 0;
@@ -2056,22 +2361,8 @@ var HalfSplitLayoutPart = (function () {
this.primarySize = 1;
this.ratio = 0.5;
}
- Object.defineProperty(HalfSplitLayoutPart.prototype, "horizontal", {
- get: function () {
- return this.angle === 0 || this.angle === 180;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(HalfSplitLayoutPart.prototype, "reversed", {
- get: function () {
- return this.angle === 180 || this.angle === 270;
- },
- enumerable: false,
- configurable: true
- });
- HalfSplitLayoutPart.prototype.adjust = function (area, tiles, basis, delta) {
- var basisIndex = tiles.indexOf(basis);
+ adjust(area, tiles, basis, delta) {
+ const basisIndex = tiles.indexOf(basis);
if (basisIndex < 0)
return delta;
if (tiles.length <= this.primarySize) {
@@ -2081,7 +2372,7 @@ var HalfSplitLayoutPart = (function () {
return this.secondary.adjust(area, tiles, basis, delta);
}
else {
- var targetIndex = basisIndex < this.primarySize ? 0 : 1;
+ const targetIndex = basisIndex < this.primarySize ? 0 : 1;
if (targetIndex === 0) {
delta = this.primary.adjust(area, tiles.slice(0, this.primarySize), basis, delta);
}
@@ -2107,11 +2398,11 @@ var HalfSplitLayoutPart = (function () {
}
return delta;
}
- };
- HalfSplitLayoutPart.prototype.toString = function () {
- return ">>");
- };
- HalfSplitLayoutPart.prototype.apply = function (area, tiles) {
+ }
+ toString() {
+ return `>>`;
+ }
+ apply(area, tiles) {
if (tiles.length <= this.primarySize) {
return this.primary.apply(area, tiles);
}
@@ -2119,41 +2410,38 @@ var HalfSplitLayoutPart = (function () {
return this.secondary.apply(area, tiles);
}
else {
- var reversed = this.reversed;
- var ratio = reversed ? 1 - this.ratio : this.ratio;
- var _a = LayoutUtils.splitAreaHalfWeighted(area, ratio, this.gap, this.horizontal), area1 = _a[0], area2 = _a[1];
- var result1 = this.primary.apply(reversed ? area2 : area1, tiles.slice(0, this.primarySize));
- var result2 = this.secondary.apply(reversed ? area1 : area2, tiles.slice(this.primarySize));
+ const reversed = this.reversed;
+ const ratio = reversed ? 1 - this.ratio : this.ratio;
+ const [area1, area2] = LayoutUtils.splitAreaHalfWeighted(area, ratio, this.gap, this.horizontal);
+ const result1 = this.primary.apply(reversed ? area2 : area1, tiles.slice(0, this.primarySize));
+ const result2 = this.secondary.apply(reversed ? area1 : area2, tiles.slice(this.primarySize));
return result1.concat(result2);
}
- };
- return HalfSplitLayoutPart;
-}());
-var StackLayoutPart = (function () {
- function StackLayoutPart() {
+ }
+}
+class StackLayoutPart {
+ constructor() {
this.gap = 0;
}
- StackLayoutPart.prototype.adjust = function (area, tiles, basis, delta) {
- var weights = LayoutUtils.adjustAreaWeights(area, tiles.map(function (tile) { return tile.weight; }), CONFIG.tileLayoutGap, tiles.indexOf(basis), delta, false);
- weights.forEach(function (weight, i) {
+ adjust(area, tiles, basis, delta) {
+ const weights = LayoutUtils.adjustAreaWeights(area, tiles.map((tile) => tile.weight), CONFIG.tileLayoutGap, tiles.indexOf(basis), delta, false);
+ weights.forEach((weight, i) => {
tiles[i].weight = weight * tiles.length;
});
- var idx = tiles.indexOf(basis);
+ const idx = tiles.indexOf(basis);
return new RectDelta(delta.east, delta.west, idx === tiles.length - 1 ? delta.south : 0, idx === 0 ? delta.north : 0);
- };
- StackLayoutPart.prototype.apply = function (area, tiles) {
- var weights = tiles.map(function (tile) { return tile.weight; });
+ }
+ apply(area, tiles) {
+ const weights = tiles.map((tile) => tile.weight);
return LayoutUtils.splitAreaWeighted(area, weights, this.gap);
- };
- return StackLayoutPart;
-}());
-var RotateLayoutPart = (function () {
- function RotateLayoutPart(inner, angle) {
- if (angle === void 0) { angle = 0; }
+ }
+}
+class RotateLayoutPart {
+ constructor(inner, angle = 0) {
this.inner = inner;
this.angle = angle;
}
- RotateLayoutPart.prototype.adjust = function (area, tiles, basis, delta) {
+ adjust(area, tiles, basis, delta) {
switch (this.angle) {
case 0:
break;
@@ -2185,8 +2473,8 @@ var RotateLayoutPart = (function () {
break;
}
return delta;
- };
- RotateLayoutPart.prototype.apply = function (area, tiles) {
+ }
+ apply(area, tiles) {
switch (this.angle) {
case 0:
break;
@@ -2199,133 +2487,118 @@ var RotateLayoutPart = (function () {
area = new Rect(area.y, area.x, area.height, area.width);
break;
}
- var innerResult = this.inner.apply(area, tiles);
+ const innerResult = this.inner.apply(area, tiles);
switch (this.angle) {
case 0:
return innerResult;
case 90:
- return innerResult.map(function (g) { return new Rect(g.y, g.x, g.height, g.width); });
+ return innerResult.map((g) => new Rect(g.y, g.x, g.height, g.width));
case 180:
- return innerResult.map(function (g) {
- var rx = g.x - area.x;
- var newX = area.x + area.width - (rx + g.width);
+ return innerResult.map((g) => {
+ const rx = g.x - area.x;
+ const newX = area.x + area.width - (rx + g.width);
return new Rect(newX, g.y, g.width, g.height);
});
case 270:
- return innerResult.map(function (g) {
- var rx = g.x - area.x;
- var newY = area.x + area.width - (rx + g.width);
+ return innerResult.map((g) => {
+ const rx = g.x - area.x;
+ const newY = area.x + area.width - (rx + g.width);
return new Rect(g.y, newY, g.height, g.width);
});
}
- };
- RotateLayoutPart.prototype.rotate = function (amount) {
- var angle = this.angle + amount;
+ }
+ rotate(amount) {
+ let angle = this.angle + amount;
if (angle < 0)
angle = 270;
else if (angle >= 360)
angle = 0;
this.angle = angle;
- };
- return RotateLayoutPart;
-}());
-var LayoutUtils = (function () {
- function LayoutUtils() {
}
- LayoutUtils.splitWeighted = function (_a, weights, gap) {
- var begin = _a[0], length = _a[1];
+}
+class LayoutUtils {
+ static splitWeighted([begin, length], weights, gap) {
gap = gap !== undefined ? gap : 0;
- var n = weights.length;
- var actualLength = length - (n - 1) * gap;
- var weightSum = weights.reduce(function (sum, weight) { return sum + weight; }, 0);
- var weightAcc = 0;
- return weights.map(function (weight, i) {
- var partBegin = (actualLength * weightAcc) / weightSum + i * gap;
- var partLength = (actualLength * weight) / weightSum;
+ const n = weights.length;
+ const actualLength = length - (n - 1) * gap;
+ const weightSum = weights.reduce((sum, weight) => sum + weight, 0);
+ let weightAcc = 0;
+ return weights.map((weight, i) => {
+ const partBegin = (actualLength * weightAcc) / weightSum + i * gap;
+ const partLength = (actualLength * weight) / weightSum;
weightAcc += weight;
return [begin + Math.floor(partBegin), Math.floor(partLength)];
});
- };
- LayoutUtils.splitAreaWeighted = function (area, weights, gap, horizontal) {
+ }
+ static splitAreaWeighted(area, weights, gap, horizontal) {
gap = gap !== undefined ? gap : 0;
horizontal = horizontal !== undefined ? horizontal : false;
- var line = horizontal
+ const line = horizontal
? [area.x, area.width]
: [area.y, area.height];
- var parts = LayoutUtils.splitWeighted(line, weights, gap);
- return parts.map(function (_a) {
- var begin = _a[0], length = _a[1];
- return horizontal
- ? new Rect(begin, area.y, length, area.height)
- : new Rect(area.x, begin, area.width, length);
- });
- };
- LayoutUtils.splitAreaHalfWeighted = function (area, weight, gap, horizontal) {
+ const parts = LayoutUtils.splitWeighted(line, weights, gap);
+ return parts.map(([begin, length]) => horizontal
+ ? new Rect(begin, area.y, length, area.height)
+ : new Rect(area.x, begin, area.width, length));
+ }
+ static splitAreaHalfWeighted(area, weight, gap, horizontal) {
return LayoutUtils.splitAreaWeighted(area, [weight, 1 - weight], gap, horizontal);
- };
- LayoutUtils.adjustWeights = function (_a, weights, gap, target, deltaFw, deltaBw) {
- var begin = _a[0], length = _a[1];
- var minLength = 1;
- var parts = this.splitWeighted([begin, length], weights, gap);
- var _b = parts[target], targetBase = _b[0], targetLength = _b[1];
+ }
+ static adjustWeights([begin, length], weights, gap, target, deltaFw, deltaBw) {
+ const minLength = 1;
+ const parts = this.splitWeighted([begin, length], weights, gap);
+ const [targetBase, targetLength] = parts[target];
if (target > 0 && deltaBw !== 0) {
- var neighbor = target - 1;
- var _c = parts[neighbor], neighborBase = _c[0], neighborLength = _c[1];
- var delta = clip(deltaBw, minLength - targetLength, neighborLength - minLength);
+ const neighbor = target - 1;
+ const [neighborBase, neighborLength] = parts[neighbor];
+ const delta = clip(deltaBw, minLength - targetLength, neighborLength - minLength);
parts[target] = [targetBase - delta, targetLength + delta];
parts[neighbor] = [neighborBase, neighborLength - delta];
}
if (target < parts.length - 1 && deltaFw !== 0) {
- var neighbor = target + 1;
- var _d = parts[neighbor], neighborBase = _d[0], neighborLength = _d[1];
- var delta = clip(deltaFw, minLength - targetLength, neighborLength - minLength);
+ const neighbor = target + 1;
+ const [neighborBase, neighborLength] = parts[neighbor];
+ const delta = clip(deltaFw, minLength - targetLength, neighborLength - minLength);
parts[target] = [targetBase, targetLength + delta];
parts[neighbor] = [neighborBase + delta, neighborLength - delta];
}
return LayoutUtils.calculateWeights(parts);
- };
- LayoutUtils.adjustAreaWeights = function (area, weights, gap, target, delta, horizontal) {
- var line = horizontal
+ }
+ static adjustAreaWeights(area, weights, gap, target, delta, horizontal) {
+ const line = horizontal
? [area.x, area.width]
: [area.y, area.height];
- var _a = horizontal
+ const [deltaFw, deltaBw] = horizontal
? [delta.east, delta.west]
- : [delta.south, delta.north], deltaFw = _a[0], deltaBw = _a[1];
+ : [delta.south, delta.north];
return LayoutUtils.adjustWeights(line, weights, gap, target, deltaFw, deltaBw);
- };
- LayoutUtils.adjustAreaHalfWeights = function (area, weight, gap, target, delta, horizontal) {
- var weights = [weight, 1 - weight];
- var newWeights = LayoutUtils.adjustAreaWeights(area, weights, gap, target, delta, horizontal);
+ }
+ static adjustAreaHalfWeights(area, weight, gap, target, delta, horizontal) {
+ const weights = [weight, 1 - weight];
+ const newWeights = LayoutUtils.adjustAreaWeights(area, weights, gap, target, delta, horizontal);
return newWeights[0];
- };
- LayoutUtils.calculateWeights = function (parts) {
- var totalLength = parts.reduce(function (acc, _a) {
- var base = _a[0], length = _a[1];
- return acc + length;
- }, 0);
- return parts.map(function (_a) {
- var base = _a[0], length = _a[1];
- return length / totalLength;
- });
- };
- LayoutUtils.calculateAreaWeights = function (area, geometries, gap, horizontal) {
+ }
+ static calculateWeights(parts) {
+ const totalLength = parts.reduce((acc, [base, length]) => acc + length, 0);
+ return parts.map(([base, length]) => length / totalLength);
+ }
+ static calculateAreaWeights(area, geometries, gap, horizontal) {
gap = gap !== undefined ? gap : 0;
horizontal = horizontal !== undefined ? horizontal : false;
- var line = horizontal ? area.width : area.height;
- var parts = horizontal
- ? geometries.map(function (geometry) { return [geometry.x, geometry.width]; })
- : geometries.map(function (geometry) { return [geometry.y, geometry.height]; });
+ const line = horizontal ? area.width : area.height;
+ const parts = horizontal
+ ? geometries.map((geometry) => [geometry.x, geometry.width])
+ : geometries.map((geometry) => [geometry.y, geometry.height]);
return LayoutUtils.calculateWeights(parts);
- };
- return LayoutUtils;
-}());
-var MonocleLayout = (function () {
- function MonocleLayout() {
+ }
+}
+class MonocleLayout {
+ constructor() {
this.description = "Monocle";
this.classID = MonocleLayout.id;
}
- MonocleLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tile) {
+ apply(ctx, tileables, area) {
+ tileables.forEach((tile) => {
tile.state = CONFIG.monocleMaximize
? WindowState.Maximized
: WindowState.Tiled;
@@ -2333,22 +2606,22 @@ var MonocleLayout = (function () {
});
if (ctx.backend === KWinDriver.backendName &&
KWINCONFIG.monocleMinimizeRest) {
- var tiles_1 = __spreadArray([], tileables, true);
- ctx.setTimeout(function () {
- var current = ctx.currentWindow;
+ const tiles = [...tileables];
+ ctx.setTimeout(() => {
+ const current = ctx.currentWindow;
if (current && current.tiled) {
- tiles_1.forEach(function (window) {
+ tiles.forEach((window) => {
if (window !== current)
window.window.window.minimized = true;
});
}
}, 50);
}
- };
- MonocleLayout.prototype.clone = function () {
+ }
+ clone() {
return this;
- };
- MonocleLayout.prototype.handleShortcut = function (ctx, input, data) {
+ }
+ handleShortcut(ctx, input, data) {
switch (input) {
case Shortcut.DWMLeft:
case Shortcut.FocusNext:
@@ -2365,32 +2638,27 @@ var MonocleLayout = (function () {
default:
return false;
}
- };
- MonocleLayout.prototype.toString = function () {
+ }
+ toString() {
return "MonocleLayout()";
- };
- MonocleLayout.id = "MonocleLayout";
- return MonocleLayout;
-}());
-var QuarterLayout = (function () {
- function QuarterLayout() {
+ }
+}
+MonocleLayout.id = "MonocleLayout";
+class QuarterLayout {
+ get capacity() {
+ return 4;
+ }
+ constructor() {
this.classID = QuarterLayout.id;
this.description = "Quarter";
this.lhsplit = 0.5;
this.rhsplit = 0.5;
this.vsplit = 0.5;
}
- Object.defineProperty(QuarterLayout.prototype, "capacity", {
- get: function () {
- return 4;
- },
- enumerable: false,
- configurable: true
- });
- QuarterLayout.prototype.adjust = function (area, tiles, basis, delta) {
+ adjust(area, tiles, basis, delta) {
if (tiles.length <= 1 || tiles.length > 4)
return;
- var idx = tiles.indexOf(basis);
+ const idx = tiles.indexOf(basis);
if (idx < 0)
return;
if ((idx === 0 || idx === 3) && delta.east !== 0)
@@ -2418,63 +2686,62 @@ var QuarterLayout = (function () {
this.vsplit = clip(this.vsplit, 1 - QuarterLayout.MAX_PROPORTION, QuarterLayout.MAX_PROPORTION);
this.lhsplit = clip(this.lhsplit, 1 - QuarterLayout.MAX_PROPORTION, QuarterLayout.MAX_PROPORTION);
this.rhsplit = clip(this.rhsplit, 1 - QuarterLayout.MAX_PROPORTION, QuarterLayout.MAX_PROPORTION);
- };
- QuarterLayout.prototype.clone = function () {
- var other = new QuarterLayout();
+ }
+ clone() {
+ const other = new QuarterLayout();
other.lhsplit = this.lhsplit;
other.rhsplit = this.rhsplit;
other.vsplit = this.vsplit;
return other;
- };
- QuarterLayout.prototype.apply = function (ctx, tileables, area) {
- for (var i = 0; i < 4 && i < tileables.length; i++)
+ }
+ apply(ctx, tileables, area) {
+ for (let i = 0; i < 4 && i < tileables.length; i++)
tileables[i].state = WindowState.Tiled;
if (tileables.length > 4)
tileables
.slice(4)
- .forEach(function (tile) { return (tile.state = WindowState.TiledAfloat); });
+ .forEach((tile) => (tile.state = WindowState.TiledAfloat));
if (tileables.length === 1) {
tileables[0].geometry = area;
return;
}
- var gap1 = Math.floor(CONFIG.tileLayoutGap / 2);
- var gap2 = CONFIG.tileLayoutGap - gap1;
- var leftWidth = Math.floor(area.width * this.vsplit);
- var rightWidth = area.width - leftWidth;
- var rightX = area.x + leftWidth;
+ const gap1 = Math.floor(CONFIG.tileLayoutGap / 2);
+ const gap2 = CONFIG.tileLayoutGap - gap1;
+ const leftWidth = Math.floor(area.width * this.vsplit);
+ const rightWidth = area.width - leftWidth;
+ const rightX = area.x + leftWidth;
if (tileables.length === 2) {
tileables[0].geometry = new Rect(area.x, area.y, leftWidth, area.height).gap(0, gap1, 0, 0);
tileables[1].geometry = new Rect(rightX, area.y, rightWidth, area.height).gap(gap2, 0, 0, 0);
return;
}
- var rightTopHeight = Math.floor(area.height * this.rhsplit);
- var rightBottomHeight = area.height - rightTopHeight;
- var rightBottomY = area.y + rightTopHeight;
+ const rightTopHeight = Math.floor(area.height * this.rhsplit);
+ const rightBottomHeight = area.height - rightTopHeight;
+ const rightBottomY = area.y + rightTopHeight;
if (tileables.length === 3) {
tileables[0].geometry = new Rect(area.x, area.y, leftWidth, area.height).gap(0, gap1, 0, 0);
tileables[1].geometry = new Rect(rightX, area.y, rightWidth, rightTopHeight).gap(gap2, 0, 0, gap1);
tileables[2].geometry = new Rect(rightX, rightBottomY, rightWidth, rightBottomHeight).gap(gap2, 0, gap2, 0);
return;
}
- var leftTopHeight = Math.floor(area.height * this.lhsplit);
- var leftBottomHeight = area.height - leftTopHeight;
- var leftBottomY = area.y + leftTopHeight;
+ const leftTopHeight = Math.floor(area.height * this.lhsplit);
+ const leftBottomHeight = area.height - leftTopHeight;
+ const leftBottomY = area.y + leftTopHeight;
if (tileables.length >= 4) {
tileables[0].geometry = new Rect(area.x, area.y, leftWidth, leftTopHeight).gap(0, gap1, 0, gap1);
tileables[1].geometry = new Rect(rightX, area.y, rightWidth, rightTopHeight).gap(gap2, 0, 0, gap1);
tileables[2].geometry = new Rect(rightX, rightBottomY, rightWidth, rightBottomHeight).gap(gap2, 0, gap2, 0);
tileables[3].geometry = new Rect(area.x, leftBottomY, leftWidth, leftBottomHeight).gap(0, gap2, gap2, 0);
}
- };
- QuarterLayout.prototype.toString = function () {
+ }
+ toString() {
return "QuarterLayout()";
- };
- QuarterLayout.MAX_PROPORTION = 0.8;
- QuarterLayout.id = "QuarterLayout";
- return QuarterLayout;
-}());
-var SpiralLayout = (function () {
- function SpiralLayout() {
+ }
+}
+QuarterLayout.MAX_PROPORTION = 0.8;
+QuarterLayout.id = "QuarterLayout";
+class SpiralLayout {
+ constructor() {
this.description = "Spiral";
this.classID = SpiralLayout.id;
this.depth = 1;
@@ -2482,81 +2749,67 @@ var SpiralLayout = (function () {
this.parts.angle = 0;
this.parts.gap = CONFIG.tileLayoutGap;
}
- SpiralLayout.prototype.adjust = function (area, tiles, basis, delta) {
+ adjust(area, tiles, basis, delta) {
this.parts.adjust(area, tiles, basis, delta);
- };
- SpiralLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.Tiled); });
+ }
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.Tiled));
this.bore(tileables.length);
- this.parts.apply(area, tileables).forEach(function (geometry, i) {
+ this.parts.apply(area, tileables).forEach((geometry, i) => {
tileables[i].geometry = geometry;
});
- };
- SpiralLayout.prototype.toString = function () {
+ }
+ toString() {
return "Spiral()";
- };
- SpiralLayout.prototype.bore = function (depth) {
+ }
+ bore(depth) {
if (this.depth >= depth)
return;
- var hpart = this.parts;
- var i;
+ let hpart = this.parts;
+ let i;
for (i = 0; i < this.depth - 1; i++) {
hpart = hpart.secondary;
}
- var lastFillPart = hpart.secondary;
- var npart;
+ const lastFillPart = hpart.secondary;
+ let npart;
while (i < depth - 1) {
npart = new HalfSplitLayoutPart(new FillLayoutPart(), lastFillPart);
npart.gap = CONFIG.tileLayoutGap;
- switch ((i + 1) % 4) {
- case 0:
- npart.angle = 0;
- break;
- case 1:
- npart.angle = 90;
- break;
- case 2:
- npart.angle = 180;
- break;
- case 3:
- npart.angle = 270;
- break;
- }
+ npart.angle = (((i + 1) % 4) * 90);
hpart.secondary = npart;
hpart = npart;
i++;
}
this.depth = depth;
- };
- SpiralLayout.id = "SpiralLayout";
- return SpiralLayout;
-}());
-var SpreadLayout = (function () {
- function SpreadLayout() {
+ }
+}
+SpiralLayout.id = "SpiralLayout";
+class SpreadLayout {
+ constructor() {
this.classID = SpreadLayout.id;
this.description = "Spread";
this.space = 0.07;
}
- SpreadLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.Tiled); });
- var tiles = tileables;
- var numTiles = tiles.length;
- var spaceWidth = Math.floor(area.width * this.space);
- var cardWidth = area.width - spaceWidth * (numTiles - 1);
- var miniumCardWidth = area.width * 0.4;
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.Tiled));
+ const tiles = tileables;
+ let numTiles = tiles.length;
+ const spaceWidth = Math.floor(area.width * this.space);
+ let cardWidth = area.width - spaceWidth * (numTiles - 1);
+ const miniumCardWidth = area.width * 0.4;
while (cardWidth < miniumCardWidth) {
cardWidth += spaceWidth;
numTiles -= 1;
}
- for (var i = 0; i < tiles.length; i++)
+ for (let i = 0; i < tiles.length; i++)
tiles[i].geometry = new Rect(area.x + (i < numTiles ? spaceWidth * (numTiles - i - 1) : 0), area.y, cardWidth, area.height);
- };
- SpreadLayout.prototype.clone = function () {
- var other = new SpreadLayout();
+ }
+ clone() {
+ const other = new SpreadLayout();
other.space = this.space;
return other;
- };
- SpreadLayout.prototype.handleShortcut = function (ctx, input) {
+ }
+ handleShortcut(ctx, input) {
switch (input) {
case Shortcut.Decrease:
this.space = Math.max(0.04, this.space - 0.01);
@@ -2568,46 +2821,41 @@ var SpreadLayout = (function () {
return false;
}
return true;
- };
- SpreadLayout.prototype.toString = function () {
+ }
+ toString() {
return "SpreadLayout(" + this.space + ")";
- };
- SpreadLayout.id = "SpreadLayout";
- return SpreadLayout;
-}());
-var StackedLayout = (function () {
- function StackedLayout() {
+ }
+}
+SpreadLayout.id = "SpreadLayout";
+class StackedLayout {
+ get description() {
+ return "Stacked";
+ }
+ constructor() {
this.classID = StackedLayout.id;
this.parts = new RotateLayoutPart(new HalfSplitLayoutPart(new StackLayoutPart(), new StackLayoutPart()));
- var masterPart = this.parts.inner;
+ const masterPart = this.parts.inner;
masterPart.gap =
masterPart.secondary.gap =
CONFIG.tileLayoutGap;
}
- Object.defineProperty(StackedLayout.prototype, "description", {
- get: function () {
- return "Stacked";
- },
- enumerable: false,
- configurable: true
- });
- StackedLayout.prototype.adjust = function (area, tiles, basis, delta) {
+ adjust(area, tiles, basis, delta) {
this.parts.adjust(area, tiles, basis, delta);
- };
- StackedLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.Tiled); });
+ }
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.Tiled));
if (tileables.length > 1) {
this.parts.inner.angle = 90;
}
- this.parts.apply(area, tileables).forEach(function (geometry, i) {
+ this.parts.apply(area, tileables).forEach((geometry, i) => {
tileables[i].geometry = geometry;
});
- };
- StackedLayout.prototype.clone = function () {
- var other = new StackedLayout();
+ }
+ clone() {
+ const other = new StackedLayout();
return other;
- };
- StackedLayout.prototype.handleShortcut = function (ctx, input) {
+ }
+ handleShortcut(ctx, input) {
switch (input) {
case Shortcut.Rotate:
this.parts.rotate(90);
@@ -2616,37 +2864,36 @@ var StackedLayout = (function () {
return false;
}
return true;
- };
- StackedLayout.prototype.toString = function () {
+ }
+ toString() {
return ("StackedLayout()");
- };
- StackedLayout.id = "StackedLayout";
- return StackedLayout;
-}());
-var StairLayout = (function () {
- function StairLayout() {
+ }
+}
+StackedLayout.id = "StackedLayout";
+class StairLayout {
+ constructor() {
this.classID = StairLayout.id;
this.description = "Stair";
this.space = 24;
}
- StairLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.Tiled); });
- var tiles = tileables;
- var len = tiles.length;
- var space = this.space;
- var alignRight = Number(!KWINCONFIG.stairReverse);
- for (var i = 0; i < len; i++) {
- var dx = space * (len - i - 1);
- var dy = space * i;
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.Tiled));
+ const tiles = tileables;
+ const len = tiles.length;
+ const space = this.space;
+ const alignRight = Number(!KWINCONFIG.stairReverse);
+ for (let i = 0; i < len; i++) {
+ const dx = space * (len - i - 1);
+ const dy = space * i;
tiles[i].geometry = new Rect(area.x + alignRight * dx, area.y + dy, area.width - dx, area.height - dy);
}
- };
- StairLayout.prototype.clone = function () {
- var other = new StairLayout();
+ }
+ clone() {
+ const other = new StairLayout();
other.space = this.space;
return other;
- };
- StairLayout.prototype.handleShortcut = function (ctx, input) {
+ }
+ handleShortcut(ctx, input) {
switch (input) {
case Shortcut.Decrease:
this.space = Math.max(16, this.space - 8);
@@ -2658,98 +2905,91 @@ var StairLayout = (function () {
return false;
}
return true;
- };
- StairLayout.prototype.toString = function () {
+ }
+ toString() {
return "StairLayout(" + this.space + ")";
- };
- StairLayout.id = "StairLayout";
- return StairLayout;
-}());
-var ThreeColumnLayout = (function () {
- function ThreeColumnLayout() {
+ }
+}
+StairLayout.id = "StairLayout";
+class ThreeColumnLayout {
+ get description() {
+ return "Three-Column [" + this.masterSize + "]";
+ }
+ constructor() {
this.classID = ThreeColumnLayout.id;
this.masterRatio = 0.6;
this.masterSize = 1;
}
- Object.defineProperty(ThreeColumnLayout.prototype, "description", {
- get: function () {
- return "Three-Column [" + this.masterSize + "]";
- },
- enumerable: false,
- configurable: true
- });
- ThreeColumnLayout.prototype.adjust = function (area, tiles, basis, delta) {
- var basisIndex = tiles.indexOf(basis);
+ adjust(area, tiles, basis, delta) {
+ const basisIndex = tiles.indexOf(basis);
if (basisIndex < 0)
return;
if (tiles.length === 0)
return;
else if (tiles.length <= this.masterSize) {
- LayoutUtils.adjustAreaWeights(area, tiles.map(function (tile) { return tile.weight; }), CONFIG.tileLayoutGap, tiles.indexOf(basis), delta).forEach(function (newWeight, i) { return (tiles[i].weight = newWeight * tiles.length); });
+ LayoutUtils.adjustAreaWeights(area, tiles.map((tile) => tile.weight), CONFIG.tileLayoutGap, tiles.indexOf(basis), delta).forEach((newWeight, i) => (tiles[i].weight = newWeight * tiles.length));
}
else if (tiles.length === this.masterSize + 1) {
this.masterRatio = LayoutUtils.adjustAreaHalfWeights(area, this.masterRatio, CONFIG.tileLayoutGap, basisIndex < this.masterSize ? 0 : 1, delta, true);
if (basisIndex < this.masterSize) {
- var masterTiles_1 = tiles.slice(0, -1);
- LayoutUtils.adjustAreaWeights(area, masterTiles_1.map(function (tile) { return tile.weight; }), CONFIG.tileLayoutGap, basisIndex, delta).forEach(function (newWeight, i) {
- return (masterTiles_1[i].weight = newWeight * masterTiles_1.length);
- });
+ const masterTiles = tiles.slice(0, -1);
+ LayoutUtils.adjustAreaWeights(area, masterTiles.map((tile) => tile.weight), CONFIG.tileLayoutGap, basisIndex, delta).forEach((newWeight, i) => (masterTiles[i].weight = newWeight * masterTiles.length));
}
}
else if (tiles.length > this.masterSize + 1) {
- var basisGroup = void 0;
+ let basisGroup;
if (basisIndex < this.masterSize)
basisGroup = 1;
else if (basisIndex < Math.floor((this.masterSize + tiles.length) / 2))
basisGroup = 2;
else
basisGroup = 0;
- var stackRatio = 1 - this.masterRatio;
- var newRatios = LayoutUtils.adjustAreaWeights(area, [stackRatio, this.masterRatio, stackRatio], CONFIG.tileLayoutGap, basisGroup, delta, true);
- var newMasterRatio = newRatios[1];
- var newStackRatio = basisGroup === 0 ? newRatios[0] : newRatios[2];
+ const stackRatio = 1 - this.masterRatio;
+ const newRatios = LayoutUtils.adjustAreaWeights(area, [stackRatio, this.masterRatio, stackRatio], CONFIG.tileLayoutGap, basisGroup, delta, true);
+ const newMasterRatio = newRatios[1];
+ const newStackRatio = basisGroup === 0 ? newRatios[0] : newRatios[2];
this.masterRatio = newMasterRatio / (newMasterRatio + newStackRatio);
- var rstackNumTile = Math.floor((tiles.length - this.masterSize) / 2);
- var _a = partitionArrayBySizes(tiles, [
+ const rstackNumTile = Math.floor((tiles.length - this.masterSize) / 2);
+ const [masterTiles, rstackTiles, lstackTiles] = partitionArrayBySizes(tiles, [
this.masterSize,
rstackNumTile,
- ]), masterTiles = _a[0], rstackTiles = _a[1], lstackTiles = _a[2];
- var groupTiles_1 = [lstackTiles, masterTiles, rstackTiles][basisGroup];
- LayoutUtils.adjustAreaWeights(area, groupTiles_1.map(function (tile) { return tile.weight; }), CONFIG.tileLayoutGap, groupTiles_1.indexOf(basis), delta).forEach(function (newWeight, i) { return (groupTiles_1[i].weight = newWeight * groupTiles_1.length); });
+ ]);
+ const groupTiles = [lstackTiles, masterTiles, rstackTiles][basisGroup];
+ LayoutUtils.adjustAreaWeights(area, groupTiles.map((tile) => tile.weight), CONFIG.tileLayoutGap, groupTiles.indexOf(basis), delta).forEach((newWeight, i) => (groupTiles[i].weight = newWeight * groupTiles.length));
}
- };
- ThreeColumnLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.Tiled); });
- var tiles = tileables;
+ }
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.Tiled));
+ const tiles = tileables;
if (tiles.length <= this.masterSize) {
- LayoutUtils.splitAreaWeighted(area, tiles.map(function (tile) { return tile.weight; }), CONFIG.tileLayoutGap).forEach(function (tileArea, i) { return (tiles[i].geometry = tileArea); });
+ LayoutUtils.splitAreaWeighted(area, tiles.map((tile) => tile.weight), CONFIG.tileLayoutGap).forEach((tileArea, i) => (tiles[i].geometry = tileArea));
}
else if (tiles.length === this.masterSize + 1) {
- var _a = LayoutUtils.splitAreaHalfWeighted(area, this.masterRatio, CONFIG.tileLayoutGap, true), masterArea = _a[0], stackArea = _a[1];
- var masterTiles_2 = tiles.slice(0, this.masterSize);
- LayoutUtils.splitAreaWeighted(masterArea, masterTiles_2.map(function (tile) { return tile.weight; }), CONFIG.tileLayoutGap).forEach(function (tileArea, i) { return (masterTiles_2[i].geometry = tileArea); });
+ const [masterArea, stackArea] = LayoutUtils.splitAreaHalfWeighted(area, this.masterRatio, CONFIG.tileLayoutGap, true);
+ const masterTiles = tiles.slice(0, this.masterSize);
+ LayoutUtils.splitAreaWeighted(masterArea, masterTiles.map((tile) => tile.weight), CONFIG.tileLayoutGap).forEach((tileArea, i) => (masterTiles[i].geometry = tileArea));
tiles[tiles.length - 1].geometry = stackArea;
}
else if (tiles.length > this.masterSize + 1) {
- var stackRatio = 1 - this.masterRatio;
- var groupAreas_1 = LayoutUtils.splitAreaWeighted(area, [stackRatio, this.masterRatio, stackRatio], CONFIG.tileLayoutGap, true);
- var rstackSize = Math.floor((tiles.length - this.masterSize) / 2);
- var _b = partitionArrayBySizes(tiles, [
+ const stackRatio = 1 - this.masterRatio;
+ const groupAreas = LayoutUtils.splitAreaWeighted(area, [stackRatio, this.masterRatio, stackRatio], CONFIG.tileLayoutGap, true);
+ const rstackSize = Math.floor((tiles.length - this.masterSize) / 2);
+ const [masterTiles, rstackTiles, lstackTiles] = partitionArrayBySizes(tiles, [
this.masterSize,
rstackSize,
- ]), masterTiles = _b[0], rstackTiles = _b[1], lstackTiles = _b[2];
- [lstackTiles, masterTiles, rstackTiles].forEach(function (groupTiles, group) {
- LayoutUtils.splitAreaWeighted(groupAreas_1[group], groupTiles.map(function (tile) { return tile.weight; }), CONFIG.tileLayoutGap).forEach(function (tileArea, i) { return (groupTiles[i].geometry = tileArea); });
+ ]);
+ [lstackTiles, masterTiles, rstackTiles].forEach((groupTiles, group) => {
+ LayoutUtils.splitAreaWeighted(groupAreas[group], groupTiles.map((tile) => tile.weight), CONFIG.tileLayoutGap).forEach((tileArea, i) => (groupTiles[i].geometry = tileArea));
});
}
- };
- ThreeColumnLayout.prototype.clone = function () {
- var other = new ThreeColumnLayout();
+ }
+ clone() {
+ const other = new ThreeColumnLayout();
other.masterRatio = this.masterRatio;
other.masterSize = this.masterSize;
return other;
- };
- ThreeColumnLayout.prototype.handleShortcut = function (ctx, input, data) {
+ }
+ handleShortcut(ctx, input, data) {
switch (input) {
case Shortcut.Increase:
this.resizeMaster(ctx, +1);
@@ -2766,72 +3006,73 @@ var ThreeColumnLayout = (function () {
default:
return false;
}
- };
- ThreeColumnLayout.prototype.toString = function () {
+ }
+ toString() {
return "ThreeColumnLayout(nmaster=" + this.masterSize + ")";
- };
- ThreeColumnLayout.prototype.resizeMaster = function (ctx, step) {
+ }
+ resizeMaster(ctx, step) {
this.masterSize = clip(this.masterSize + step, 1, 10);
ctx.showNotification(this.description);
- };
- ThreeColumnLayout.MIN_MASTER_RATIO = 0.2;
- ThreeColumnLayout.MAX_MASTER_RATIO = 0.75;
- ThreeColumnLayout.id = "ThreeColumnLayout";
- return ThreeColumnLayout;
-}());
-var TileLayout = (function () {
- function TileLayout() {
+ }
+}
+ThreeColumnLayout.MIN_MASTER_RATIO = 0.2;
+ThreeColumnLayout.MAX_MASTER_RATIO = 0.75;
+ThreeColumnLayout.id = "ThreeColumnLayout";
+class TileLayout {
+ get description() {
+ return "Tile [" + this.numMaster + "]";
+ }
+ get numMaster() {
+ return this.parts.inner.primarySize;
+ }
+ set numMaster(value) {
+ this.parts.inner.primarySize = value;
+ }
+ get masterRatio() {
+ return this.parts.inner.ratio;
+ }
+ set masterRatio(value) {
+ this.parts.inner.ratio = value;
+ }
+ constructor() {
this.classID = TileLayout.id;
this.parts = new RotateLayoutPart(new HalfSplitLayoutPart(new RotateLayoutPart(new StackLayoutPart()), new StackLayoutPart()));
- var masterPart = this.parts.inner;
+ switch (CONFIG.tileLayoutInitialAngle) {
+ case "1": {
+ this.parts.angle = 90;
+ break;
+ }
+ case "2": {
+ this.parts.angle = 180;
+ break;
+ }
+ case "3": {
+ this.parts.angle = 270;
+ break;
+ }
+ }
+ const masterPart = this.parts.inner;
masterPart.gap =
masterPart.primary.inner.gap =
masterPart.secondary.gap =
CONFIG.tileLayoutGap;
}
- Object.defineProperty(TileLayout.prototype, "description", {
- get: function () {
- return "Tile [" + this.numMaster + "]";
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(TileLayout.prototype, "numMaster", {
- get: function () {
- return this.parts.inner.primarySize;
- },
- set: function (value) {
- this.parts.inner.primarySize = value;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(TileLayout.prototype, "masterRatio", {
- get: function () {
- return this.parts.inner.ratio;
- },
- set: function (value) {
- this.parts.inner.ratio = value;
- },
- enumerable: false,
- configurable: true
- });
- TileLayout.prototype.adjust = function (area, tiles, basis, delta) {
+ adjust(area, tiles, basis, delta) {
this.parts.adjust(area, tiles, basis, delta);
- };
- TileLayout.prototype.apply = function (ctx, tileables, area) {
- tileables.forEach(function (tileable) { return (tileable.state = WindowState.Tiled); });
- this.parts.apply(area, tileables).forEach(function (geometry, i) {
+ }
+ apply(ctx, tileables, area) {
+ tileables.forEach((tileable) => (tileable.state = WindowState.Tiled));
+ this.parts.apply(area, tileables).forEach((geometry, i) => {
tileables[i].geometry = geometry;
});
- };
- TileLayout.prototype.clone = function () {
- var other = new TileLayout();
+ }
+ clone() {
+ const other = new TileLayout();
other.masterRatio = this.masterRatio;
other.numMaster = this.numMaster;
return other;
- };
- TileLayout.prototype.handleShortcut = function (ctx, input) {
+ }
+ handleShortcut(ctx, input) {
switch (input) {
case Shortcut.DWMLeft:
this.masterRatio = clip(slide(this.masterRatio, -0.05), TileLayout.MIN_MASTER_RATIO, TileLayout.MAX_MASTER_RATIO);
@@ -2859,35 +3100,34 @@ var TileLayout = (function () {
return false;
}
return true;
- };
- TileLayout.prototype.toString = function () {
+ }
+ toString() {
return ("TileLayout(nmaster=" +
this.numMaster +
", ratio=" +
this.masterRatio +
")");
- };
- TileLayout.MIN_MASTER_RATIO = 0.2;
- TileLayout.MAX_MASTER_RATIO = 0.8;
- TileLayout.id = "TileLayout";
- return TileLayout;
-}());
-var DEBUG = {
+ }
+}
+TileLayout.MIN_MASTER_RATIO = 0.2;
+TileLayout.MAX_MASTER_RATIO = 0.8;
+TileLayout.id = "TileLayout";
+const DEBUG = {
enabled: false,
started: new Date().getTime(),
};
function debug(f) {
if (DEBUG.enabled) {
- var timestamp = (new Date().getTime() - DEBUG.started) / 1000;
+ const timestamp = (new Date().getTime() - DEBUG.started) / 1000;
console.log("[" + timestamp + "]", f());
}
}
function debugObj(f) {
if (DEBUG.enabled) {
- var timestamp = (new Date().getTime() - DEBUG.started) / 1000;
- var _a = f(), name = _a[0], obj = _a[1];
- var buf = [];
- for (var i in obj)
+ const timestamp = (new Date().getTime() - DEBUG.started) / 1000;
+ const [name, obj] = f();
+ const buf = [];
+ for (const i in obj)
buf.push(i + "=" + obj[i]);
console.log("[" + timestamp + "]", name + ": " + buf.join(" "));
}
@@ -2905,7 +3145,7 @@ function slide(value, step) {
return Math.floor(value / step + 1.000001) * step;
}
function matchWords(str, words) {
- for (var i = 0; i < words.length; i++) {
+ for (let i = 0; i < words.length; i++) {
if (str.indexOf(words[i]) >= 0)
return i;
}
@@ -2919,15 +3159,15 @@ function wrapIndex(index, length) {
return index;
}
function partitionArray(array, predicate) {
- return array.reduce(function (parts, item, index) {
+ return array.reduce((parts, item, index) => {
parts[predicate(item, index) ? 0 : 1].push(item);
return parts;
}, [[], []]);
}
function partitionArrayBySizes(array, sizes) {
- var base = 0;
- var chunks = sizes.map(function (size) {
- var chunk = array.slice(base, base + size);
+ let base = 0;
+ const chunks = sizes.map((size) => {
+ const chunk = array.slice(base, base + size);
base += size;
return chunk;
});
@@ -2935,9 +3175,9 @@ function partitionArrayBySizes(array, sizes) {
return chunks;
}
function overlap(min1, max1, min2, max2) {
- var min = Math.min;
- var max = Math.max;
- var dx = max(0, min(max1, max2) - max(min1, min2));
+ const min = Math.min;
+ const max = Math.max;
+ const dx = max(0, min(max1, max2) - max(min1, min2));
return dx > 0;
}
function toQRect(rect) {
@@ -2946,86 +3186,123 @@ function toQRect(rect) {
function toRect(qrect) {
return new Rect(qrect.x, qrect.y, qrect.width, qrect.height);
}
-var Rect = (function () {
- function Rect(x, y, width, height) {
+class Rect {
+ constructor(x, y, width, height) {
this.x = x;
this.y = y;
this.width = width;
this.height = height;
}
- Object.defineProperty(Rect.prototype, "maxX", {
- get: function () {
- return this.x + this.width;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(Rect.prototype, "maxY", {
- get: function () {
- return this.y + this.height;
- },
- enumerable: false,
- configurable: true
- });
- Object.defineProperty(Rect.prototype, "center", {
- get: function () {
- return [
- this.x + Math.floor(this.width / 2),
- this.y + Math.floor(this.height / 2),
- ];
- },
- enumerable: false,
- configurable: true
- });
- Rect.prototype.clone = function () {
+ get maxX() {
+ return this.x + this.width;
+ }
+ get maxY() {
+ return this.y + this.height;
+ }
+ get center() {
+ return [
+ this.x + Math.floor(this.width / 2),
+ this.y + Math.floor(this.height / 2),
+ ];
+ }
+ get activationPoint() {
+ return [this.x + Math.floor(this.width / 2), this.y + 10];
+ }
+ clone() {
return new Rect(this.x, this.y, this.width, this.height);
- };
- Rect.prototype.equals = function (other) {
+ }
+ equals(other) {
return (this.x === other.x &&
this.y === other.y &&
this.width === other.width &&
this.height === other.height);
- };
- Rect.prototype.gap = function (left, right, top, bottom) {
+ }
+ gap(left, right, top, bottom) {
return new Rect(this.x + left, this.y + top, this.width - (left + right), this.height - (top + bottom));
- };
- Rect.prototype.gap_mut = function (left, right, top, bottom) {
+ }
+ gap_mut(left, right, top, bottom) {
this.x += left;
this.y += top;
this.width -= left + right;
this.height -= top + bottom;
return this;
- };
- Rect.prototype.includes = function (other) {
+ }
+ includes(other) {
return (this.x <= other.x &&
this.y <= other.y &&
other.maxX < this.maxX &&
other.maxY < this.maxY);
- };
- Rect.prototype.includesPoint = function (_a) {
- var x = _a[0], y = _a[1];
- return this.x <= x && x <= this.maxX && this.y <= y && y <= this.maxY;
- };
- Rect.prototype.subtract = function (other) {
+ }
+ includesPoint([x, y], part = 4) {
+ if (part === 0)
+ return (this.x <= x &&
+ x <= this.maxX &&
+ this.y <= y &&
+ y <= this.y + this.height / 2);
+ else if (part === 1)
+ return (this.x <= x &&
+ x <= this.maxX &&
+ y > this.y + this.height / 2 &&
+ y <= this.maxY);
+ else if (part === 2) {
+ return (this.y <= y &&
+ y <= this.maxY &&
+ this.x <= x &&
+ x <= this.x + this.height / 2);
+ }
+ else if (part === 3) {
+ return (this.y <= y &&
+ y <= this.maxY &&
+ x > this.x + this.width / 2 &&
+ x <= this.maxX);
+ }
+ else {
+ return this.x <= x && x <= this.maxX && this.y <= y && y <= this.maxY;
+ }
+ }
+ isTopZone([x, y], activeZone = 10) {
+ return (this.y <= y &&
+ y <= this.y + (this.height * activeZone) / 100 &&
+ this.x <= x &&
+ x <= this.maxX);
+ }
+ isBottomZone([x, y], activeZone = 10) {
+ return (y >= this.maxY - (this.height * activeZone) / 100 &&
+ y <= this.maxY &&
+ this.x <= x &&
+ x <= this.maxX);
+ }
+ isLeftZone([x, y], activeZone = 10) {
+ return (this.x <= x &&
+ x <= this.x + (this.width * activeZone) / 100 &&
+ this.y <= y &&
+ y <= this.maxY);
+ }
+ isRightZone([x, y], activeZone = 10) {
+ return (x >= this.maxX - (this.width * activeZone) / 100 &&
+ x <= this.maxX &&
+ this.y <= y &&
+ y <= this.maxY);
+ }
+ subtract(other) {
return new Rect(this.x - other.x, this.y - other.y, this.width - other.width, this.height - other.height);
- };
- Rect.prototype.toString = function () {
+ }
+ toString() {
return "Rect(" + [this.x, this.y, this.width, this.height].join(", ") + ")";
- };
- return Rect;
-}());
-var RectDelta = (function () {
- function RectDelta(east, west, south, north) {
+ }
+}
+class RectDelta {
+ static fromRects(basis, target) {
+ const diff = target.subtract(basis);
+ return new RectDelta(diff.width + diff.x, -diff.x, diff.height + diff.y, -diff.y);
+ }
+ constructor(east, west, south, north) {
this.east = east;
this.west = west;
this.south = south;
this.north = north;
}
- RectDelta.fromRects = function (basis, target) {
- var diff = target.subtract(basis);
- return new RectDelta(diff.width + diff.x, -diff.x, diff.height + diff.y, -diff.y);
- };
- RectDelta.prototype.toString = function () {
+ toString() {
return ("WindowResizeDelta(" +
[
"east=" + this.east,
@@ -3034,36 +3311,91 @@ var RectDelta = (function () {
"south=" + this.south,
].join(" ") +
")");
- };
- return RectDelta;
-}());
-var WrapperMap = (function () {
- function WrapperMap(hasher, wrapper) {
+ }
+}
+class windRose {
+ constructor(direction) {
+ switch (direction) {
+ case "0":
+ this.direction = 0;
+ break;
+ case "1":
+ this.direction = 1;
+ break;
+ case "2":
+ this.direction = 2;
+ break;
+ case "3":
+ this.direction = 3;
+ break;
+ default:
+ this.direction = 0;
+ }
+ }
+ get north() {
+ return this.direction === 0;
+ }
+ get east() {
+ return this.direction === 1;
+ }
+ get south() {
+ return this.direction === 2;
+ }
+ get west() {
+ return this.direction === 3;
+ }
+ cwRotation() {
+ this.direction = (this.direction + 1) % 4;
+ }
+ ccwRotation() {
+ this.direction = this.direction - 1 >= 0 ? this.direction - 1 : 3;
+ }
+ toString() {
+ switch (this.direction) {
+ case 0: {
+ return "North";
+ }
+ case 1: {
+ return "East";
+ }
+ case 2: {
+ return "South";
+ }
+ case 3: {
+ return "West";
+ }
+ default: {
+ return "Unknown";
+ }
+ }
+ }
+}
+class WrapperMap {
+ constructor(hasher, wrapper) {
this.hasher = hasher;
this.wrapper = wrapper;
this.items = {};
}
- WrapperMap.prototype.add = function (item) {
- var key = this.hasher(item);
+ add(item) {
+ const key = this.hasher(item);
if (this.items[key] !== undefined)
throw "WrapperMap: the key [" + key + "] already exists!";
- var wrapped = this.wrapper(item);
+ const wrapped = this.wrapper(item);
this.items[key] = wrapped;
return wrapped;
- };
- WrapperMap.prototype.get = function (item) {
- var key = this.hasher(item);
+ }
+ get(item) {
+ const key = this.hasher(item);
return this.items[key] || null;
- };
- WrapperMap.prototype.getByKey = function (key) {
+ }
+ getByKey(key) {
return this.items[key] || null;
- };
- WrapperMap.prototype.remove = function (item) {
- var key = this.hasher(item);
+ }
+ remove(item) {
+ const key = this.hasher(item);
return delete this.items[key];
- };
- WrapperMap.prototype.length = function () {
+ }
+ length() {
return Object.keys(this.items).length;
- };
- return WrapperMap;
-}());
+ }
+}
diff --git a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/config/main.xml b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/config/main.xml
index 14177272..703b90f6 100644
--- a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/config/main.xml
+++ b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/config/main.xml
@@ -20,6 +20,10 @@
true
+
+
+ 0
+
@@ -56,6 +60,15 @@
false
+
+
+ true
+
+
+
+ 0
+
+
false
@@ -78,7 +91,7 @@
- krunner,yakuake,spectacle,kded5,xwaylandvideobridge,plasmashell,ksplashqml
+ krunner,yakuake,spectacle,kded5,xwaylandvideobridge,plasmashell,ksplashqml,org.kde.plasmashell,org.kde.polkit-kde-authentication-agent-1,org.kde.kruler
@@ -87,7 +100,11 @@
-
+
+
+
+
+
diff --git a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/config.ui b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/config.ui
index 9fa28f00..64941598 100644
--- a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/config.ui
+++ b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/config.ui
@@ -23,7 +23,7 @@
-
- 4
+ 0
@@ -78,6 +78,79 @@
+ -
+
+
+ 20
+
+
+ 20
+
+
-
+
+
+
+
+
+
-
+
+
-
+
+
+ Initial rotation angle
+
+
+
+ -
+
+
+
+ 70
+ 0
+
+
+
-
+
+ 0
+
+
+ -
+
+ 90
+
+
+ -
+
+ 180
+
+
+ -
+
+ 270
+
+
+
+
+
+
+ -
+
+
+ Qt::Orientation::Horizontal
+
+
+
+ 40
+ 20
+
+
+
+
+
+
+
+
+
-
@@ -161,6 +234,89 @@
+ -
+
+
+ Enable Columns layout
+
+
+ Columns Layout
+
+
+
+ -
+
+
+ 20
+
+
+ 20
+
+
-
+
+
+
+
+
+
-
+
+
-
+
+
+ Initial rotation angle
+
+
+
+ -
+
+
+
+ 70
+ 0
+
+
+
-
+
+ 0
+
+
+ -
+
+ 90
+
+
+ -
+
+ 180
+
+
+ -
+
+ 270
+
+
+
+
+
+
+ -
+
+
+ Qt::Orientation::Horizontal
+
+
+
+ 40
+ 20
+
+
+
+
+
+
+
+
+
-
@@ -230,7 +386,7 @@
-
- Qt::Vertical
+ Qt::Orientation::Vertical
@@ -280,7 +436,7 @@
Top
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -297,7 +453,7 @@
Bottom
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -307,7 +463,7 @@
Left
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -317,7 +473,7 @@
Right
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -381,7 +537,7 @@
-
- Qt::Vertical
+ Qt::Orientation::Vertical
@@ -431,7 +587,6 @@
- 50
false
@@ -443,7 +598,6 @@
- 50
false
false
true
@@ -453,7 +607,7 @@
Up
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -467,7 +621,6 @@
- 75
true
@@ -489,7 +642,6 @@
- 75
true
@@ -505,7 +657,6 @@
- 50
false
false
true
@@ -515,7 +666,7 @@
Left
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -525,7 +676,7 @@
Focus Next
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -533,7 +684,6 @@
- 50
false
false
true
@@ -543,7 +693,7 @@
Down
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -551,7 +701,6 @@
- 50
false
false
true
@@ -561,7 +710,7 @@
Right
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -571,7 +720,7 @@
Focus Prev
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -581,7 +730,7 @@
Adjust Layout
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -591,7 +740,7 @@
Adjust Layout
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -601,7 +750,7 @@
Focus Up
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -611,7 +760,7 @@
Focus Down
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -621,7 +770,7 @@
Focus Left
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -631,7 +780,7 @@
Focus Right
- Qt::AlignCenter
+ Qt::AlignmentFlag::AlignCenter
@@ -644,7 +793,7 @@
Position of the New Window
- -
+
-
@@ -675,7 +824,7 @@
-
- Qt::Vertical
+ Qt::Orientation::Vertical
@@ -824,6 +973,20 @@
+ -
+
+
+ On Virtual Desktop
+
+
+
+ -
+
+
+ Comma-separated list of Virtual Desktops names. Windows corresponding to these will not be tiled.
+
+
+
@@ -853,7 +1016,7 @@
-
- Qt::Vertical
+ Qt::Orientation::Vertical
@@ -931,10 +1094,10 @@
-
- Qt::Vertical
+ Qt::Orientation::Vertical
- QSizePolicy::Maximum
+ QSizePolicy::Policy::Maximum
@@ -967,7 +1130,7 @@
-
- Qt::Vertical
+ Qt::Orientation::Vertical
diff --git a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/shortcuts.qml b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/shortcuts.qml
index c2e64647..643a3470 100644
--- a/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/shortcuts.qml
+++ b/roles/config/files/.local/share/kwin/scripts/krohnkite/contents/ui/shortcuts.qml
@@ -182,7 +182,7 @@ Item {
id: floatAll;
name: "KrohnkiteFloatAll";
- text: "Krohnkite: Float All";
+ text: "Krohnkite: Toggle Float All";
sequence: "Meta+Shift+F";
}
function getNextLayout() {
@@ -335,4 +335,14 @@ Item {
text: "Krohnkite: Spiral Layout";
sequence: "";
}
+ function getColumnsLayout() {
+ return columnsLayout;
+ }
+ ShortcutHandler {
+ id: columnsLayout;
+
+ name: "KrohnkiteColumnsLayout";
+ text: "Krohnkite: Columns Layout";
+ sequence: "";
+ }
}
diff --git a/roles/config/files/.local/share/kwin/scripts/krohnkite/metadata.json b/roles/config/files/.local/share/kwin/scripts/krohnkite/metadata.json
index 551ac127..9a2786ee 100644
--- a/roles/config/files/.local/share/kwin/scripts/krohnkite/metadata.json
+++ b/roles/config/files/.local/share/kwin/scripts/krohnkite/metadata.json
@@ -2,7 +2,7 @@
"KPackageStructure": "KWin/Script",
"KPlugin": {
"Name": "Krohnkite",
- "Description": "A dynamic tiling script for KWin (f234659)",
+ "Description": "A dynamic tiling script for KWin (96a3502)",
"Icon": "dialog-tile-clones",
"Authors": [
@@ -12,7 +12,7 @@
}
],
"Id": "krohnkite",
- "Version": "0.9.7",
+ "Version": "0.9.8.2",
"License": "MIT",
"Website": "https://github.com/anametologin/krohnkite#readme"
},
diff --git a/roles/config/files/.local/share/kxmlgui5/kmail2/kmmainwin.rc b/roles/config/files/.local/share/kxmlgui5/kmail2/kmmainwin.rc
new file mode 100644
index 00000000..99600692
--- /dev/null
+++ b/roles/config/files/.local/share/kxmlgui5/kmail2/kmmainwin.rc
@@ -0,0 +1,364 @@
+
+
+
+
+
+
+ &Edit
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &View
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &Go
+
+
+
+
+
+
+
+
+
+
+
+
+
+ F&older
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Apply Filters on Folder
+
+
+
+
+ Apply Filters on Folder and all its Subfolders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &Message
+
+
+
+
+
+
+
+ Reply Special
+
+
+
+
+
+
+
+
+ &Forward
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A&pply Filter
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &Tools
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &Settings
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &Help
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Apply Filters on Folder
+
+
+
+
+ Apply Filters on Folder and all its Subfolders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Main Toolbar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.local/share/kxmlgui5/konsole/konsoleui.rc b/roles/config/files/.local/share/kxmlgui5/konsole/konsoleui.rc
new file mode 100644
index 00000000..796300ab
--- /dev/null
+++ b/roles/config/files/.local/share/kxmlgui5/konsole/konsoleui.rc
@@ -0,0 +1,92 @@
+
+
+
+
+ &File
+
+
+
+
+
+
+
+
+
+
+ &Edit
+
+
+
+ &View
+
+ Split View
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Plugins
+
+
+
+
+ &Settings
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &Help
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Main Toolbar
+ 0
+
+
diff --git a/roles/config/files/.local/share/kxmlgui5/konsole/sessionui.rc b/roles/config/files/.local/share/kxmlgui5/konsole/sessionui.rc
new file mode 100644
index 00000000..aae5616a
--- /dev/null
+++ b/roles/config/files/.local/share/kxmlgui5/konsole/sessionui.rc
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Main Toolbar
+
+
+
+
+
+
+
+
+
+
+
+ Split View
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Session Toolbar
+ 1
+
+
diff --git a/roles/config/files/.local/share/plasma/containmentpreviews/1-64664544-a062-48cf-a713-e4045da575e9.png b/roles/config/files/.local/share/plasma/containmentpreviews/1-64664544-a062-48cf-a713-e4045da575e9.png
new file mode 100644
index 00000000..197f219f
Binary files /dev/null and b/roles/config/files/.local/share/plasma/containmentpreviews/1-64664544-a062-48cf-a713-e4045da575e9.png differ
diff --git a/roles/config/files/.local/share/plasma/containmentpreviews/2-64664544-a062-48cf-a713-e4045da575e9.png b/roles/config/files/.local/share/plasma/containmentpreviews/2-64664544-a062-48cf-a713-e4045da575e9.png
new file mode 100644
index 00000000..7fcd9066
Binary files /dev/null and b/roles/config/files/.local/share/plasma/containmentpreviews/2-64664544-a062-48cf-a713-e4045da575e9.png differ
diff --git a/roles/config/files/.local/share/plasma/containmentpreviews/29-.png b/roles/config/files/.local/share/plasma/containmentpreviews/29-.png
new file mode 100644
index 00000000..5eaeef13
Binary files /dev/null and b/roles/config/files/.local/share/plasma/containmentpreviews/29-.png differ
diff --git a/roles/config/files/.local/share/plasma/containmentpreviews/3-.png b/roles/config/files/.local/share/plasma/containmentpreviews/3-.png
new file mode 100644
index 00000000..e2e89bed
Binary files /dev/null and b/roles/config/files/.local/share/plasma/containmentpreviews/3-.png differ
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/defaults b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/defaults
new file mode 100644
index 00000000..c197d5fc
--- /dev/null
+++ b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/defaults
@@ -0,0 +1,17 @@
+[kdeglobals][General]
+ColorScheme=CatppuccinMacchiatoPeach
+
+[kcminputrc][Mouse]
+cursorTheme=Catppuccin-Macchiato-Peach-Cursors
+
+[kwinrc][org.kde.kdecoration2]
+ButtonsOnLeft=
+ButtonsOnRight=IAX
+library=org.kde.kwin.aurorae
+theme=__aurorae__svg__CatppuccinMacchiato-Modern
+
+[plasmarc][Theme]
+name=default
+
+[KSplash]
+Theme=Catppuccin-Macchiato-Peach-splash
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/fullscreenpreview.jpg b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/fullscreenpreview.jpg
new file mode 100644
index 00000000..103e9185
Binary files /dev/null and b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/fullscreenpreview.jpg differ
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/preview.png b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/preview.png
new file mode 100644
index 00000000..f40e5cd7
Binary files /dev/null and b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/preview.png differ
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/splash.png b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/splash.png
new file mode 100644
index 00000000..f8d5b0c9
Binary files /dev/null and b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/previews/splash.png differ
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/Splash.qml b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/Splash.qml
new file mode 100644
index 00000000..a0d8e488
--- /dev/null
+++ b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/Splash.qml
@@ -0,0 +1,89 @@
+/*
+ SPDX-FileCopyrightText:
+ 2023 Cequal-Catppuccin
+ Based on
+ 2014 Marco Martin
+
+ SPDX-License-Identifier: MIT
+*/
+
+import QtQuick
+import org.kde.kirigami 2 as Kirigami
+
+Rectangle {
+ id: root
+ color: "#1e2030"
+
+ property int stage
+
+ onStageChanged: {
+ if (stage == 2) {
+ introAnimation.running = true;
+ } else if (stage == 5) {
+ introAnimation.target = busyIndicator;
+ introAnimation.from = 1;
+ introAnimation.to = 0;
+ introAnimation.running = true;
+ }
+ }
+
+ Item {
+ id: content
+ anchors.fill: parent
+ opacity: 0
+ //TODO: Figure out how to port DropShadow to KDE6, erase comment when ported.
+/*
+ DropShadow {
+ anchors.fill: logo
+ horizontalOffset: 0
+ verticalOffset: 30
+ radius: 200.0
+ samples: 17
+ color: "#000000"
+ source: logo
+ opacity: 0.1
+ }
+*/
+ Image {
+ id: logo
+ //match SDDM/lockscreen avatar positioning
+ readonly property real size: Kirigami.Units.gridUnit * 8
+
+ anchors.centerIn: parent
+ source: "images/Logo.png"
+
+ sourceSize.width: size
+ sourceSize.height: sizes
+ smooth: true
+ visible: true
+ }
+
+ Image {
+ id: busyIndicator
+ //in the middle of the remaining space
+ y: parent.height - (parent.height - logo.y) / 2 - height/2
+ anchors.horizontalCenter: parent.horizontalCenter
+ source: "images/busywidget.svg"
+ sourceSize.height: Kirigami.Units.gridUnit * 3.5
+ sourceSize.width: Kirigami.Units.gridUnit * 3.5
+ RotationAnimator on rotation {
+ id: rotationAnimator
+ from: 0
+ to: 360
+ duration: 2000
+ loops: Animation.Infinite
+ running: Kirigami.Units.longDuration > 1
+ }
+ }
+ }
+
+ OpacityAnimator {
+ id: introAnimation
+ running: false
+ target: content
+ from: 0
+ to: 1
+ duration: Kirigami.Units.veryLongDuration * 2
+ easing.type: Easing.InOutQuad
+ }
+}
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/images/Logo.png b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/images/Logo.png
new file mode 100644
index 00000000..7d29e396
Binary files /dev/null and b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/images/Logo.png differ
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/images/busywidget.svg b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/images/busywidget.svg
new file mode 100644
index 00000000..eb5100fd
--- /dev/null
+++ b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/contents/splash/images/busywidget.svg
@@ -0,0 +1,126 @@
+
+
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/metadata.desktop b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/metadata.desktop
new file mode 100644
index 00000000..0bfecdab
--- /dev/null
+++ b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/metadata.desktop
@@ -0,0 +1,13 @@
+[Desktop Entry]
+Comment=A theme based on Catppuccin's Macchiato flavour
+Name=Catppuccin Macchiato Peach
+X-KDE-PluginInfo-Author=KDE-Catppuccin
+X-KDE-PluginInfo-Category=Global Themes (Plasma 6)
+X-KDE-PluginInfo-Email=core@catppuccin.com
+X-KDE-PluginInfo-EnabledByDefault=true
+X-KDE-PluginInfo-License=MIT
+X-KDE-PluginInfo-Name=Catppuccin-Macchiato-Peach
+X-KDE-PluginInfo-Version=0.2.6
+X-KDE-PluginInfo-Website=github.com/catppuccin/KDE
+X-KDE-ServiceTypes=Plasma/LookAndFeel
+X-KPackage-Dependencies=kns://aurorae.knsrc/api.kde-look.org/2135227
diff --git a/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/metadata.json b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/metadata.json
new file mode 100644
index 00000000..ada25915
--- /dev/null
+++ b/roles/config/files/.local/share/plasma/look-and-feel/Catppuccin-Macchiato-Peach/metadata.json
@@ -0,0 +1,22 @@
+{
+ "KPackageStructure": "Plasma/LookAndFeel",
+ "KPlugin": {
+ "Authors": [
+ {
+ "Email": "core@catppuccin.com",
+ "Name": "Catppuccin"
+ }
+ ],
+ "Category": "Global Themes (Plasma 6)",
+ "Dependencies": [
+ ],
+ "EnabledByDefault": true,
+ "Id": "Catppuccin-Macchiato-Peach",
+ "License": "MIT",
+ "Name": "Catppuccin Macchiato Peach",
+ "Version": "0.2.6"
+ },
+ "X-KPackage-Dependencies": [
+ "kns://aurorae.knsrc/api.kde-look.org/2135227"
+ ]
+}
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-active.png
new file mode 100644
index 00000000..93e647e9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-inactive.png
new file mode 100644
index 00000000..6a857635
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-left-active.png
new file mode 100644
index 00000000..f98b63df
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-left-inactive.png
new file mode 100644
index 00000000..83e905f9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-right-active.png
new file mode 100644
index 00000000..77a2c15a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-right-inactive.png
new file mode 100644
index 00000000..14fd3544
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/bottom-right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-active.png
new file mode 100644
index 00000000..52d90e9d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-inactive.png
new file mode 100644
index 00000000..ce2d9408
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-prelight.png
new file mode 100644
index 00000000..7e0b894d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-pressed.png
new file mode 100644
index 00000000..e7834366
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/close-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-active.png
new file mode 100644
index 00000000..3eb69970
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-inactive.png
new file mode 100644
index 00000000..ce2d9408
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-prelight.png
new file mode 100644
index 00000000..37bd1cdc
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-pressed.png
new file mode 100644
index 00000000..e5466a7a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/hide-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/left-active.png
new file mode 100644
index 00000000..41ebeab6
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/left-inactive.png
new file mode 100644
index 00000000..5b4f12be
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-active.png
new file mode 100644
index 00000000..3e6d27e9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-inactive.png
new file mode 100644
index 00000000..ce2d9408
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-prelight.png
new file mode 100644
index 00000000..65393c5f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-pressed.png
new file mode 100644
index 00000000..982062f6
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-active.png
new file mode 100644
index 00000000..3e6d27e9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 00000000..ce2d9408
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 00000000..19ec36f8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 00000000..8423b506
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/maximize-toggled-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-active.png
new file mode 100644
index 00000000..319ba132
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-inactive.png
new file mode 100644
index 00000000..ce681fc2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-prelight.png
new file mode 100644
index 00000000..f8aaedf6
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-pressed.png
new file mode 100644
index 00000000..c9a6e6e7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/menu-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/right-active.png
new file mode 100644
index 00000000..22bd6e51
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/right-inactive.png
new file mode 100644
index 00000000..f601ad27
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-active.png
new file mode 100644
index 00000000..40e1a6f8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-inactive.png
new file mode 100644
index 00000000..945b2063
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-prelight.png
new file mode 100644
index 00000000..e5b52b69
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-pressed.png
new file mode 100644
index 00000000..1aa18a17
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/shade-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-active.png
new file mode 100644
index 00000000..6e91f4fe
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-inactive.png
new file mode 100644
index 00000000..22eae01d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-prelight.png
new file mode 100644
index 00000000..8c8ae2fc
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-pressed.png
new file mode 100644
index 00000000..9568831a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-active.png
new file mode 100644
index 00000000..59197014
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 00000000..82125e0e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 00000000..41b38587
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 00000000..a3d5d4bc
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/stick-toggled-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/themerc b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/themerc
new file mode 100644
index 00000000..3c6c23f0
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=9
+button_spacing=0
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-1-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-1-active.png
new file mode 100644
index 00000000..ee47d7a5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-1-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-1-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-1-inactive.png
new file mode 100644
index 00000000..28eca361
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-1-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-2-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-2-active.png
new file mode 100644
index 00000000..ee47d7a5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-2-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-2-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-2-inactive.png
new file mode 100644
index 00000000..28eca361
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-2-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-3-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-3-active.png
new file mode 100644
index 00000000..ee47d7a5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-3-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-3-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-3-inactive.png
new file mode 100644
index 00000000..28eca361
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-3-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-4-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-4-active.png
new file mode 100644
index 00000000..ee47d7a5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-4-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-4-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-4-inactive.png
new file mode 100644
index 00000000..28eca361
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-4-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-5-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-5-active.png
new file mode 100644
index 00000000..ee47d7a5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-5-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-5-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-5-inactive.png
new file mode 100644
index 00000000..28eca361
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/title-5-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-left-active.png
new file mode 100644
index 00000000..2855b0a5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-left-inactive.png
new file mode 100644
index 00000000..f4779315
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-right-active.png
new file mode 100644
index 00000000..1d4d5203
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-right-inactive.png
new file mode 100644
index 00000000..de6076e4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-hdpi/xfwm4/top-right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-active.png
new file mode 100644
index 00000000..6b3df522
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-inactive.png
new file mode 100644
index 00000000..a5b785e4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-left-active.png
new file mode 100644
index 00000000..22f8ac29
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-left-inactive.png
new file mode 100644
index 00000000..51615dd2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-right-active.png
new file mode 100644
index 00000000..37ec144c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-right-inactive.png
new file mode 100644
index 00000000..3be8820d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/bottom-right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-active.png
new file mode 100644
index 00000000..d19d3838
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-inactive.png
new file mode 100644
index 00000000..11f8a133
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-prelight.png
new file mode 100644
index 00000000..aeba08e8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-pressed.png
new file mode 100644
index 00000000..51b74710
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/close-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-active.png
new file mode 100644
index 00000000..00615978
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-inactive.png
new file mode 100644
index 00000000..11f8a133
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-prelight.png
new file mode 100644
index 00000000..f5a30d6b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-pressed.png
new file mode 100644
index 00000000..d0bed48e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/hide-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/left-active.png
new file mode 100644
index 00000000..0fb49ed5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/left-inactive.png
new file mode 100644
index 00000000..6eee30a0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-active.png
new file mode 100644
index 00000000..109efcc7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-inactive.png
new file mode 100644
index 00000000..11f8a133
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-prelight.png
new file mode 100644
index 00000000..d49f9385
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-pressed.png
new file mode 100644
index 00000000..02565ec7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-active.png
new file mode 100644
index 00000000..109efcc7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 00000000..11f8a133
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 00000000..18c9b6d0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 00000000..6ceebc21
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/maximize-toggled-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-active.png
new file mode 100644
index 00000000..2af638e9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-inactive.png
new file mode 100644
index 00000000..ad85c4fa
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-prelight.png
new file mode 100644
index 00000000..cd039c1d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-pressed.png
new file mode 100644
index 00000000..59b3b893
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/menu-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/right-active.png
new file mode 100644
index 00000000..07b60348
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/right-inactive.png
new file mode 100644
index 00000000..841fe27d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-active.png
new file mode 100644
index 00000000..30d94fa7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-inactive.png
new file mode 100644
index 00000000..64597d28
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-prelight.png
new file mode 100644
index 00000000..fc0e43d4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-pressed.png
new file mode 100644
index 00000000..7ca5ab0b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/shade-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-active.png
new file mode 100644
index 00000000..5bbc4d93
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-inactive.png
new file mode 100644
index 00000000..8225c8f7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-prelight.png
new file mode 100644
index 00000000..e28f9560
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-pressed.png
new file mode 100644
index 00000000..be8f865d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-active.png
new file mode 100644
index 00000000..6c5ccd5b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 00000000..fc330c29
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 00000000..416dca44
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 00000000..be63b35c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/stick-toggled-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/themerc b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/themerc
new file mode 100644
index 00000000..81c785ca
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=12
+button_spacing=0
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-1-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-1-active.png
new file mode 100644
index 00000000..b165dbcb
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-1-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-1-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-1-inactive.png
new file mode 100644
index 00000000..9d2fa118
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-1-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-2-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-2-active.png
new file mode 100644
index 00000000..b165dbcb
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-2-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-2-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-2-inactive.png
new file mode 100644
index 00000000..9d2fa118
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-2-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-3-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-3-active.png
new file mode 100644
index 00000000..b165dbcb
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-3-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-3-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-3-inactive.png
new file mode 100644
index 00000000..9d2fa118
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-3-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-4-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-4-active.png
new file mode 100644
index 00000000..b165dbcb
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-4-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-4-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-4-inactive.png
new file mode 100644
index 00000000..9d2fa118
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-4-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-5-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-5-active.png
new file mode 100644
index 00000000..b165dbcb
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-5-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-5-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-5-inactive.png
new file mode 100644
index 00000000..9d2fa118
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/title-5-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-left-active.png
new file mode 100644
index 00000000..616a5411
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-left-inactive.png
new file mode 100644
index 00000000..18f9c4c0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-right-active.png
new file mode 100644
index 00000000..8ff3797d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-right-inactive.png
new file mode 100644
index 00000000..0128cd12
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark-xhdpi/xfwm4/top-right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace-active.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 00000000..498f65df
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,6 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace-hover.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 00000000..8a1d3516
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+
+
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace.svg
new file mode 100644
index 00000000..8dba5df9
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+
+
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/calendar-arrow-left.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..dcf8298b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/calendar-arrow-right.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..ed66559d
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox-dark.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox-dark.svg
new file mode 100644
index 00000000..19c7a84c
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox-off.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 00000000..b00efa63
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox.svg
new file mode 100644
index 00000000..82ca2f02
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close-active.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close-active.svg
new file mode 100644
index 00000000..0dde2b9d
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close-hover.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close-hover.svg
new file mode 100644
index 00000000..37f8806a
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close.svg
new file mode 100644
index 00000000..5dcc697b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/corner-ripple.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 00000000..b9423feb
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton-dark.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 00000000..6c3930b6
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton-off.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 00000000..b00efa63
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton.svg
new file mode 100644
index 00000000..dec8353c
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-off.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-off.svg
new file mode 100644
index 00000000..8522010b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,69 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-on-dark.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..563b4a16
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-on-dark.svg
@@ -0,0 +1,75 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-on.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-on.svg
new file mode 100644
index 00000000..be2fe61f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,81 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/trash-icon.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/trash-icon.svg
new file mode 100644
index 00000000..d78a123e
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/cinnamon.css b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/cinnamon.css
new file mode 100644
index 00000000..15290d61
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/cinnamon.css
@@ -0,0 +1,2339 @@
+stage {
+ color: #FFFFFF;
+}
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+ min-height: 24px;
+ padding: 5px 32px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.sound-button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:insensitive {
+ color: rgba(255, 255, 255, 0.5);
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+}
+
+.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: transparent;
+}
+
+.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover,
+.calendar-today-home-button-enabled:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
+.calendar-today-home-button-enabled:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+ border-radius: 6px;
+}
+
+.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
+.calendar-today-home-button-enabled:insensitive {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ min-height: 24px;
+ padding: 6px 30px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+ color: #FF8A65;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
+ padding: 3px 12px;
+ min-height: 24px;
+ caret-size: 1px;
+ selection-background-color: #FF8A65;
+ selected-color: rgba(0, 0, 0, 0.87);
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: #FFFFFF;
+ border: 2px solid transparent;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid #FF8A65;
+}
+
+#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
+ border: 2px solid transparent;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FBC02D;
+ padding: 0 6px;
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+ padding: 8px;
+}
+
+StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+ background-color: rgba(36, 39, 58, 0.1);
+ border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: #7c7d89;
+ border: 0px solid;
+ margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: #666875;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #FF8A65;
+}
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 4px;
+ -slider-background-color: rgba(255, 255, 255, 0.12);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #FF8A65;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 4px;
+ height: 18px;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px;
+ color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.check-box StLabel {
+ font-weight: normal;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox-dark.svg");
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none;
+}
+
+.radiobutton StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.radiobutton StBin, .radiobutton:focus StBin {
+ background-image: url("assets/radiobutton-off.svg");
+}
+
+.radiobutton:checked StBin, .radiobutton:focus:checked StBin {
+ background-image: url("assets/radiobutton-dark.svg");
+}
+
+.toggle-switch {
+ width: 46px;
+ height: 24px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-menu-item:active .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked {
+ background-image: url("assets/toggle-on-dark.svg");
+}
+
+.cinnamon-link {
+ color: #3c84f7;
+ text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+ color: #6da3f9;
+}
+
+#Tooltip {
+ border-radius: 9999px;
+ padding: 6px 12px;
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+ margin: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+ padding: 0;
+ color: #FFFFFF;
+ background-color: #24273a;
+ border-radius: 12px;
+ margin: 6px;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+ border-radius: 6px;
+ background-gradient-direction: none;
+ box-shadow: none;
+ background-color: #3a3d4e;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+ padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+ padding: 6px;
+ border-radius: 12px;
+ background-clip: padding-box;
+ background-color: #24273a;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(0, 0, 0, 0.75);
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+ padding: 6px 12px;
+ spacing: 12px;
+ border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover, .menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.5);
+ background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(0, 0, 0, 0);
+ -arrow-border-width: 0;
+ -arrow-border-color: rgba(0, 0, 0, 0);
+ -arrow-base: 0;
+ -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+ padding: 6px;
+}
+
+.popup-combobox-item {
+ spacing: 1em;
+}
+
+.popup-separator-menu-item {
+ -gradient-height: 0;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-bottom-width: 0;
+ border-bottom-style: solid;
+ background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal;
+}
+
+.popup-device-menu-item {
+ spacing: .5em;
+}
+
+.popup-subtitle-menu-item {
+ font-weight: normal;
+}
+
+.nm-menu-item-icons {
+ spacing: .5em;
+}
+
+#panel {
+ font-weight: bold;
+ height: 36px;
+ width: 42px;
+}
+
+#panel:highlight {
+ border-image: none;
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+#panelLeft {
+ spacing: 4px;
+}
+
+#panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(244, 67, 54, 0.35);
+ background-gradient-end: rgba(244, 67, 54, 0.35);
+}
+
+#panelLeft:ltr {
+ padding-right: 4px;
+}
+
+#panelLeft:rtl {
+ padding-left: 4px;
+}
+
+#panelLeft.vertical {
+ padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 138, 101, 0.35);
+ background-gradient-end: rgba(255, 138, 101, 0.35);
+}
+
+#panelRight:ltr {
+ padding-left: 6px;
+ spacing: 0px;
+}
+
+#panelRight:rtl {
+ padding-right: 6px;
+ spacing: 0px;
+}
+
+#panelRight.vertical {
+ padding: 0;
+}
+
+#panelRight.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelCenter {
+ spacing: 4px;
+}
+
+#panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(102, 187, 106, 0.35);
+ background-gradient-end: rgba(102, 187, 106, 0.35);
+}
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 1em;
+ padding: 0px;
+ background-color: rgba(24, 25, 38, 0.75);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover, .panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active, .panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active, .panel-left .panel-button:active,
+.panel-left .panel-status-button:active, .panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.panel-dummy {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(244, 67, 54, 0.6);
+}
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ height: 22px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ transition-duration: 100ms;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ background-color: rgba(18, 19, 29, 0.9);
+ border: 1px solid rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+ spacing: 25px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+}
+
+.window-caption#selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #FF8A65;
+ spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+ height: 15px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+.expo-workspaces-name-entry#selected:focus {
+ border: 1px solid #FF8A65;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: rgba(0, 0, 0, 0.87);
+ selected-color: #FF8A65;
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ border-radius: 6px;
+}
+
+.expo-workspace-thumbnail-frame#active {
+ border: 4px solid #FF8A65;
+ background-color: black;
+ border-radius: 6px;
+}
+
+.expo-background {
+ background-color: #12131d;
+}
+
+.workspace-thumbnails {
+ spacing: 26px;
+}
+
+.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+ padding: 8px;
+}
+
+.workspace-add-button {
+ background-image: url("assets/add-workspace.svg");
+ height: 200px;
+ width: 35px;
+ transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+ background-image: url("assets/add-workspace-hover.svg");
+ transition-duration: 100;
+}
+
+.workspace-add-button:active {
+ background-image: url("assets/add-workspace-active.svg");
+ transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+ background-image: url("assets/close.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+ background-image: url("assets/close-hover.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+ background-image: url("assets/close-active.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+ outline: 2px solid red;
+ border: 1px solid green;
+}
+
+.window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+ background-image: url("assets/trash-icon.svg");
+ height: 120px;
+ width: 400px;
+}
+
+.about-content {
+ width: 550px;
+ height: 250px;
+ spacing: 8px;
+ padding-bottom: 10px;
+}
+
+.about-title {
+ font-size: 2em;
+ font-weight: bold;
+}
+
+.about-uuid {
+ font-size: 10px;
+ color: #888;
+}
+
+.about-icon {
+ padding-right: 20px;
+ padding-bottom: 14px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+ background-color: #24273a;
+ padding: 4px;
+ padding-right: 0;
+ border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+ padding-bottom: 16px;
+}
+
+.about-version {
+ padding-left: 7px;
+ font-size: 10px;
+ color: #888;
+}
+
+#LookingGlassDialog {
+ background-color: #24273a;
+ spacing: 6px;
+ padding: 6px;
+ margin: 32px;
+ border-radius: 12px;
+ color: #FFFFFF;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+ border: none;
+}
+
+.calendar-main-box {
+ margin: 0 6px;
+}
+
+.calendar {
+ padding: 6px 12px;
+ spacing-rows: 0px;
+ spacing-columns: 0px;
+}
+
+.calendar-today-home-button,
+.calendar-today-home-button-enabled {
+ margin: 6px 0;
+ padding: 6px;
+}
+
+.calendar-today-day-label {
+ font-size: 1.75em;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: .1em;
+}
+
+.calendar-today-date-label {
+ font-size: 1.1em;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-month-label {
+ color: #FFFFFF;
+ font-weight: bold;
+ margin: 0 2px;
+ padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 24px;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus, .calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+ background-color: rgba(255, 255, 255, 0.25);
+}
+
+.calendar-change-month-back {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward {
+ background-image: url("assets/calendar-arrow-right.svg");
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url("assets/calendar-arrow-left.svg");
+}
+
+.datemenu-date-label {
+ padding: .4em 1.75em;
+ font-weight: normal;
+ text-align: center;
+ font-size: 14px;
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+.calendar-day-base {
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+}
+
+.calendar-day-base:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.calendar-day-base:active {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.calendar-day-heading {
+ color: rgba(255, 255, 255, 0.7);
+ margin-top: 1em;
+}
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: #FFFFFF;
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+ border-width: 0;
+}
+
+.calendar-other-month-day {
+ color: rgba(255, 255, 255, 0.7);
+ opacity: 1;
+}
+
+.calendar-week-number {
+ width: 20px;
+ height: 20px;
+ margin: 6px 0;
+ color: rgba(255, 255, 255, 0.3);
+ font-weight: bold;
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+ padding: 0;
+ margin-top: 3px;
+}
+
+.calendar-events-main-box {
+ height: 300px;
+ margin: 8px 0.8em 0 0;
+ padding: 8px;
+ min-width: 350px;
+ border: none;
+ border-radius: 6px;
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 255, 255, 0.04);
+ background-gradient-end: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.calendar-events-no-events-button {
+ margin: 6px 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.calendar-events-no-events-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 255, 255, 0.04);
+ background-gradient-end: rgba(255, 255, 255, 0.04);
+ box-shadow: none;
+}
+
+.calendar-events-no-events-icon {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.calendar-events-no-events-label {
+ font-size: 1.1em;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+ text-align: center;
+ margin-top: 9px;
+}
+
+.calendar-events-date-label {
+ padding: 3px 0 12px 3px;
+ font-size: 1.1em;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar-events-event-container {
+ padding: 2px;
+}
+
+.calendar-events-main-box .separator {
+ -margin-horizontal: 1em;
+ -gradient-height: 1px;
+ -gradient-start: rgba(255, 255, 255, 0.12);
+ -gradient-end: rgba(255, 255, 255, 0.12);
+}
+
+.calendar-event-button {
+ margin: 6px 0 6px 0;
+ border-radius: 6px;
+}
+
+.calendar-event-button:hover {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 255, 255, 0.04);
+ background-gradient-end: rgba(255, 255, 255, 0.04);
+ box-shadow: none;
+}
+
+.calendar-event-color-strip {
+ width: 4px;
+ border-radius: 4px 0 0 4px;
+}
+
+.calendar-event-row-content {
+ margin: 6px;
+}
+
+.calendar-event-time-past {
+ color: rgba(255, 255, 255, 0.32);
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present {
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-time-present:all-day {
+ color: rgba(102, 187, 106, 0.6);
+}
+
+.calendar-event-time-future {
+ text-align: left;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+ text-align: right;
+ margin-bottom: .6em;
+}
+
+.calendar-event-countdown:soon {
+ color: white;
+}
+
+.calendar-event-countdown:imminent {
+ color: rgba(251, 192, 45, 0.6);
+}
+
+.calendar-event-countdown:current {
+ color: rgba(102, 187, 106, 0.6);
+}
+
+.calendar-event-summary {
+ color: rgba(255, 255, 255, 0.5);
+ text-align: left;
+ width: 200px;
+}
+
+#notification {
+ border-radius: 12px;
+ padding: 12px;
+ spacing-rows: 9px;
+ spacing-columns: 9px;
+ margin-from-right-edge-of-screen: 18px;
+ width: 28em;
+ color: #FFFFFF;
+ background-color: rgba(36, 39, 58, 0.8);
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button, #notification .notification-icon-button {
+ padding: 6px;
+}
+
+.menu #notification, .popup-menu #notification {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.05);
+ box-shadow: none;
+ margin: 0;
+}
+
+.menu #notification:hover, .popup-menu #notification:hover {
+ background-color: rgba(255, 255, 255, 0.1);
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
+ color: #FFFFFF;
+}
+
+.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 6px;
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 12px;
+ color: #FFFFFF;
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 6px;
+}
+
+#notification-actions {
+ spacing: 9px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: #FFFFFF;
+}
+
+.notification-button, .notification-icon-button {
+ padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: #FFFFFF;
+ background-color: #24273a;
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #FF8A65;
+}
+
+.switcher-list .item-box:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+ border: 0px solid #FF8A65;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #FFFFFF;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.modal-dialog {
+ color: #FFFFFF;
+ background-color: rgba(12, 13, 19, 0.95);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 6px 12px;
+ background-color: rgba(18, 19, 29, 0.9);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #FFFFFF;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #F44336;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 3px 12px;
+ border-radius: 6px;
+ caret-color: #FFFFFF;
+ selected-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: #FF8A65;
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid #FF8A65;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #FBC02D;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(18, 19, 29, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.keyboard-key:active, .keyboard-key:checked {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #FFFFFF;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(18, 19, 29, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 6px;
+ padding: 6px;
+ transition-duration: 300;
+ background-color: rgba(255, 255, 255, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 9px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 9px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 9px;
+}
+
+.menu-categories-box {
+ padding: 9px 30px;
+}
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 3px 0;
+ border-radius: 6px;
+ background-color: #3a3d4e;
+ color: #FFFFFF;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 3px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 6px;
+}
+
+.menu-category-button-hover, .menu-category-button-selected {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 6px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: #FFFFFF;
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: #FFFFFF;
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(24, 25, 38, 0.75);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 0;
+ background-color: rgba(24, 25, 38, 0.75);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #FF8A65;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #FF8A65;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(255, 255, 255, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.25);
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
+ border-color: #FF8A65;
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #66BB6A;
+ background-gradient-end: #66BB6A;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #FBC02D;
+ background-gradient-end: #FBC02D;
+}
+
+.window-list-preview {
+ padding: 6px;
+ spacing: 6px;
+ border: none;
+ background-color: #24273a;
+ border-radius: 6px;
+ color: #FFFFFF;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 6px;
+ border-radius: 6px;
+ spacing: 6px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #FF8A65;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(255, 255, 255, 0.6);
+ border-radius: 0;
+ spacing: 6px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(255, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(255, 255, 255, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.2);
+ border-color: #FF8A65;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #66BB6A;
+ background-gradient-end: #66BB6A;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #FBC02D;
+ background-gradient-end: #FBC02D;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: #3a3d4e;
+ color: #FFFFFF;
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 12px 18px;
+ spacing: 6px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 6px 6px;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(2, 2, 4, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: #1a1c2a;
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #FF8A65;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(255, 255, 255, 0.7);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined, .workspace-button:outlined:hover {
+ color: #FF8A65;
+}
+
+.workspace-button:hover {
+ color: #ffb198;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #FF8A65;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(54, 56, 85, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(54, 56, 85, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(63, 66, 101, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(34, 35, 54, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 3px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.applet-box {
+ padding: 0 6px;
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 6px 0;
+}
+
+.applet-box:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.applet-box:checked, .applet-box:checked:hover {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(255, 255, 255, 0.7);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(255, 255, 255, 0.7);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: #FFFFFF;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #FFFFFF;
+}
+
+.desklet:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.desklet-with-borders {
+ color: #FFFFFF;
+ background-color: rgba(18, 19, 29, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #FFFFFF;
+ background-color: rgba(18, 19, 29, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(244, 67, 54, 0.5);
+}
+
+.desklet-header {
+ color: #FFFFFF;
+ background-color: rgba(18, 19, 29, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #FF8A65;
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+.photoframe-box {
+ color: #FFFFFF;
+ background-color: rgba(18, 19, 29, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: .5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview, .tile-preview.snap,
+.tile-hud, .tile-hud.snap {
+ background-color: rgba(255, 138, 101, 0.3);
+ border: 1px solid #FF8A65;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/thumbnail.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/thumbnail.png
new file mode 100644
index 00000000..7c8add17
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/cinnamon/thumbnail.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-arrow-left.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 00000000..ec8b4783
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-arrow-right.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 00000000..6fc5556f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-today.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 00000000..5e77084c
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+
+
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-dark.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-dark.svg
new file mode 100644
index 00000000..19c7a84c
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off-active.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off-active.svg
new file mode 100644
index 00000000..9cfdefd9
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off-active.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off-hover.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off-hover.svg
new file mode 100644
index 00000000..ef5123a1
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off-hover.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 00000000..b00efa63
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox.svg
new file mode 100644
index 00000000..82ca2f02
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/dash-placeholder.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 00000000..172156ae
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/no-events.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/no-events.svg
new file mode 100644
index 00000000..239177d1
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/no-events.svg
@@ -0,0 +1,82 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/no-notifications.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 00000000..ae09f92c
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/noise-texture.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/noise-texture.svg
new file mode 100644
index 00000000..484f6c87
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/noise-texture.svg
@@ -0,0 +1,78 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/process-working.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/process-working.svg
new file mode 100644
index 00000000..0f311b0b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/process-working.svg
@@ -0,0 +1,72 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-off.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 00000000..8522010b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,69 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-on-dark.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 00000000..563b4a16
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,75 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-on.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 00000000..be2fe61f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,81 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/gnome-shell.css b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/gnome-shell.css
new file mode 100644
index 00000000..65ba476c
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/gnome-shell.css
@@ -0,0 +1,4098 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* General Typography */
+.quick-toggle-menu .header .title {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel, .quick-toggle-menu .header .subtitle {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+.icon-label-button-container {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.ripple-pointer-location {
+ width: 48px;
+ height: 48px;
+ border-radius: 24px;
+ background-color: rgba(255, 254, 254, 0.3);
+ box-shadow: 0 0 2px 2px #ffd7cb;
+}
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 3px;
+ -pie-border-color: #FF8A65;
+ -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+ border: 2px solid #FF8A65;
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+/* App Icons */
+.show-apps .overview-icon,
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 16px;
+ padding: 6px;
+ border: none;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon,
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-image: none;
+ background-image: none;
+}
+
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon,
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+ box-shadow: none;
+}
+
+.app-well-app.app-folder {
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder, .app-well-app.app-folder:hover, .app-well-app.app-folder:active {
+ background-color: transparent;
+}
+
+.app-well-app.app-folder .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 16px;
+}
+
+.app-well-app.app-folder:hover .overview-icon {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.app-well-app.app-folder:active .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.app-folder-dialog {
+ border-radius: 36px;
+ padding: 12px;
+ background-color: #181926;
+ border: 1px solid black;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.app-folder-dialog .folder-name-container {
+ padding: 24px 36px 0;
+ spacing: 12px;
+ /* FIXME: this is to keep the label in sync with the entry */
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry {
+ font-size: 18pt;
+ font-weight: bold;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 300px;
+ border: none;
+ caret-color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+ padding: 9px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ padding: 0;
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+ icon-size: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.app-folder-dialog .icon-grid {
+ row-spacing: 12px;
+ column-spacing: 24px;
+ page-padding-top: 0;
+ page-padding-bottom: 0;
+ page-padding-left: 0;
+ page-padding-right: 0;
+}
+
+.app-folder-dialog .page-indicators {
+ margin-bottom: 18px;
+}
+
+.app-folder-dialog-container {
+ padding: 6px;
+ width: 720px;
+ height: 720px;
+}
+
+.app-well-app-running-dot {
+ width: 6px;
+ height: 3px;
+ border-radius: 2px;
+ background-color: rgba(255, 255, 255, 0.3);
+ margin-bottom: 0;
+}
+
+StWidget.focused .app-well-app-running-dot {
+ width: 24px;
+ background-color: #FF8A65 !important;
+}
+
+.app-menu,
+.app-well-menu {
+ max-width: 27.25em;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px;
+}
+
+.system-action-icon {
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+ background-color: #181926;
+ color: #FFFFFF;
+ border-radius: 9999px;
+ icon-size: 48px;
+}
+
+.shell-link {
+ border-radius: 6px;
+ color: #3c84f7;
+}
+
+.shell-link:hover {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.15);
+}
+
+.shell-link:active {
+ color: #3c84f7;
+ background-color: rgba(60, 132, 247, 0.25);
+}
+
+.lowres-icon {
+ icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.icon-dropshadow {
+ icon-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
+}
+
+/* Buttons */
+.quick-settings-system-item .icon-button, .hotplug-notification-item, .button {
+ color: #FFFFFF;
+ background-color: #24273a;
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:focus, .hotplug-notification-item:focus, .button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:hover, .hotplug-notification-item:hover, .button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:active, .hotplug-notification-item:active, .button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.quick-settings-system-item .icon-button:insensitive, .hotplug-notification-item:insensitive, .button:insensitive {
+ color: rgba(255, 255, 255, 0.35);
+ background-color: #24273a;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .popup-menu .button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .popup-menu .button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .popup-menu .button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .popup-menu .button:insensitive {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.35);
+ box-shadow: none !important;
+}
+
+.button {
+ min-height: 20px;
+ padding: 6px 12px;
+ border-radius: 6px;
+ border: none;
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
+ color: rgba(255, 255, 255, 0.35);
+ background-color: #181926;
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+/* Date/Time Menu */
+.popup-menu .message, .world-clocks-button,
+.weather-button,
+.events-button {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ border: none;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+.popup-menu .message:hover, .world-clocks-button:hover,
+.weather-button:hover,
+.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus,
+.weather-button:focus,
+.events-button:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+.popup-menu .message:active, .world-clocks-button:active,
+.weather-button:active,
+.events-button:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none;
+}
+
+#calendarArea {
+ padding: 6px 0;
+}
+
+.datemenu-calendar-column {
+ spacing: 6px;
+ border: 0 solid rgba(255, 255, 255, 0.12);
+ padding: 0 4px 0 12px;
+}
+
+.datemenu-calendar-column:ltr {
+ margin-right: 8px;
+ border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+ margin-left: 8px;
+ border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+ padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+ spacing: 6px;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+}
+
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+ margin: 4px 6px;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ padding: 6px;
+ margin: 0 12px;
+ text-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 6px;
+}
+
+.datemenu-today-button:hover, .datemenu-today-button:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.datemenu-today-button:active {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.datemenu-today-button .day-label {
+ font-size: 12pt;
+ font-weight: bold;
+}
+
+.datemenu-today-button .date-label {
+ font-size: 18pt;
+ font-weight: normal;
+}
+
+/* Calendar */
+.calendar {
+ border: none;
+ box-shadow: none;
+ background-color: transparent;
+ padding: 0;
+ margin: 0;
+ text-shadow: none;
+}
+
+.calendar .calendar-month-label {
+ padding: 6px 0;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+ text-align: center;
+ text-shadow: none;
+ font-size: 12pt;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 0 !important;
+ margin: 3px 0 !important;
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+ icon-size: 16px;
+}
+
+.calendar .pager-button {
+ width: 32px;
+ height: 32px;
+ margin: 2px;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.calendar .pager-button:hover, .calendar .pager-button:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.calendar .pager-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.calendar .calendar-day-base {
+ font-size: 10pt;
+ text-align: center;
+ width: 34px;
+ height: 34px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ font-feature-settings: "tnum";
+}
+
+.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+ border-color: transparent;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+ margin-top: 1em;
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 10pt;
+}
+
+.calendar .calendar-day {
+ border-width: 0;
+}
+
+.calendar .calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+}
+
+.calendar .calendar-today {
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7) !important;
+ background-color: rgba(255, 255, 255, 0.06);
+ border: none;
+}
+
+.calendar .calendar-today:hover, .calendar .calendar-today:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF !important;
+}
+
+.calendar .calendar-today:active {
+ background-color: #ff774c;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+ background-color: #ffa98e;
+ color: rgba(0, 0, 0, 0.87) !important;
+}
+
+.calendar .calendar-day-with-events {
+ color: rgba(255, 255, 255, 0.7);
+ background-image: url("assets/calendar-today.svg");
+}
+
+.calendar .calendar-day-with-events.calendar-work-day {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+}
+
+.calendar .calendar-other-month-day {
+ color: rgba(255, 255, 255, 0.32);
+ opacity: 0.5;
+}
+
+.calendar .calendar-week-number {
+ width: 26px;
+ height: 0;
+ margin: 8px 0 8px 6px !important;
+ padding: 0 !important;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ font-size: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+.world-clocks-button,
+.weather-button,
+.events-button {
+ padding: 12px !important;
+ margin: 2px 0 !important;
+}
+
+.events-button .events-box {
+ spacing: 6px;
+}
+
+.events-button .events-list {
+ spacing: 12px;
+ text-shadow: none;
+}
+
+.events-button .events-title {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+ text-shadow: none;
+}
+
+.events-button .event-time {
+ color: rgba(255, 255, 255, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-button .world-clocks-city {
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: bold;
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time {
+ color: rgba(255, 255, 255, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 11pt;
+}
+
+.world-clocks-button .world-clocks-time:ltr {
+ text-align: right;
+}
+
+.world-clocks-button .world-clocks-time:rtl {
+ text-align: left;
+}
+
+.world-clocks-button .world-clocks-timezone {
+ color: rgba(255, 255, 255, 0.5);
+ font-feature-settings: "tnum";
+ font-size: 10pt;
+}
+
+.world-clocks-grid,
+.weather-grid {
+ spacing-rows: 0.4em;
+ spacing-columns: 0.8em;
+}
+
+.weather-button {
+ margin-bottom: 6px !important;
+}
+
+.weather-button .weather-box {
+ spacing: 10px;
+}
+
+.weather-button .weather-header-box {
+ spacing: 6px;
+}
+
+.weather-button .weather-header {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+ font-weight: normal;
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 10pt;
+}
+
+.weather-button .weather-grid {
+ spacing-rows: 6px;
+ spacing-columns: 12px;
+}
+
+.weather-button .weather-forecast-time {
+ color: rgba(255, 255, 255, 0.7);
+ font-feature-settings: "tnum";
+ font-size: 9pt;
+ font-weight: normal;
+ padding-top: 0.2em;
+ padding-bottom: 0.4em;
+}
+
+.weather-button .weather-forecast-icon {
+ icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+ font-weight: bold;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: .8em;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+ padding: 3px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:hover StBin {
+ background-image: url("assets/checkbox-off-hover.svg");
+}
+
+.check-box:active StBin {
+ background-image: url("assets/checkbox-off-active.svg");
+}
+
+.check-box:checked StBin, .check-box:focus:checked StBin {
+ background-image: url("assets/checkbox-dark.svg");
+}
+
+/* Activities Ripple */
+.ripple-box {
+ background-color: rgba(255, 138, 101, 0.35);
+ box-shadow: 0 0 2px 2px #ffd7cb;
+ width: 52px;
+ height: 52px;
+ border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+ border-radius: 0 0 0 52px;
+}
+
+/* Dash */
+#dash {
+ font-size: 9pt;
+}
+
+#dash .empty-dash-drop-target {
+ width: 32px;
+ height: 32px;
+}
+
+.dash-label {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: rgba(0, 0, 0, 0.75);
+ border-radius: 9999px;
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+ text-align: center;
+ -y-offset: 12px;
+ -x-offset: 8px;
+}
+
+/* Modal Dialogs */
+.candidate-popup-content, .modal-dialog {
+ background-color: #24273a;
+ border-radius: 12px;
+ border: 1px solid rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.modal-dialog-linked-button:last-child {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+.modal-dialog-linked-button:hover:last-child {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #ffad93;
+}
+
+.modal-dialog-linked-button:active:last-child {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #ff774c;
+}
+
+.modal-dialog-linked-button:insensitive:last-child {
+ background-color: rgba(255, 138, 101, 0.05);
+ color: rgba(255, 138, 101, 0.35);
+}
+
+.headline {
+ font-size: 12pt;
+}
+
+.modal-dialog {
+ color: rgba(255, 255, 255, 0.7);
+ padding: 0 6px 6px 6px;
+}
+
+.modal-dialog-linked-button {
+ min-height: 32px !important;
+ padding: 6px !important;
+ margin: 3px !important;
+ border: none !important;
+ border-radius: 6px;
+}
+
+.modal-dialog-linked-button:first-child {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.modal-dialog-linked-button:first-child:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.modal-dialog-linked-button:first-child:hover {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.modal-dialog-linked-button:first-child:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.modal-dialog .modal-dialog-content-box {
+ margin: 30px 42px;
+ spacing: 30px;
+ max-width: 28em;
+}
+
+.end-session-dialog {
+ width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+ color: #FBC02D;
+}
+
+.message-dialog-content {
+ spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+ text-align: center;
+ font-size: 18pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-title.lightweight {
+ font-size: 13pt;
+ font-weight: 800;
+}
+
+.message-dialog-content .message-dialog-description {
+ text-align: center;
+}
+
+.dialog-list {
+ spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+ text-align: center;
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+ max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 10pt;
+}
+
+.run-dialog .modal-dialog-content-box {
+ margin-top: 24px;
+ margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+ width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+ text-align: center;
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 10pt;
+}
+
+.prompt-dialog {
+ width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+ margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+ spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+ width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ text-align: center;
+ font-size: 10pt;
+ margin: 6px;
+}
+
+.prompt-dialog-error-label {
+ color: #F44336;
+}
+
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.polkit-dialog-user-layout {
+ text-align: center;
+ spacing: 8px;
+ margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #FBC02D;
+}
+
+.audio-device-selection-dialog .modal-dialog-content-box {
+ margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+ spacing: 20px;
+}
+
+.audio-selection-device {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.audio-selection-device:active {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.audio-selection-device-box {
+ padding: 18px;
+ spacing: 18px;
+}
+
+.audio-selection-device-icon {
+ icon-size: 64px;
+}
+
+.welcome-dialog-image {
+ background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+ background-size: contain;
+ height: 300px;
+ width: 300px;
+}
+
+/* Entries */
+StEntry, .popup-menu .search-entry {
+ min-height: 32px;
+ padding: 2px 12px;
+ margin: 2px;
+ border-width: 0;
+ border-radius: 6px;
+ color: #FFFFFF;
+ caret-color: #FFFFFF;
+ selection-background-color: #FF8A65;
+ selected-color: rgba(0, 0, 0, 0.87);
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+StEntry:hover, .popup-menu .search-entry:hover {
+ color: #FFFFFF;
+ border-color: rgba(255, 255, 255, 0.3);
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+StEntry:focus, .popup-menu .search-entry:focus {
+ color: #FFFFFF;
+ border-color: #FF8A65;
+ background-color: rgba(255, 255, 255, 0.04);
+ box-shadow: none;
+}
+
+StEntry:insensitive, .popup-menu .search-entry:insensitive {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.35);
+ border-color: transparent;
+}
+
+StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #FBC02D;
+ padding: 0 0;
+}
+
+StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password {
+ icon-size: 16px;
+ padding: 0 4px;
+}
+
+StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text {
+ margin-left: 2px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.hotplug-notification-item {
+ padding: 12px;
+ border-style: solid;
+ border-width: 0;
+ border-left-width: 0;
+ border-bottom-width: 0;
+}
+
+.hotplug-notification-item:first-child {
+ border-radius: 0 0 0 6px;
+}
+
+.hotplug-notification-item:last-child {
+ border-right-width: 0;
+ border-radius: 0 0 6px 0;
+}
+
+.hotplug-notification-item:first-child:last-child {
+ border-radius: 0 0 6px 6px;
+}
+
+.hotplug-notification-item-icon {
+ icon-size: 24px;
+ padding: 0 4px;
+}
+
+.candidate-popup-boxpointer {
+ -arrow-border-radius: 2px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 64px;
+ -arrow-rise: 12px;
+}
+
+.candidate-popup-content {
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
+ border: none;
+ margin: 3px 8px;
+ padding: 6px;
+ spacing: 6px;
+}
+
+.candidate-index {
+ padding: 0 0.5em 0 0;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.candidate-box:selected .candidate-index {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.candidate-box {
+ padding: 0.3em 0.5em 0.3em 0.5em;
+ margin-right: 2px;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.candidate-box:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.candidate-box:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+.candidate-box:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.candidate-box:last-child {
+ margin-right: 0;
+}
+
+.candidate-page-button-box {
+ height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+ padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+ padding-left: 0.5em;
+}
+
+.candidate-page-button {
+ padding: 4px 8px;
+}
+
+.candidate-page-button-previous,
+.candidate-page-button-next {
+ border-radius: 6px;
+}
+
+.candidate-page-button-icon {
+ icon-size: 1em;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: #1d1d1d;
+ box-shadow: none;
+}
+
+#keyboard .page-indicator {
+ padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px;
+}
+
+.key-container,
+.keyboard-layout {
+ padding: 4px;
+ spacing: 4px;
+}
+
+.keyboard-key {
+ font-size: 16pt;
+ font-weight: bold;
+ min-height: 1.2em;
+ min-width: 1.2em;
+ padding: 0 !important;
+ border-radius: 9px;
+ border: none;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #707070;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.keyboard-key:focus, .keyboard-key:hover {
+ color: #FFFFFF;
+ background-color: #656565;
+}
+
+.keyboard-key:checked, .keyboard-key:active {
+ color: #FFFFFF;
+ background-color: #717171;
+}
+
+.keyboard-key:grayed {
+ background-color: #4b4b4b;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.keyboard-key.default-key {
+ background-color: #4b4b4b;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.keyboard-key.default-key:focus, .keyboard-key.default-key:hover {
+ color: #FFFFFF;
+ background-color: #585858;
+}
+
+.keyboard-key.default-key:checked, .keyboard-key.default-key:active {
+ color: #FFFFFF;
+ background-color: #6a6a6a;
+}
+
+.keyboard-key.enter-key {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #ff9d7f;
+}
+
+.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #ff6332;
+}
+
+.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active {
+ color: #FF8A65;
+}
+
+.keyboard-key StIcon {
+ icon-size: 1.125em;
+}
+
+.keyboard-subkeys {
+ color: inherit;
+ -arrow-border-radius: 12px;
+ -arrow-background-color: #343434;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 6px;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85);
+}
+
+.emoji-page .keyboard-key {
+ background-color: transparent;
+ border: none;
+ color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+ border: none;
+ background-color: #FF8A65;
+}
+
+.word-suggestions {
+ font-size: 14pt;
+ spacing: 12px;
+ min-height: 20pt;
+}
+
+/* Login Dialog */
+#lockDialogGroup {
+ background-color: #181926;
+}
+
+.login-dialog-banner-view {
+ padding-top: 24px;
+ max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+ border: none;
+ background-color: transparent;
+}
+
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+ selection-background-color: #FF8A65;
+ selected-color: rgba(0, 0, 0, 0.87);
+ padding: 4px 8px;
+ min-height: 26px;
+ border-radius: 9999px;
+ caret-color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 0;
+ border: none;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ box-shadow: inset 0 -2px #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(0, 0, 0, 0.35);
+}
+
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+ spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+ padding: 0 16px;
+ border: none;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.35);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #24273a;
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:focus {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: none !important;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+ color: rgba(0, 0, 0, 0.35);
+ background-color: #24273a;
+ box-shadow: none !important;
+}
+
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button {
+ padding: 0;
+ border-radius: 100px;
+ width: 32px;
+ height: 32px;
+ border: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.login-dialog .cancel-button StIcon,
+.login-dialog .switch-user-button StIcon,
+.login-dialog .login-dialog-session-list-button StIcon,
+.unlock-dialog .cancel-button StIcon,
+.unlock-dialog .switch-user-button StIcon,
+.unlock-dialog .login-dialog-session-list-button StIcon {
+ icon-size: 16px;
+}
+
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .login-dialog-message-warning {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-logo-bin {
+ padding: 24px 0px;
+}
+
+.login-dialog-banner {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-button-box {
+ spacing: 5px;
+}
+
+.login-dialog-message {
+ text-align: center;
+}
+
+.login-dialog-message-warning {
+ color: #FBC02D;
+}
+
+.login-dialog-message-hint {
+ padding-top: 0;
+ padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+ padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+ padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+ color: #FFFFFF;
+}
+
+.login-dialog-not-listed-label {
+ font-size: 1em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+ padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-not-listed-label:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.login-dialog-user-list-view {
+ -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+ spacing: 12px;
+ padding: .2em;
+ width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+ border-right: 2px solid #FF8A65;
+}
+
+.login-dialog-user-list-item {
+ border-radius: 12px;
+ padding: 6px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+ padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+ padding-left: 1em;
+}
+
+.login-dialog-user-list-item:focus {
+ background-color: rgba(255, 255, 255, 0.04) !important;
+}
+
+.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin: 6px 0 0 0;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.user-widget-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.user-widget.horizontal .user-widget-label {
+ font-size: 13pt;
+ font-weight: bold;
+ padding-left: 15px;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+ padding-left: 14px;
+ text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+ padding-right: 14px;
+ text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+ font-size: 16pt;
+ text-align: center;
+ font-weight: normal;
+ padding-top: 16px;
+}
+
+.login-dialog-prompt-layout {
+ padding-top: 24px;
+ padding-bottom: 12px;
+ spacing: 12px;
+ width: 23em;
+}
+
+.login-dialog-prompt-entry {
+ height: 1.5em;
+}
+
+.login-dialog-prompt-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: 12pt;
+ padding-top: 1em;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+ background-color: #24273a;
+ spacing: 4px;
+ padding: 0;
+ border: none;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ color: #FFFFFF;
+}
+
+#LookingGlassDialog > #Toolbar {
+ padding: 0 8px;
+ border: none;
+ border-radius: 0;
+ background-color: #24273a;
+ box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+#LookingGlassDialog .labels {
+ spacing: 0;
+}
+
+#LookingGlassDialog .notebook-tab {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+ padding-left: 16px;
+ padding-right: 16px;
+ min-height: 32px;
+ padding: 0 32px;
+ transition-duration: 100ms;
+ border-bottom-width: 0;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+ border-color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: inset 0 -2px 0px #FF8A65;
+ color: #FFFFFF;
+ text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+ padding: 4px;
+ spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+ spacing: 4px;
+}
+
+.lg-dialog StEntry {
+ min-height: 22px;
+ selection-background-color: #FF8A65;
+ selected-color: rgba(0, 0, 0, 0.87);
+}
+
+.lg-dialog .shell-link {
+ color: #3c84f7;
+}
+
+.lg-dialog .shell-link:hover {
+ color: #6da3f9;
+}
+
+.lg-dialog .shell-link:active {
+ color: #0b65f5;
+}
+
+.lg-dialog .actor-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.lg-dialog .actor-link:hover {
+ color: #FFFFFF;
+}
+
+.lg-dialog .actor-link:active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.lg-completions-text {
+ font-size: .9em;
+ font-style: italic;
+}
+
+.lg-obj-inspector-title {
+ spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+ padding: 0 16px;
+ border: none;
+ border-radius: 6px;
+}
+
+.lg-obj-inspector-button:hover {
+ border: none;
+}
+
+#lookingGlassExtensions {
+ padding: 6px;
+}
+
+.lg-extensions-list {
+ padding: 6px;
+ spacing: 6px;
+}
+
+.lg-extension {
+ border: none;
+ border-radius: 6px;
+ background-color: #24273a;
+ padding: 12px;
+}
+
+.lg-extension-name {
+ font-weight: bold;
+}
+
+.lg-extension-meta {
+ spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+ color: rgba(255, 255, 255, 0.7);
+ background: #24273a;
+ border: none;
+ border-radius: 6px;
+ padding: 6px;
+ margin: 5px 8px 11px;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+}
+
+/* Message List */
+.message-list {
+ width: 31.5em;
+ text-shadow: none;
+ border: none;
+ padding: 4px 0;
+}
+
+.message-list:ltr {
+ margin-left: 0;
+ margin-right: 0;
+ padding-right: 0;
+ border-right-width: 0;
+}
+
+.message-list:rtl {
+ margin-right: 0;
+ margin-left: 0;
+ padding-left: 0;
+ border-left-width: 0;
+}
+
+.message-list .message-list-placeholder {
+ spacing: 12px;
+}
+
+.message-list .message-list-placeholder > StIcon {
+ icon-size: 48px;
+ margin-bottom: 12px;
+ -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+ margin: 0 8px 0 16px;
+}
+
+.message-list-section,
+.message-list-sections,
+.message-list-section-list {
+ spacing: 6px;
+}
+
+.message {
+ margin: 3px 0;
+}
+
+.message .message-icon-bin {
+ padding: 18px;
+}
+
+.message .message-icon-bin:ltr {
+ padding-right: 6px;
+}
+
+.message .message-icon-bin:rtl {
+ padding-left: 6px;
+}
+
+.message .message-icon-bin > StIcon {
+ icon-size: 32px;
+ -st-icon-style: symbolic;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.message .message-secondary-bin {
+ padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 9pt;
+ text-align: right;
+ padding-bottom: 0.12em;
+}
+
+.message .message-secondary-bin > .event-time:ltr {
+ text-align: right;
+}
+
+.message .message-secondary-bin > .event-time:rtl {
+ text-align: left;
+}
+
+.message .message-title {
+ color: #FFFFFF;
+ font-weight: bold;
+}
+
+.message .message-content {
+ padding: 9px;
+ margin-bottom: 8px;
+ spacing: 4px;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.message .message-close-button {
+ color: rgba(255, 255, 255, 0.7);
+ padding: 0;
+ height: 24px;
+ width: 24px;
+ border-radius: 9999px;
+}
+
+.message .message-close-button:hover, .message .message-close-button:active {
+ color: #FFFFFF;
+}
+
+.message .message-close-button:hover, .message .message-close-button:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.message .message-close-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.message .message-body {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.url-highlighter {
+ link-color: #3c84f7;
+}
+
+.message-media-control {
+ border-radius: 9999px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.message-media-control:last-child:ltr {
+ margin-right: 16px;
+}
+
+.message-media-control:last-child:rtl {
+ margin-left: 16px;
+}
+
+.message-media-control:hover, .message-media-control:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.message-media-control:active {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.message-media-control:insensitive {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.media-message-cover-icon {
+ icon-size: 48px;
+ border-radius: 6px;
+}
+
+.media-message-cover-icon.fallback {
+ icon-size: 32px !important;
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.select-area-rubberband {
+ background-color: rgba(255, 138, 101, 0.3);
+ border: 1px solid #FF8A65;
+ border-radius: 6px;
+}
+
+.user-icon {
+ background-size: contain;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 9999px;
+ border: none;
+ box-shadow: none;
+ icon-size: 64px;
+}
+
+.modal-dialog .user-icon {
+ box-shadow: none;
+}
+
+.user-icon:hover {
+ color: #FFFFFF;
+}
+
+.user-icon StIcon {
+ background-color: #FFFFFF;
+ border-radius: 9999px;
+ padding: 12px;
+ width: 40px;
+ height: 40px;
+}
+
+.user-icon.user-avatar {
+ border: 2px solid #FF8A65;
+}
+
+.user-widget.vertical .user-icon {
+ icon-size: 96px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+ padding: 20px;
+ padding-top: 18px;
+ padding-bottom: 22px;
+ width: 88px;
+ height: 88px;
+}
+
+.lightbox {
+ background-color: black;
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.hidden {
+ color: rgba(0, 0, 0, 0);
+}
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ font-size: 10pt;
+ color: #FBC02D;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+ max-height: 34em;
+ min-height: 31em;
+ min-width: 32em;
+}
+
+.nm-dialog-content {
+ spacing: 20px;
+ padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+ spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+ font-weight: bold;
+ text-align: center;
+}
+
+.nm-dialog-airplane-text {
+ color: #FFFFFF;
+}
+
+.nm-dialog-header {
+ font-weight: bold;
+}
+
+.nm-dialog-header-icon {
+ icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+ border: none;
+ padding: 0;
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+}
+
+.nm-dialog-item {
+ font-size: 11pt;
+ border-bottom: none;
+ padding: 12px;
+ spacing: 0px;
+}
+
+.nm-dialog-item:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nm-dialog-item:hover, .nm-dialog-item:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.nm-dialog-item:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.nm-dialog-icon {
+ icon-size: 16px;
+}
+
+.nm-dialog-icons {
+ spacing: 12px;
+}
+
+.no-networks-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.no-networks-box {
+ spacing: 6px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+ width: 34em;
+ min-height: 64px;
+ margin: 2px 5px 8px;
+ border-radius: 6px;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #24273a;
+ border: none;
+ text-shadow: none;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ border-radius: 12px;
+}
+
+.notification-banner:hover {
+ color: #FFFFFF;
+ background-color: #24273a;
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
+ margin: 2px 12px 17px;
+}
+
+.notification-banner:focus {
+ color: #FFFFFF;
+ background-color: #24273a;
+}
+
+.notification-banner .notification-actions {
+ background-color: transparent;
+ padding-top: 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ spacing: 0;
+}
+
+.notification-banner .notification-button {
+ min-height: 44px;
+ padding: 0 18px;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+ border-width: 0;
+}
+
+.notification-banner .notification-button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+.notification-banner .notification-button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+.notification-banner .notification-button:focus {
+ background-color: transparent;
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12);
+}
+
+.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+.notification-banner .notification-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+.summary-source-counter {
+ font-size: fontsize(10);
+ font-weight: bold;
+ height: 1.6em;
+ width: 1.6em;
+ -shell-counter-overlap-x: 3px;
+ -shell-counter-overlap-y: 3px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ border: 2px solid rgba(255, 255, 255, 0.3);
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+ border-radius: 0.9em;
+}
+
+.chat-body {
+ spacing: 5px;
+}
+
+.chat-response {
+ margin: 5px;
+}
+
+.chat-log-message {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.chat-new-group {
+ padding-top: 1em;
+}
+
+.chat-received {
+ padding-left: 4px;
+}
+
+.chat-received:rtl {
+ padding-left: 0px;
+ padding-right: 4px;
+}
+
+.chat-sent {
+ padding-left: 18pt;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.chat-sent:rtl {
+ padding-left: 0;
+ padding-right: 18pt;
+}
+
+.chat-meta-message {
+ padding-left: 4px;
+ font-size: 9pt;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.chat-meta-message:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+/* OSD */
+.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #181926;
+ border: none;
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
+ margin: 5px 8px 11px;
+ border-radius: 12px;
+ padding: 12px;
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ height: 2px;
+ border-radius: 2px;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.12);
+ -barlevel-active-background-color: #FF8A65;
+ -barlevel-overdrive-color: #F44336;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+ -barlevel-border-color: rgba(255, 255, 255, 0.12);
+}
+
+.osd-window .level-bar {
+ background-color: white;
+ border-radius: 2px;
+}
+
+.pad-osd-window {
+ padding: 32px;
+ background-color: #181926;
+}
+
+.pad-osd-window .pad-osd-title-box {
+ spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px;
+}
+
+.combo-box-label {
+ width: 15em;
+}
+
+#overview StScrollBar StBin#trough {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active {
+ background-color: #FFFFFF;
+}
+
+#overview {
+ spacing: 24px;
+}
+
+.overview-controls {
+ padding-bottom: 30px;
+}
+
+.quick-settings {
+ padding: 18px !important;
+ border-radius: 24px !important;
+ margin-top: 6px !important;
+}
+
+.quick-settings .icon-button, .quick-settings .button {
+ padding: 10.5px;
+}
+
+.quick-settings-grid {
+ spacing-rows: 12px;
+ spacing-columns: 12px;
+}
+
+.quick-toggle {
+ border-radius: 6px;
+ min-width: 12em;
+ max-width: 12em;
+ min-height: 40px;
+ border: none;
+ background-color: rgba(255, 255, 255, 0.08) !important;
+ /* Move padding into the box; this is to allow menu arrows
+ to extend to the border */
+}
+
+.quick-toggle:hover {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.quick-toggle:active {
+ background-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+.quick-toggle:checked {
+ background-color: #FF8A65 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:hover {
+ background-color: #ff916e !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+ background-color: #ff9c7c !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+ spacing: 6px;
+}
+
+.quick-toggle.button {
+ padding: 0;
+}
+
+.quick-toggle > StBoxLayout {
+ padding: 0 12px;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+ padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+ padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+ font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow {
+ icon-size: 16px;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+ padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+ padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+ background-color: rgba(255, 255, 255, 0.08) !important;
+ padding: 6px 10.5px;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+ border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+ border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+ padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+ spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+ min-height: 16px;
+ padding: 6px;
+ border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon {
+ icon-size: 16px;
+}
+
+.quick-slider .icon-button {
+ background-color: transparent;
+ color: #FFFFFF !important;
+}
+
+.quick-slider .icon-button:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.quick-slider .icon-button:active {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.quick-toggle-menu {
+ background-color: #24273a !important;
+ color: #FFFFFF !important;
+ border-radius: 18px !important;
+ padding: 12px;
+ margin: 12px 18px 0;
+}
+
+.quick-toggle-menu .popup-menu-item {
+ border-radius: 6px !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item:hover, .quick-toggle-menu .popup-menu-item.selected {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+ -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+ spacing-rows: 3px;
+ spacing-columns: 12px;
+ padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+ icon-size: 24px;
+ border-radius: 6px;
+ padding: 9px;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.quick-toggle-menu .header .icon.active {
+ background-color: #FF8A65 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+ spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+ -st-icon-style: symbolic;
+}
+
+.quick-settings-system-item .power-item {
+ min-height: 0;
+ min-width: 0;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+ color: #FFFFFF;
+ background-color: #24273a;
+ box-shadow: none !important;
+ background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+ icon-size: 8px;
+}
+
+/* Top Bar */
+#panel {
+ background-color: #181926;
+ font-weight: bold;
+ height: 32px;
+ color: rgba(255, 255, 255, 0.7);
+ font-feature-settings: "tnum";
+ transition-duration: 250ms;
+ font-size: 10pt;
+}
+
+#panel .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: #181926;
+ -panel-corner-border-width: 2px;
+ -panel-corner-border-color: transparent;
+ -panel-corner-opacity: 1;
+ transition-duration: 250ms;
+}
+
+#panel .panel-button {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.7);
+ transition-duration: 150ms;
+ border-radius: 9999px;
+ text-shadow: none;
+ border: 2px solid transparent;
+}
+
+#panel .panel-button.clock-display .clock {
+ transition-duration: 150ms;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+}
+
+#panel .panel-button:hover {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel .panel-button:hover.clock-display .clock {
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover {
+ background-color: transparent;
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+}
+
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+ color: #FFFFFF;
+}
+
+.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
+ color: #FFFFFF;
+}
+
+.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+ color: #FFFFFF;
+}
+
+#panel .panel-button .system-status-icon {
+ icon-size: 16px;
+ padding: 6px;
+ margin: 0 4px;
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+ margin: 0;
+}
+
+#panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic;
+}
+
+#panel .panel-button#panelActivities {
+ -natural-hpadding: 18px;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock {
+ color: #FFFFFF;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);
+}
+
+#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+}
+
+#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display {
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock {
+ box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);
+ color: #FFFFFF;
+}
+
+#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+ spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+ spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+ color: #FBC02D;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer {
+ -arrow-border-radius: 12px;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 18px;
+ -arrow-rise: 0;
+ -arrow-box-shadow: none;
+ background: transparent;
+}
+
+.popup-menu {
+ min-width: 12em;
+ color: rgba(255, 255, 255, 0.7) !important;
+ padding: 0;
+ font-weight: normal;
+ border-radius: 12px;
+ box-shadow: 0 3px 8px -5px rgba(0, 0, 0, 0.12);
+ margin: 6px 6px 8px;
+ font-size: 10pt;
+}
+
+.popup-menu .popup-menu-content {
+ padding: 6px;
+ background-color: #24273a;
+ border-radius: 12px;
+ margin: 0;
+ font-weight: normal;
+ border: 1px solid rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.popup-menu .popup-menu-item {
+ spacing: 6px;
+ color: rgba(255, 255, 255, 0.7) !important;
+ text-shadow: none;
+ border-radius: 6px;
+ margin: 0;
+ transition-duration: 100ms;
+ font-weight: normal;
+ background-color: transparent;
+}
+
+.popup-menu .popup-menu-item:checked {
+ font-weight: normal;
+ border: none;
+ box-shadow: none;
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ border-radius: 6px 6px 0 0;
+}
+
+.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected {
+ color: #FFFFFF !important;
+ background-color: alpha(currentColor, 0.08) !important;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+ color: #FFFFFF !important;
+ background-color: alpha(currentColor, 0.12) !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+ color: rgba(255, 255, 255, 0.32) !important;
+}
+
+.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ transition-duration: 0;
+}
+
+.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.32) !important;
+}
+
+.popup-menu .popup-sub-menu {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+ color: rgba(255, 255, 255, 0.7) !important;
+ border: none;
+ box-shadow: none;
+ margin: 0;
+ border-radius: 0 0 6px 6px;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item {
+ margin: 0;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.32) !important;
+}
+
+.popup-menu .popup-inactive-menu-item {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(255, 255, 255, 0.32) !important;
+}
+
+.popup-menu.panel-menu {
+ -boxpointer-gap: 4px;
+ margin-bottom: 1.75em;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-ornament {
+ width: 1.2em;
+}
+
+.popup-menu-ornament:ltr {
+ text-align: right;
+}
+
+.popup-menu-ornament:rtl {
+ text-align: left;
+}
+
+.background-menu {
+ -boxpointer-gap: 4px;
+ -arrow-rise: 0px;
+}
+
+.aggregate-menu {
+ min-width: 20em;
+}
+
+.aggregate-menu .popup-menu-icon {
+ padding: 0;
+ margin: 0 3px;
+ -st-icon-style: symbolic;
+}
+
+.app-menu {
+ max-width: 27.25em;
+}
+
+.app-menu .popup-menu-ornament {
+ width: 0 !important;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
+ margin-right: 8px;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
+ margin-left: 8px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+ color: white;
+ font-weight: 300;
+ text-align: center;
+ spacing: 24px;
+ padding-bottom: 2.5em;
+}
+
+.unlock-dialog-clock-time {
+ font-size: 64pt;
+ padding-top: 42px;
+ font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+ font-size: 16pt;
+ font-weight: normal;
+}
+
+.unlock-dialog-clock-hint {
+ font-weight: normal;
+ padding-top: 48px;
+}
+
+.unlock-dialog-notifications-container {
+ margin: 12px 0;
+ spacing: 6px;
+ width: 23em;
+ background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 12px 6px;
+ border: none;
+ background-color: #181926;
+ color: #FFFFFF;
+ border-radius: 12px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: #28293f;
+}
+
+.unlock-dialog-notification-label {
+ padding: 0px 0px 0px 12px;
+}
+
+.unlock-dialog-notification-count-text {
+ weight: bold;
+ padding: 0 6px;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+ border-radius: 9999px;
+ margin-right: 12px;
+}
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+ background-color: rgba(36, 39, 58, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+ background-color: rgba(36, 39, 58, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+ background-color: rgba(255, 138, 101, 0.5);
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+ padding: 0;
+}
+
+StScrollView StScrollBar {
+ min-width: 12px;
+ min-height: 12px;
+}
+
+StScrollBar StBin#trough {
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.12);
+ margin: 3px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ border: 3px solid transparent;
+ margin: 3px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #FFFFFF;
+}
+
+.search-entry {
+ width: 320px;
+ min-height: 32px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.7);
+ transition-duration: 150ms;
+ border-radius: 6px;
+ caret-color: #FFFFFF;
+ selection-background-color: rgba(255, 255, 255, 0.12);
+ selected-color: rgba(0, 0, 0, 0.87) !important;
+ color: #FFFFFF;
+ background-color: #24273a;
+ border: 2px solid transparent;
+ box-shadow: none;
+}
+
+.search-entry:hover {
+ color: #FFFFFF;
+ border-color: rgba(255, 255, 255, 0.3);
+ background-color: #24273a;
+}
+
+.search-entry:focus {
+ color: #FFFFFF;
+ border-color: #FF8A65;
+ background-color: #24273a;
+ box-shadow: none;
+}
+
+.search-entry .search-entry-icon {
+ icon-size: 16px;
+ padding: 0 0;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.search-entry:insensitive {
+ border: none;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.search-entry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/* Search */
+.list-search-result, .search-provider-icon {
+ border-radius: 6px;
+ padding: 6px;
+ transition-duration: 100ms;
+ text-align: center;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ transition-duration: 200ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+#searchResultsContent {
+ max-width: 1024px;
+ spacing: 8px;
+}
+
+.search-section {
+ spacing: 8px;
+ background: none;
+}
+
+.search-section .search-section-separator {
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.search-section-content {
+ spacing: 8px;
+ border-radius: 0;
+ padding: 18px;
+ border: none;
+ box-shadow: none;
+ background-color: transparent !important;
+ background-image: none !important;
+ text-shadow: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.search-statustext {
+ font-size: 2em;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.grid-search-results {
+ spacing: 36px;
+}
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 120px;
+ margin-top: 0;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.list-search-results {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+ spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+ spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/* Slider */
+.slider {
+ height: 20px;
+ color: #24273a;
+ -slider-height: 2px;
+ -slider-background-color: rgba(255, 255, 255, 0.3);
+ -slider-border-color: #FF8A65;
+ -slider-active-background-color: #FF8A65;
+ -slider-active-border-color: #FF8A65;
+ -slider-border-width: 2px;
+ -slider-handle-radius: 7px;
+ -slider-handle-border-width: 2px;
+ -slider-handle-border-color: #FF8A65;
+ -barlevel-height: 2px;
+ -barlevel-background-color: rgba(255, 255, 255, 0.3);
+ -barlevel-border-color: transparent;
+ -barlevel-active-background-color: #FF8A65;
+ -barlevel-active-border-color: transparent;
+ -barlevel-overdrive-color: #F44336;
+ -barlevel-overdrive-border-color: transparent;
+ -barlevel-overdrive-separator-width: 2px;
+ -barlevel-border-width: 0;
+}
+
+/* App Switcher */
+.switcher-popup {
+ padding: 8px;
+ spacing: 24px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+ border: 1px solid transparent;
+}
+
+.switcher-list .item-box:outlined {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.switcher-list .item-box:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.switcher-list .switcher-list-item-container {
+ spacing: 12px;
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.switcher-arrow:highlighted {
+ color: #FFFFFF;
+}
+
+.input-source-switcher-symbol {
+ font-size: 34pt;
+ width: 96px;
+ height: 96px;
+}
+
+.cycler-highlight {
+ border: 5px solid #FF8A65;
+}
+
+/* Switches */
+.toggle-switch {
+ width: 46px;
+ height: 24px;
+ background-size: contain;
+}
+
+.toggle-switch, .popup-sub-menu .toggle-switch {
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked, .popup-sub-menu .toggle-switch:checked {
+ background-image: url("assets/toggle-on-dark.svg");
+}
+
+/* Tiled window previews */
+.tile-preview {
+ background-color: rgba(255, 138, 101, 0.3);
+ border: 1px solid #FF8A65;
+}
+
+.tile-preview-left.on-primary {
+ border-radius: 7px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+ border-radius: 0 7px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+ border-radius: 7px 7px 0 0;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+ padding: 12px;
+}
+
+.workspace-switcher {
+ background: transparent;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ spacing: 12px;
+}
+
+.ws-switcher-box {
+ background: transparent;
+ height: 50px;
+ background-size: 32px;
+ background: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+ height: 52px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 9px;
+ border: none;
+}
+
+.icon-grid {
+ row-spacing: 12px;
+ column-spacing: 12px;
+ max-row-spacing: 72px;
+ max-column-spacing: 72px;
+ page-padding-top: 24px;
+ page-padding-bottom: 24px;
+ page-padding-left: 12px;
+ page-padding-right: 12px;
+}
+
+.page-indicator {
+ padding: 6px 12px 0;
+}
+
+.page-indicator .page-indicator-icon {
+ width: 10px;
+ height: 10px;
+ border-radius: 10px;
+ background-color: white;
+}
+
+.apps-scroll-view {
+ padding: 0;
+}
+
+.page-navigation-hint {
+ width: 300px;
+}
+
+.page-navigation-hint.dnd {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+ background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-end: transparent;
+ background-gradient-direction: horizontal;
+ border-radius: 15px 0px 0px 15px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+ background-gradient-start: transparent;
+ background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-direction: horizontal;
+ border-radius: 0px 15px 15px 0px;
+}
+
+.page-navigation-arrow > StIcon {
+ margin: 6px;
+ padding: 18px;
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.page-navigation-arrow:active > StIcon {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+#dash {
+ margin-top: 12px;
+ padding: 0 10px;
+}
+
+#dash .placeholder {
+ background-image: none;
+ background-size: contain;
+ height: 32px;
+}
+
+#dash .overview-icon {
+ padding: 5px;
+}
+
+.dash-background {
+ background-color: rgba(255, 255, 255, 0.3);
+ margin-bottom: 16px;
+ padding: 10px;
+ border-radius: 24px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+.dash-item-container .app-well-app, .show-apps {
+ padding: 10px 2px 26px;
+}
+
+.dash-separator {
+ width: 1px;
+ margin: 0 7px 16px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.workspace-animation {
+ background-color: #181926;
+}
+
+.calendar .calendar-change-month-back,
+.calendar .calendar-change-month-forward {
+ padding: 0 2px;
+}
+
+.message-list-controls {
+ padding: 6px 6px 6px 30px !important;
+ spacing: 6px;
+ font-weight: normal;
+}
+
+.message-list-controls .dnd-button {
+ font-weight: normal;
+}
+
+.message-media-control {
+ margin: 26px 6px;
+ padding: 12px;
+}
+
+.media-message-cover-icon {
+ padding: 12px;
+}
+
+.media-message-cover-icon.fallback {
+ padding: 12px;
+}
+
+.controls-manager, .secondary-monitor-workspaces {
+ spacing: 12px;
+}
+
+#overviewGroup {
+ background-color: #181926;
+}
+
+.osd-window {
+ spacing: 12px;
+ padding: 12px 18px;
+ margin-bottom: 4em;
+}
+
+.osd-window > * {
+ spacing: 8px;
+}
+
+.osd-window StIcon {
+ icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+ margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+ margin-left: 6px;
+}
+
+#appMenu {
+ spacing: 6px;
+}
+
+#appMenu .label-shadow {
+ color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+ padding: 0 6px;
+ spacing: 6px;
+}
+
+.popup-menu .popup-menu-item {
+ padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+ padding-right: 9px !important;
+ padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+ padding-right: 0 !important;
+ padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+ width: 0 !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+ margin: 6px 32px;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ padding: 0;
+ margin: 0 32px 0 0;
+ height: 1px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 12px !important;
+ margin-left: 0 !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 12px !important;
+ margin-right: 0 !important;
+}
+
+.search-entry {
+ margin-top: 24px;
+ margin-bottom: 6px;
+}
+
+.icon-label-button-container {
+ spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+ icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+ border-radius: 33px;
+ padding: 18px;
+ padding-bottom: 12px;
+ margin-bottom: 4em;
+ spacing: 12px;
+}
+
+.screenshot-ui-close-button {
+ padding: 6px !important;
+ margin-top: 12px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+ margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+ margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+ min-width: 48px;
+ padding: 12px 18px !important;
+ border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+ border: 4px #FFFFFF;
+ padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+ background-color: #FFFFFF;
+ transition-duration: 200ms;
+ border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+ background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+ background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+ background-color: #F44336;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+ background-color: #f55a4e;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+ background-color: #f22314;
+}
+
+.screenshot-ui-shot-cast-container {
+ background-color: #222336;
+ border-radius: 12px;
+ padding: 3px;
+ spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+ margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+ margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+ padding: 6px 12px;
+ background-color: transparent;
+ border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+ background-color: #2c2e45;
+}
+
+.screenshot-ui-shot-cast-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+ background-color: white;
+ color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+ border-radius: 9999px;
+ padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+ border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+ border-radius: 9999px;
+ background-color: white;
+ box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+ width: 24px;
+ height: 24px;
+}
+
+.screenshot-ui-window-selector {
+ background-color: #181926;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+ margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+ margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+ transition-duration: 200ms;
+ border-radius: 12px;
+ border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+ transition-duration: 200ms;
+ color: transparent;
+ border-radius: 99px;
+ border-width: 12px;
+ icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+ border-color: #ff5019;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+ border-color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+.screenshot-ui-screen-selector {
+ transition-duration: 200ms;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+ background-color: transparent;
+ border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+ color: #FFFFFF;
+ background-color: #181926;
+ border-radius: 9999px;
+ padding: 6px 12px;
+ text-align: center;
+ -y-offset: 24px;
+}
+
+.window-picker {
+ spacing: 6px;
+}
+
+.window-caption {
+ color: #FFFFFF;
+ background-color: #181926;
+ border-radius: 9999px;
+ padding: 6px 12px;
+}
+
+.window-close, .screenshot-ui-close-button {
+ background-color: #181926;
+ color: #FFFFFF;
+ border-radius: 21px;
+ padding: 3px;
+ height: 30px;
+ width: 30px;
+ box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
+ transition-duration: 300ms;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+ color: #FFFFFF;
+ background-color: #242539;
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+ color: #FFFFFF;
+ background-color: #0c0d13;
+}
+
+.workspace-background {
+ border-radius: 30px;
+ background-color: #181926;
+ box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 6px;
+ padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.12);
+ border: none;
+ border-radius: 6px;
+}
+
+.workspace-thumbnails .placeholder {
+ background-image: url("assets/dash-placeholder.svg");
+ background-size: contain;
+ width: 18px;
+ height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+ border: 3px solid #FF8A65;
+ border-radius: 3px;
+ padding: 0px;
+}
+
+.bottom #dashtodockDashScrollview,
+.top #dashtodockDashScrollview {
+ -st-hfade-offset: 24px;
+}
+
+.left #dashtodockDashScrollview,
+.right #dashtodockDashScrollview {
+ -st-vfade-offset: 24px;
+}
+
+#dashtodockContainer {
+ background-color: transparent;
+}
+
+#dashtodockContainer .number-overlay {
+ color: #FFFFFF;
+ background-color: rgba(0, 0, 0, 0.75);
+ text-align: center;
+}
+
+#dashtodockContainer .notification-badge {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+ border-radius: 9999px;
+ margin: 2px;
+ padding: 0.2em 0.6em;
+ font-weight: bold;
+ text-align: center;
+}
+
+#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash {
+ border-radius: 0;
+ margin: 0;
+}
+
+#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background {
+ border-radius: 0;
+}
+
+#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 0 0;
+}
+
+#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background {
+ border-radius: 0;
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left #dash, #dashtodockContainer.right #dash {
+ margin-top: 0;
+ padding: 10px 0;
+}
+
+#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background {
+ margin-bottom: 0;
+}
+
+#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps {
+ padding: 6px;
+}
+
+#dashtodockContainer.left #dash {
+ margin-left: 6px;
+}
+
+#dashtodockContainer.right #dash {
+ margin-right: 6px;
+}
+
+#dashtodockContainer.dashtodock #dash .dash-background {
+ background-color: #181926;
+}
+
+#dashtodockContainer #dash .dash-background {
+ background-color: #181926;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #FF8A65 !important;
+}
+
+#dashtodockContainer:overview #dash .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
+ background-color: #FF8A65 !important;
+}
+
+#dashtodockContainer .show-apps .overview-icon,
+#dashtodockContainer .app-well-app .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon,
+#dashtodockContainer .app-well-app:hover .overview-icon,
+#dashtodockContainer .app-well-app:focus .overview-icon,
+#dashtodockContainer .app-well-app:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon,
+#dashtodockContainer .app-well-app:active .overview-icon,
+#dashtodockContainer .app-well-app:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+#dashtodockContainer StWidget.focused .app-well-app-running-dot {
+ background-color: #FF8A65;
+}
+
+#dashtodockContainer.opaque #dash .dash-background {
+ background-color: #181926;
+}
+
+#dashtodockContainer.transparent #dash .dash-background {
+ background-color: rgba(24, 25, 38, 0.35);
+}
+
+#dashtodockContainer:overview #dash .dash-background {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+
+#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background {
+ background-color: #181926;
+}
+
+#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton {
+ transition-duration: 250ms;
+ background-size: contain;
+}
+
+#dashtodockContainer.extended .app-well-app .overview-icon,
+#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon,
+#dashtodockContainer.extended:overview .show-apps .overview-icon {
+ border-radius: 6px;
+}
+
+#dashtodockContainer .metro .overview-icon {
+ border-radius: 0;
+}
+
+.dashtodock-app-well-preview-menu-item {
+ padding: 1em 1em 0.5em 1em;
+}
+
+#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
+ width: 1px;
+ height: auto;
+ border-right-width: 1px;
+ margin: 32px 0;
+}
+
+.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box {
+ border: 1px solid transparent;
+}
+
+.openweather-provider {
+ padding: 0 16px;
+ font-weight: 500;
+ border: 1px solid transparent;
+}
+
+.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox {
+ background: none;
+ color: #FFFFFF;
+}
+
+.openweather-current-databox-values {
+ background: none;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.openweather-current-databox-captions {
+ background: none;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.openweather-forecast-icon, .openweather-forecast-summary {
+ background: none;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.openweather-forecast-day, .openweather-forecast-temperature {
+ background: none;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.cosmic-dock #dock {
+ border-radius: 16px !important;
+ border: none !important;
+ margin: 6px !important;
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.08) !important;
+}
+
+.cosmic-dock #dock .dash-background {
+ background-color: transparent !important;
+ margin-bottom: 0 !important;
+ padding: 0;
+ box-shadow: none !important;
+}
+
+.cosmic-application-dialog {
+ border-radius: 12px;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.cosmic-application-dialog .overview-icon {
+ color: #FFFFFF;
+}
+
+.cosmic-applications-separator {
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.cosmic-folder-edit-button {
+ box-shadow: none;
+ border-radius: 6px;
+ border-width: 0;
+ color: #FFFFFF;
+ background: rgba(255, 255, 255, 0.04);
+}
+
+.cosmic-folder-edit-button .cosmic-folder-edit-button:hover {
+ background: rgba(255, 255, 255, 0.12);
+}
+
+.cosmic-applications-icon {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.cosmic-applications-folder-title {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.cosmic-applications-available {
+ color: #FFFFFF;
+}
+
+.pop-shell-active-hint {
+ border-style: solid;
+ border-color: #FBC02D;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.pop-shell-overlay {
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+.pop-shell-search-element:select {
+ background: rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+.pop-shell-tab {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.pop-shell-tab-active {
+ background: #FBC02D;
+}
+
+.pop-shell-tab-inactive {
+ background: rgba(251, 192, 45, 0.35);
+}
+
+.pop-shell-tab-urgent {
+ background: #F44336;
+}
+
+#panel.light-panel .panel-button,
+#panel.dark-panel .panel-button,
+#panel.transparent-panel .panel-button {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+#panel.light-panel .panel-button.clock-display .clock,
+#panel.dark-panel .panel-button.clock-display .clock,
+#panel.transparent-panel .panel-button.clock-display .clock {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+#panel.light-panel .panel-button:hover,
+#panel.dark-panel .panel-button:hover,
+#panel.transparent-panel .panel-button:hover {
+ color: rgba(255, 255, 255, 0.7) !important;
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display .clock,
+#panel.dark-panel .panel-button:hover.clock-display .clock,
+#panel.transparent-panel .panel-button:hover.clock-display .clock {
+ background-color: rgba(255, 255, 255, 0.12) !important;
+}
+
+#panel.light-panel .panel-button:active, #panel.light-panel .panel-button:checked, #panel.light-panel .panel-button:focus,
+#panel.dark-panel .panel-button:active,
+#panel.dark-panel .panel-button:checked,
+#panel.dark-panel .panel-button:focus,
+#panel.transparent-panel .panel-button:active,
+#panel.transparent-panel .panel-button:checked,
+#panel.transparent-panel .panel-button:focus {
+ color: #FFFFFF !important;
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock,
+#panel.dark-panel .panel-button:active.clock-display .clock,
+#panel.dark-panel .panel-button:checked.clock-display .clock,
+#panel.dark-panel .panel-button:focus.clock-display .clock,
+#panel.transparent-panel .panel-button:active.clock-display .clock,
+#panel.transparent-panel .panel-button:checked.clock-display .clock,
+#panel.transparent-panel .panel-button:focus.clock-display .clock {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display, #panel.light-panel .panel-button:active.clock-display, #panel.light-panel .panel-button:overview.clock-display, #panel.light-panel .panel-button:focus.clock-display, #panel.light-panel .panel-button:checked.clock-display,
+#panel.dark-panel .panel-button:hover.clock-display,
+#panel.dark-panel .panel-button:active.clock-display,
+#panel.dark-panel .panel-button:overview.clock-display,
+#panel.dark-panel .panel-button:focus.clock-display,
+#panel.dark-panel .panel-button:checked.clock-display,
+#panel.transparent-panel .panel-button:hover.clock-display,
+#panel.transparent-panel .panel-button:active.clock-display,
+#panel.transparent-panel .panel-button:overview.clock-display,
+#panel.transparent-panel .panel-button:focus.clock-display,
+#panel.transparent-panel .panel-button:checked.clock-display {
+ background-color: transparent !important;
+}
+
+#panel.light-panel .panel-button:hover.clock-display .clock, #panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:overview.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock,
+#panel.dark-panel .panel-button:hover.clock-display .clock,
+#panel.dark-panel .panel-button:active.clock-display .clock,
+#panel.dark-panel .panel-button:overview.clock-display .clock,
+#panel.dark-panel .panel-button:focus.clock-display .clock,
+#panel.dark-panel .panel-button:checked.clock-display .clock,
+#panel.transparent-panel .panel-button:hover.clock-display .clock,
+#panel.transparent-panel .panel-button:active.clock-display .clock,
+#panel.transparent-panel .panel-button:overview.clock-display .clock,
+#panel.transparent-panel .panel-button:focus.clock-display .clock,
+#panel.transparent-panel .panel-button:checked.clock-display .clock {
+ color: #FFFFFF !important;
+}
+
+.overview-components-transparent .search-entry,
+.overview-components-light .search-entry,
+.overview-components-dark .search-entry {
+ caret-color: #FFFFFF !important;
+}
+
+.overview-components-transparent .search-entry .search-entry-icon,
+.overview-components-light .search-entry .search-entry-icon,
+.overview-components-dark .search-entry .search-entry-icon {
+ color: rgba(255, 255, 255, 0.7) !important;
+}
+
+.overview-components-transparent .search-entry StLabel.hint-text,
+.overview-components-light .search-entry StLabel.hint-text,
+.overview-components-dark .search-entry StLabel.hint-text {
+ color: rgba(255, 255, 255, 0.3) !important;
+}
+
+.overview-components-transparent .search-section-content,
+.overview-components-light .search-section-content,
+.overview-components-dark .search-section-content {
+ border-radius: 16px;
+}
+
+.overview-components-transparent .search-section-separator,
+.overview-components-light .search-section-separator,
+.overview-components-dark .search-section-separator {
+ height: 0 !important;
+ background-color: transparent !important;
+}
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/no-events.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/no-events.svg
new file mode 100644
index 00000000..239177d1
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/no-events.svg
@@ -0,0 +1,82 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/no-notifications.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/no-notifications.svg
new file mode 100644
index 00000000..ae09f92c
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/no-notifications.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/pad-osd.css b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/pad-osd.css
new file mode 100644
index 00000000..31c23772
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/pad-osd.css
@@ -0,0 +1,30 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ font-size: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/process-working.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/process-working.svg
new file mode 100644
index 00000000..0f311b0b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gnome-shell/process-working.svg
@@ -0,0 +1,72 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/apps.rc b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/apps.rc
new file mode 100644
index 00000000..530e72fd
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/apps.rc
@@ -0,0 +1,92 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g.
+# custom widgets, programs giving us a chance to alter their UI to fit more with
+# the theme or stuff that is supposed to look different, like panels.
+
+# TODO: This could really look nicer
+style "gimp_spin_scale" {
+ # Spin background
+ bg[NORMAL] = @base_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+ }
+}
+
+style "chrome_gtk_frame" {
+ ChromeGtkFrame::frame-color = @titlebar_bg_color
+ ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::frame-gradient-size = 0
+}
+
+# Disable spin button assets for GimpSpinScale
+class "GimpSpinScale" style "gimp_spin_scale"
+
+# Chromium lets us define some colours and settings for better integration
+class "ChromeGtkFrame" style "chrome_gtk_frame"
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/border.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/border.png
new file mode 100644
index 00000000..20d503bf
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/border.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-active.png
new file mode 100644
index 00000000..ca25ccce
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-disabled.png
new file mode 100644
index 00000000..6578ba7d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-hover.png
new file mode 100644
index 00000000..66e1fdd7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button.png
new file mode 100644
index 00000000..3fe12c70
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/button.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 00000000..cd3d94ff
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-disabled.png
new file mode 100644
index 00000000..41727ce9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 00000000..d8c51034
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 00000000..489c494e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-checked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 00000000..1159b879
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png
new file mode 100644
index 00000000..0e8e4014
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 00000000..8563484e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 00000000..fca91a79
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-mixed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 00000000..ebab8aeb
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png
new file mode 100644
index 00000000..6370fc6f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 00000000..a575169a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 00000000..3f1f558c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/checkbox-unchecked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-active.png
new file mode 100644
index 00000000..875dea44
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-disabled.png
new file mode 100644
index 00000000..6a9d9dd2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-hover.png
new file mode 100644
index 00000000..c65ced02
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry.png
new file mode 100644
index 00000000..255e3dc3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-left-entry.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-active.png
new file mode 100644
index 00000000..b513d65b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-disabled.png
new file mode 100644
index 00000000..67cfcc78
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-hover.png
new file mode 100644
index 00000000..8d643bd3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry.png
new file mode 100644
index 00000000..5d232339
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/combo-right-entry.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-active.png
new file mode 100644
index 00000000..6677634a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-background-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-background-disabled.png
new file mode 100644
index 00000000..ce14ba81
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-background-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-background.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-background.png
new file mode 100644
index 00000000..fdf26ab3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-background.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-disabled.png
new file mode 100644
index 00000000..6578ba7d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-hover.png
new file mode 100644
index 00000000..57332392
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry.png
new file mode 100644
index 00000000..3fe12c70
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/entry.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-active.png
new file mode 100644
index 00000000..ca25ccce
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-disabled.png
new file mode 100644
index 00000000..96f9995d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-hover.png
new file mode 100644
index 00000000..66e1fdd7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button.png
new file mode 100644
index 00000000..96f9995d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/flat-button.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/focus.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/focus.png
new file mode 100644
index 00000000..3e8d13db
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/focus.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame-inline.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 00000000..3bf2f901
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame-inline.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame-notebook.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 00000000..1562a81b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame-notebook.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame.png
new file mode 100644
index 00000000..1562a81b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/frame.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz-active.png
new file mode 100644
index 00000000..f1c519ef
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz-hover.png
new file mode 100644
index 00000000..e7e40d69
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 00000000..ef1738d0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-horz.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert-active.png
new file mode 100644
index 00000000..0cec1dc5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert-hover.png
new file mode 100644
index 00000000..600fb08b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 00000000..377fdf0b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/handle-vert.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png
new file mode 100644
index 00000000..b656bb6c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-checked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 00000000..0d864c04
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-checked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
new file mode 100644
index 00000000..61d0c520
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-mixed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 00000000..f2f57128
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-mixed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
new file mode 100644
index 00000000..82a4787b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png
new file mode 100644
index 00000000..899f034b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png
new file mode 100644
index 00000000..1bcd3a35
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-checked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 00000000..30a3db3a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-checked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png
new file mode 100644
index 00000000..61d0c520
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-mixed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 00000000..f2f57128
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-mixed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png
new file mode 100644
index 00000000..82a4787b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-unchecked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-unchecked.png
new file mode 100644
index 00000000..899f034b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/menu-radio-unchecked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-alt-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-alt-disabled.png
new file mode 100644
index 00000000..11a69853
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-alt-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-alt.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-alt.png
new file mode 100644
index 00000000..974686c7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-alt.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-disabled.png
new file mode 100644
index 00000000..8aa63318
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down.png
new file mode 100644
index 00000000..2f28e41e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-down.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-alt-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-alt-disabled.png
new file mode 100644
index 00000000..44e26b6d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-alt-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-alt.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-alt.png
new file mode 100644
index 00000000..529b5e4c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-alt.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-disabled.png
new file mode 100644
index 00000000..ff7c8521
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-semi.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 00000000..955e801f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left-semi.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left.png
new file mode 100644
index 00000000..c9cb53ac
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-left.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-alt-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-alt-disabled.png
new file mode 100644
index 00000000..42e5877b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-alt-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-alt.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-alt.png
new file mode 100644
index 00000000..d7405064
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-alt.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-disabled.png
new file mode 100644
index 00000000..e8e14e80
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-semi.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 00000000..d7d5af02
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right-semi.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right.png
new file mode 100644
index 00000000..6cf201d9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-right.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-alt-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-alt-disabled.png
new file mode 100644
index 00000000..56a417c0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-alt-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-alt.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-alt.png
new file mode 100644
index 00000000..5df7be82
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-alt.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-disabled.png
new file mode 100644
index 00000000..d3ae5113
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up.png
new file mode 100644
index 00000000..a99f7cf0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/pan-up.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/progressbar-progress.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/progressbar-progress.png
new file mode 100644
index 00000000..6ef99b0c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/progressbar-progress.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/progressbar-trough.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/progressbar-trough.png
new file mode 100644
index 00000000..0ab50012
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/progressbar-trough.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 00000000..bc46c70d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-disabled.png
new file mode 100644
index 00000000..242afbe6
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 00000000..453ec3d4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 00000000..f59a1c8b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-checked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 00000000..1159b879
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-disabled.png
new file mode 100644
index 00000000..0e8e4014
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 00000000..8563484e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 00000000..fca91a79
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-mixed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 00000000..ebab8aeb
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-disabled.png
new file mode 100644
index 00000000..6370fc6f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 00000000..a575169a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 00000000..3f1f558c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/radio-unchecked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 00000000..d2dec286
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png
new file mode 100644
index 00000000..10cf142e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 00000000..8a0adf1d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-horz-trough.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 00000000..9f552cc4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-disabled.png
new file mode 100644
index 00000000..e127ead3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 00000000..ba9ed254
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 00000000..7c9391e4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 00000000..6280ec78
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png
new file mode 100644
index 00000000..7e38ad6c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 00000000..6c6d3360
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scale-vert-trough.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 00000000..9b3802ab
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
new file mode 100644
index 00000000..a0e78e25
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 00000000..c44bf539
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 00000000..7d453476
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-trough.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 00000000..7ee36826
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-horz-trough.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
new file mode 100644
index 00000000..86a7e94d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
new file mode 100644
index 00000000..e1bd86ac
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
new file mode 100644
index 00000000..0eab6abe
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
new file mode 100644
index 00000000..bd8227ac
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
new file mode 100644
index 00000000..71b8d3b9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
new file mode 100644
index 00000000..f219ede0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
new file mode 100644
index 00000000..e8cf3269
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
new file mode 100644
index 00000000..fc02be48
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
new file mode 100644
index 00000000..8ab9c686
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
new file mode 100644
index 00000000..a7f78816
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 00000000..bf31a3cc
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png
new file mode 100644
index 00000000..19139fdd
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 00000000..64e8a4ce
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 00000000..020deb5f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-down.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 00000000..1d74bc1d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png
new file mode 100644
index 00000000..dcf55afe
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 00000000..4631e6fa
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 00000000..f9b8eb67
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-ltr-up.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 00000000..2a7281ef
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png
new file mode 100644
index 00000000..4c5e3b17
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 00000000..af6410e7
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 00000000..7eae4282
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-down.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 00000000..53a961d9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png
new file mode 100644
index 00000000..e229de47
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 00000000..ed0c0ce8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 00000000..e3a59e86
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/spin-rtl-up.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/tab.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/tab.png
new file mode 100644
index 00000000..2da8b331
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/tab.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button-active.png
new file mode 100644
index 00000000..45da44f8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png
new file mode 100644
index 00000000..a240cb64
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button.png
new file mode 100644
index 00000000..cc77fcc3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-ltr-button.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button-active.png
new file mode 100644
index 00000000..a5a46b99
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png
new file mode 100644
index 00000000..810a277e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button.png
new file mode 100644
index 00000000..cc77fcc3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/assets/treeview-rtl-button.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/gtkrc b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/gtkrc
new file mode 100644
index 00000000..ee3e5458
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/gtkrc
@@ -0,0 +1,36 @@
+# Based on Bridge by ScionicSpectre and Adwaita by GNOME
+# vim:set ts=2 sw=2 sts=2 ai et:
+#
+# This is the GTK 2 version of Materia. It's whole purpose is to look as the
+# GTK 3 version as much as possible until GTK 2 dies completely.
+#
+# Note: comments for explaining styles are on the bottom of each file beside the
+# widget matches.
+
+# Declare the colours used throughout the theme.
+# There shouldn't be any fiddling with them in the theme files themselves in
+# order to not mess up the dark theme.
+
+# Text/base
+gtk-color-scheme = "text_color:#eff1f5\nbase_color:#24273a"
+# Foreground/background
+gtk-color-scheme = "fg_color:#eff1f5\nbg_color:#24273a"
+# Selected foreground/background
+gtk-color-scheme = "selected_fg_color:#eff1f5\nselected_bg_color:#f5a97f"
+# Titlebar foreground/background
+gtk-color-scheme = "titlebar_fg_color:#eff1f5\ntitlebar_bg_color:#181926"
+# Menus
+gtk-color-scheme = "menu_color:#1e2030"
+# Tooltips foreground/background
+gtk-color-scheme = "tooltip_fg_color:#eff1f5\ntooltip_bg_color:#181926"
+# Links
+gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8"
+
+# Set GTK settings
+gtk-auto-mnemonics = 1
+gtk-primary-button-warps-slider = 1
+
+# And hand over the control to the theme files
+include "main.rc"
+include "apps.rc"
+include "hacks.rc"
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/hacks.rc b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/hacks.rc
new file mode 100644
index 00000000..c288da35
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/hacks.rc
@@ -0,0 +1,36 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file contains horrible hacks to make this theme work with some programs
+# This is mostly due to the limitations of GTK 2 but sometimes its the fault of
+# the programs themselves. Not going to point fingers.
+#
+# Either way, it's a WONTFIX for both, hence this horrible file.
+
+style "toplevel_hack" {
+ engine "adwaita" {}
+}
+
+style "chrome_entry" {
+ base[NORMAL] = @base_color
+ base[INSENSITIVE] = @base_color
+}
+
+style "vim_notebook" {
+ bg[NORMAL] = @base_color
+ bg[ACTIVE] = @bg_color
+}
+
+# Vim puts an eventbox between the tab and the label and colours it,
+# we need to handle that
+widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook"
+
+# (he)xchat input box
+class "SexySpellEntry" style:highest "normal_entry"
+
+# Chromium uses base as the fill colour of its own entries
+# This would be fine but GTK uses it to fill the surrounding space, so its set to bg
+# That results in Chromium using it for the fill, so we need to handle that
+widget_class "*Chrom*" style "chrome_entry"
+
+# Hack to be able to match widgets in LibreOffice
+class "GtkWindow" style "toplevel_hack"
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/main.rc b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/main.rc
new file mode 100644
index 00000000..8349b0e8
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-2.0/main.rc
@@ -0,0 +1,2708 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK 2 and 3 theme.
+
+style "default" {
+ xthickness = 1
+ ythickness = 1
+
+ ####################
+ # Style Properties #
+ ####################
+
+ GtkWidget::focus-padding = 0
+ GtkWidget::focus-line-width = 2
+ GtkWidget::focus-line-pattern = "\2\1"
+
+ GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins)
+ GtkToolbar::internal-padding = 2
+ GtkToolButton::icon-spacing = 4
+
+ GtkWidget::tooltip-radius = 4
+ GtkWidget::tooltip-alpha = 230
+ GtkWidget::new-tooltip-style = 1 #for compatibility
+
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @visited_link_color
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkHTML::vlink-color = @visited_link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+ GtkSeparatorMenuItem::wide-separators = 1
+ GtkSeparatorMenuItem::separator-height = 3
+
+ GtkButton::child-displacement-y = 0
+
+ GtkButton::default-border = {0, 0, 0, 0}
+ GtkButton::default-outside-border = {0, 0, 0, 0}
+ GtkButton::inner-border = {0, 0, 0, 0}
+
+ GtkEntry::state-hint = 1
+ GtkEntry::inner-border = {0, 0, 0, 0}
+
+ GtkPaned::handle-size = 8
+ GtkHPaned::handle-size = 8
+ GtkVPaned::handle-size = 8
+
+ GtkScrollbar::trough-border = 0
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 17
+ GtkRange::stepper-size = 0
+ GtkRange::activate-slider = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::stepper-size = 0
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins)
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkScale::slider_length = 24
+ GtkScale::slider_width = 24
+ GtkScale::trough-side-details = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 4
+ GtkProgressBar::min-vertical-bar-width = 4
+ GtkProgressBar::xspacing = 4
+ GtkProgressBar::yspacing = 4
+
+ GtkStatusbar::shadow_type = GTK_SHADOW_NONE
+ GtkSpinButton::shadow_type = GTK_SHADOW_NONE
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE
+ # TODO: find out what this comment means:
+ # ( every window is misaligned for the sake of menus ):
+ GtkMenuBar::internal-padding = 0
+ GtkMenu::horizontal-padding = 0
+ GtkMenu::vertical-padding = 4
+ GtkMenu::double-arrows = 0
+ GtkMenuItem::arrow-scaling = 1
+ GtkMenuItem::toggle-spacing = 12
+
+ GtkCheckButton::indicator-size = 24
+ GtkCheckButton::indicator_spacing = 2
+ GtkOptionMenu::indicator_spacing = {8, 8, 4, 4}
+
+ GtkTreeView::expander-size = 16
+ GtkTreeView::vertical-separator = 0
+ GtkTreeView::horizontal-separator = 4
+ GtkTreeView::allow-rules = 0
+ # Set this because some apps read it
+ GtkTreeView::odd-row-color = @base_color
+ GtkTreeView::even-row-color = @base_color
+
+ GtkExpander::expander-size = 16
+
+ GtkNotebook::tab-overlap = 0
+
+ ##########
+ # Colors #
+ ##########
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+ bg[ACTIVE] = @bg_color
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color)
+ fg[ACTIVE] = @fg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @text_color
+ text[INSENSITIVE] = mix (0.5, @text_color, @base_color)
+ text[ACTIVE] = @text_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = mix (0.08, @text_color, @base_color)
+ base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
+ base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
+
+ # For succinctness, all reasonable pixmap options remain here
+
+ # Draw frame around menu in a non-compositied environment
+ # This needs to go before pixmap because we need to override some stuff
+ engine "adwaita" {}
+
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/radio-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ ##########
+ # Arrows #
+ ##########
+
+ # Overrides
+
+ # Disable arrows in spinbuttons
+ image {
+ function = ARROW
+ detail = "spinbutton"
+ }
+
+ # Disable arrows for qt in scrollbars
+
+ image {
+ function = ARROW
+ detail = "vscrollbar"
+ }
+
+ image {
+ function = ARROW
+ detail = "hscrollbar"
+ }
+
+ # Menu arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/pan-left-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/pan-right-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/pan-up-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/pan-down-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ # Regular arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-left-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-left-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-right-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-right-alt-disabled.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ ######################
+ # Option Menu Arrows #
+ ######################
+
+ image {
+ function = TAB
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #########
+ # Lines #
+ #########
+
+ image {
+ function = VLINE
+ file = "assets/border.png"
+ border = {1, 0, 0, 0}
+ }
+
+ image {
+ function = HLINE
+ file = "assets/border.png"
+ border = {0, 0, 1, 0}
+ }
+
+ #########
+ # Focus #
+ #########
+
+ image {
+ function = FOCUS
+ file = "assets/focus.png"
+ border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly...
+ stretch = TRUE
+ }
+
+ ###########
+ # Handles #
+ ###########
+
+ image {
+ function = HANDLE
+ detail = "handlebox"
+ overlay_file = "assets/handle-vert.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = HANDLE
+ state = NORMAL
+ overlay_file = "assets/handle-horz.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = PRELIGHT
+ overlay_file = "assets/handle-horz-hover.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = ACTIVE
+ overlay_file = "assets/handle-horz-active.png"
+ overlay_stretch = FALSE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ state = NORMAL
+ overlay_file = "assets/handle-vert.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = HANDLE
+ state = PRELIGHT
+ overlay_file = "assets/handle-vert-hover.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = HANDLE
+ state = ACTIVE
+ overlay_file = "assets/handle-vert-active.png"
+ overlay_stretch = FALSE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = RESIZE_GRIP
+ }
+
+ #############
+ # Expanders #
+ #############
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = NORMAL
+ file = "assets/pan-down-alt.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = PRELIGHT
+ file = "assets/pan-down.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = ACTIVE
+ file = "assets/pan-down.png"
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ state = INSENSITIVE
+ file = "assets/pan-down-alt-disabled.png"
+ }
+
+ # LTR
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = NORMAL
+ file = "assets/pan-right-alt.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = PRELIGHT
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = ACTIVE
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = INSENSITIVE
+ file = "assets/pan-right-alt-disabled.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ # RTL
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = NORMAL
+ file = "assets/pan-left-alt.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = PRELIGHT
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = ACTIVE
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ state = INSENSITIVE
+ file = "assets/pan-left-alt-disabled.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ #############
+ # Notebooks #
+ #############
+
+ # Left
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 1, 0, 0}
+ stretch = TRUE
+ gap_side = RIGHT
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = RIGHT
+ }
+
+ # Right
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {1, 0, 0, 0}
+ stretch = TRUE
+ gap_side = LEFT
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = LEFT
+ }
+
+ # Up
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 0, 0, 1}
+ stretch = TRUE
+ gap_side = BOTTOM
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = BOTTOM
+ }
+
+ # Down
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab.png"
+ border = {0, 0, 1, 0}
+ stretch = TRUE
+ gap_side = TOP
+ }
+
+ image {
+ function = EXTENSION
+ gap_side = TOP
+ }
+
+ # Inner frame
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {1, 0, 0, 0}
+ gap_side = LEFT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 1, 0, 0}
+ gap_side = RIGHT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 0, 1, 0}
+ gap_side = TOP
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab.png"
+ gap_border = {0, 0, 0, 1}
+ gap_side = BOTTOM
+ }
+
+ # Standalone frame
+ image {
+ function = BOX
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-horz-trough.png"
+ border = {0, 0, 1, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-ltr-trough.png"
+ border = {1, 0, 0, 0}
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-rtl-trough.png"
+ border = {0, 1, 0, 0}
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ # Horizontal sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-hover.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-active.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-disabled.png"
+ border = {8, 8, 9, 8 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ # Vertical sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-hover.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-active.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-ltr-slider-disabled.png"
+ border = {9, 8, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ # RTL
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-hover.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-active.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-rtl-slider-disabled.png"
+ border = {8, 9, 8, 8}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ ##########
+ # Scales #
+ ##########
+
+ # Troughs, overrided later on. We set them here too because some widgets
+ # don't specify their orientation.
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough-disabled.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-disabled.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough-disabled.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-disabled.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ # Sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "hscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "hscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "hscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "hscale"
+ file = "assets/scale-slider-disabled.png"
+ }
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "vscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "vscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "vscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "vscale"
+ file = "assets/scale-slider-disabled.png"
+ }
+
+ ###########
+ # Menubar #
+ ###########
+
+ image {
+ function = BOX
+ detail = "menubar"
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+
+ #########
+ # Menus #
+ #########
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_up"
+ file = "assets/border.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_up"
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_down"
+ file = "assets/border.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_down"
+ file = "assets/border.png"
+ border = {0, 0, 1, 0}
+ }
+
+ ###########
+ # Entries #
+ ###########
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = FLAT_BOX
+ state = ACTIVE
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ state = INSENSITIVE
+ detail = "entry_bg"
+ file = "assets/entry-background-disabled.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ #########
+ # Spins #
+ #########
+
+ # Spin-Up LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-hover.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-active.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-disabled.png"
+ border = {0, 8, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Up RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-disabled.png"
+ border = {8, 0, 8, 0}
+ stretch = TRUE
+ overlay_file = "assets/pan-up-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ # Spin-Down LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-hover.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-active.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-disabled.png"
+ border = {0, 8, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Down RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-hover.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-active.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-disabled.png"
+ border = {8, 0, 0, 8}
+ stretch = TRUE
+ overlay_file = "assets/pan-down-alt-disabled.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-progress.png"
+ stretch = TRUE
+ border = {0, 0, 0, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-progress.png"
+ stretch = TRUE
+ border = {0, 0, 0, 0}
+ orientation = VERTICAL
+ }
+
+ #############
+ # Treeviews #
+ #############
+
+ # Disable active the column highlight
+ # We need to match specific cells or we break stuff
+ # Looking at you deadbeef
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_even_sorted"
+ state = NORMAL
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_odd_sorted"
+ state = NORMAL
+ }
+
+ # Disable all the other shadows
+ # This prevents the Raleigh effect
+ image {
+ function = SHADOW
+ }
+ }
+}
+
+style "menubar" {
+ bg[NORMAL] = @titlebar_bg_color
+ fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+ fg[PRELIGHT] = @titlebar_fg_color
+ fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+ bg[INSENSITIVE] = @bg_color
+ # Needed to fix Firefox's menubar text
+ bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+ fg[SELECTED] = @titlebar_fg_color
+}
+
+style "menubar_item" {
+ xthickness = 3
+ ythickness = 4
+
+ fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+ bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+ fg[PRELIGHT] = @titlebar_fg_color
+ fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+}
+
+style "menu" {
+ xthickness = 0
+ ythickness = 0
+
+ bg[NORMAL] = @menu_color
+ bg[INSENSITIVE] = @menu_color
+ bg[PRELIGHT] = @menu_color
+ bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
+}
+
+style "menu_item" {
+ xthickness = 4
+ ythickness = 4
+
+ bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color)
+ fg[PRELIGHT] = @fg_color
+ # Chromium uses this setting
+ bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
+ text[SELECTED] = @fg_color
+ # Some widgets use text, we need to handle that
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+
+ # Unfortunately we can't tell regular and menu checks/radios apart
+ # Without the heirarchy
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-unchecked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked-disabled.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed-disabled.png"
+ overlay_stretch = FALSE
+ }
+ }
+}
+
+style "separator_menu_item" {
+ xthickness = 0
+ ythickness = 2
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/border.png"
+ border = {0, 0, 0, 1}
+ }
+ }
+}
+
+style "button_label" {
+ # fg[NORMAL] = mix(0.7, @fg_color, @bg_color)
+ # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+ font_name = "Medium"
+}
+
+style "normal_button_label" {
+ # fg[NORMAL] = @fg_color
+ # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color)
+
+ font_name = "Regular"
+}
+
+style "button" {
+ xthickness = 6
+ ythickness = 6
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ # Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/button.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/button-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "link_button" {
+ # Disable the button effect, leave just the link
+ engine "pixmap" {
+ image {
+ function = BOX
+ }
+ }
+}
+
+style "entry" {
+ base[NORMAL] = @bg_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ base[INSENSITIVE] = @bg_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
+
+ # We set this same as the border of the border of the entry
+ # This way there's no overlap
+ xthickness = 6
+ ythickness = 6
+}
+
+style "combobox" {
+ xthickness = 6
+ ythickness = 6
+
+ # This affects only the button beside an entry
+ GtkButton::inner-border = {0, 0, 0, 0}
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ # Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/entry-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "combobox_cellview" {
+ # text[NORMAL] = mix(0.7, @fg_color, @bg_color)
+ # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+}
+
+style "combobox_entry" {
+ # Since one side of the button is missing, we need to shift the arrow a little to the right
+ GtkButton::inner-border = {0, 2, 0, 0}
+
+ base[NORMAL] = @base_color
+ base[ACTIVE] = @base_color
+
+ engine "pixmap" {
+
+ #############
+ # LTR entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-left-entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-left-entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-left-entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ #############
+ # RTL entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-right-entry.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-right-entry-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-right-entry-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ ##############
+ # LTR button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-right-entry.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-right-entry-hover.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-right-entry-active.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-right-entry-disabled.png"
+ border = {0, 6, 6, 6}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ ##############
+ # RTL button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-left-entry.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-left-entry-hover.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-left-entry-active.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-left-entry-disabled.png"
+ border = {6, 0, 6, 6}
+ stretch = TRUE
+ direction = RTL
+ }
+ }
+}
+
+style "combo_button_padding" {
+ # Since one side of the button is missing, we need to shift the arrow a
+ # little to the right.
+ # This is the same thing we've done above but the combo, unlike the combobox,
+ # uses padding the same way as a button.
+ GtkButton::inner-border = {3, 6, 3, 3}
+}
+
+style "notebook" {
+ xthickness = 3
+ ythickness = 3
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_tab_label" {
+ fg[ACTIVE] = mix(0.7, @fg_color, @bg_color)
+
+ font_name = "Medium"
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+ bg[NORMAL] = @base_color
+ bg[PRELIGHT] = @base_color
+ bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+ base[NORMAL] = @base_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
+ base[INSENSITIVE] = @base_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
+}
+
+style "normal_bg" {
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[INSENSITIVE] = @bg_color
+}
+
+style "normal_entry" {
+ base[NORMAL] = @bg_color
+ base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
+ base[INSENSITIVE] = @bg_color
+ base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
+}
+
+style "textview" {
+ bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {6, 6, 0, 0}
+ stretch = TRUE
+ }
+ }
+}
+
+style "scale_vert" {
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "progressbar" {
+ xthickness = 0
+ ythickness = 0
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-trough.png"
+ border = {0, 0, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-trough.png"
+ border = {0, 0, 0, 0}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+ }
+}
+
+style "treeview_header" {
+ xthickness = 2
+ ythickness = 2
+
+ fg[NORMAL] = mix(0.7, @fg_color, @base_color)
+ fg[PRELIGHT] = @fg_color
+
+ font_name = "Medium"
+
+ GtkButton::inner-border = {4, 4, 0, 2}
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/treeview-ltr-button.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/treeview-ltr-button-hover.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/treeview-ltr-button-active.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/treeview-rtl-button.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/treeview-rtl-button-hover.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/treeview-rtl-button-active.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down-alt.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+ }
+}
+
+style "scrolled_window" {
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+ }
+}
+
+style "frame" {
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ shadow = NONE
+ }
+
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW_GAP
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_start_file = "assets/border.png"
+ gap_end_file = "assets/border.png"
+ }
+ }
+}
+
+style "tool_button" {
+ GtkButton::inner-border = {2, 2, 2, 2}
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/flat-button.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/flat-button-hover.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/flat-button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/flat-button-active.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ shadow = OUT
+ file = "assets/flat-button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ shadow = IN
+ file = "assets/button-disabled.png"
+ border = {6, 6, 6, 6}
+ stretch = TRUE
+ }
+ }
+}
+
+style "toolbar_separator" {
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 1
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/border.png"
+ }
+ }
+}
+
+style "inline_toolbar" {
+ # GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+ bg[NORMAL] = @base_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/frame-inline.png"
+ border = {1, 1, 0, 1}
+ stretch = TRUE
+ }
+ }
+}
+
+style "tooltip" {
+ xthickness = 8
+ ythickness = 8
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+ bg[SELECTED] = @tooltip_bg_color
+}
+
+style "disable_text_shadow" {
+ engine "murrine" {
+ textstyle = 0
+ }
+}
+
+style "disable_separator" {
+ xthickness = 0
+ ythickness = 0
+
+ GtkWidget::wide-separators = 1
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+######################################
+# Override padding, style and colour #
+######################################
+
+class "GtkButton" style "button"
+class "GtkLinkButton" style "link_button"
+class "GtkEntry" style "entry"
+class "GtkOldEditable" style "entry"
+class "GtkNotebook" style "notebook"
+class "GtkHScale" style "scale_horz"
+class "GtkVScale" style "scale_vert"
+class "GtkProgressBar" style "progressbar"
+class "GtkScrolledWindow" style "scrolled_window"
+class "GtkFrame" style "frame"
+class "GtkSeparatorToolItem" style "toolbar_separator"
+class "GtkMenuBar" style "menubar"
+class "GtkMenu" style "menu"
+class "GtkTextView" style "textview"
+
+# Menu and menubar items
+widget_class "**" style "menu_item"
+widget_class "*.*" style "menubar_item"
+widget_class "**" style "separator_menu_item"
+
+# Treeview buttons
+widget_class "***" style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "**" style "inline_toolbar"
+
+# Fix padding on regular comboboxes
+widget_class "*." style "combobox"
+widget_class "*" style "combobox"
+
+# And disable separators on them
+widget_class "*.*" style "disable_separator"
+widget_class "**" style "disable_separator"
+widget_class "**" style "disable_separator"
+
+# Join together the ComboBoxEntry entry and button
+widget_class "**" style "combobox_entry"
+
+# Join the Combo entry and button
+widget_class "**" style "combobox_entry"
+
+# Tweak the padding on the button a little bit because it
+# uses it a bit differently
+widget_class "*." style "combo_button_padding"
+
+# Alas we cannot do the same for ComboBoxText because there
+# isn't a way to apply the style to only the comboboxes that
+# have an entry inside
+
+# Tool buttons have different styles
+widget_class "**" style "tool_button"
+widget_class "**.*" style "tool_button"
+
+# Notebooks
+widget_class "*." style "notebook_tab_label"
+widget_class "*.." style "notebook_tab_label"
+
+# Notebooks are white, act accordingly
+widget_class "**" style "notebook_entry"
+widget_class "**" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "***" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "*.*" style "notebook_bg"
+
+# However, stuff inside eventboxes inside notebooks is grey
+# again, react
+widget_class "***" style "normal_entry"
+widget_class "***" style "normal_bg"
+widget_class "***" style "normal_bg"
+
+# Button labels
+widget_class "*." style "button_label"
+
+# Normalize button labels
+widget_class "*." style "normal_button_label"
+widget_class "*." style "normal_button_label"
+
+# ComboBoxes tend to draw the button label with text[]
+# instead of fg[], we need to fix that
+widget_class "**" style "combobox_cellview"
+
+# Disable white text shadows
+widget_class "*" style "disable_text_shadow"
+widget_class "*" style "disable_text_shadow"
+
+# GTK tooltips
+widget "gtk-tooltip*" style "tooltip"
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..7b89e885
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..17e3c4af
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/close-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/close-symbolic.svg
new file mode 100644
index 00000000..06201c39
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/close-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/close-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/close-symbolic@2.svg
new file mode 100644
index 00000000..a26e6ff1
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/close-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 00000000..e2a252b5
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/maximize-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/maximize-symbolic.svg
new file mode 100644
index 00000000..39316eba
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/maximize-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/maximize-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/maximize-symbolic@2.svg
new file mode 100644
index 00000000..8095f759
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/maximize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/minimize-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/minimize-symbolic.svg
new file mode 100644
index 00000000..f3683b9d
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/minimize-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/minimize-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/minimize-symbolic@2.svg
new file mode 100644
index 00000000..741534bb
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/minimize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 00000000..67beb46b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..bf51d9ec
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..de0d7899
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..7f0235f1
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 00000000..4b00bc19
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..37d9c04b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
@@ -0,0 +1,52 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..1bc5cb6f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..4759e324
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..a44f5c9f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 00000000..f2c9cf9f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..a06db4cd
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/unmaximize-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/unmaximize-symbolic.svg
new file mode 100644
index 00000000..492d47a2
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/unmaximize-symbolic.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg
new file mode 100644
index 00000000..85f4f3a8
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scalable/unmaximize-symbolic@2.svg
@@ -0,0 +1,4 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 00000000..6ea93dfc
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..ca73a308
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..3bae16b5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0d8c30bf
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 00000000..3b349935
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..e7714e59
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 00000000..9e695215
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 00000000..bfdb615d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 00000000..25cad97a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..e4114172
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..f4c9daa4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0f4f2c7d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 00000000..66261b0e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..b7a5b238
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 00000000..2fffc524
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 00000000..4167d705
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 00000000..ec042603
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..0426c5ed
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..4eb262ca
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0b6fdeb3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 00000000..d34ae377
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..e3a31d5f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 00000000..36bbf3d2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 00000000..2af70707
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 00000000..a7738147
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..2ac348df
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..320ae697
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..960cba69
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 00000000..b73b05ad
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..0d67a6a2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 00000000..9c083174
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 00000000..673dc384
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 00000000..22a2664c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 00000000..5e0ebca1
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 00000000..16de7c66
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 00000000..54d1b27f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 00000000..f6b914e5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 00000000..29ecf2b8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 00000000..40ff92e0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 00000000..8e87ea7e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/gtk-dark.css b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/gtk-dark.css
new file mode 100644
index 00000000..153c3ca4
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/gtk-dark.css
@@ -0,0 +1,8075 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #FF8A65 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #FF8A65 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #F44336;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 6;
+ -GtkDialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #FF8A65;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, .csd treeview.view:selected, modelbutton.flat:selected,
+.menuitem.button.flat:selected, .background.csd .view:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
+entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #1a1c2a;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #10121b;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #24273a;
+}
+
+textview border {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view treeview.view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox treeview.view .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view .content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
+ border: 1px solid #FF8A65;
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 3px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+flowbox flowboxchild button.osd.remove-button {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ margin: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical, spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image, spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical, spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #F44336;
+}
+
+spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FBC02D;
+}
+
+spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress, spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #FF8A65;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #24273a;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF8A65), to(transparent));
+ }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF8A65), to(transparent));
+ }
+}
+
+.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked {
+ color: #FFFFFF;
+}
+
+.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(255, 138, 101, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus,
+.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+button.osd:focus {
+ box-shadow: none;
+}
+
+button.osd:hover {
+ background-color: #3b3c47;
+ color: #FFFFFF;
+}
+
+button.osd:active {
+ background-color: #52535c;
+ color: #FFFFFF;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.osd.image-button, button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+ padding: 0;
+}
+
+button.suggested-action {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(255, 138, 101, 0.2), 0 4px 3px 0 rgba(255, 138, 101, 0.14), 0 1px 6px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(192, 104, 76, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(255, 138, 101, 0.3), 0 2px 3px -1px rgba(255, 138, 101, 0.24), 0 2px 5px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(255, 138, 101, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #FF8A65;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #3c84f7;
+}
+
+*:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+treeview spinbutton:not(.vertical) {
+ min-height: 0;
+ border-style: none;
+ border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) entry {
+ min-height: 0;
+ padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+combobox decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+ padding: 6px 10px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px 3px;
+ background-color: #24273a;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px 1px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #181926;
+}
+
+.frame .inline-toolbar {
+ border-width: 1px 0 0;
+ background-color: transparent;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #181926;
+ color: #FFFFFF;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.csd .titlebar:backdrop {
+ background-color: #24273a;
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+ background-color: #181926;
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+ background-color: #24273a;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+ background-color: #FF8A65;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+ background-color: #FF8A65;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: #ffa184;
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 6px 12px;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #181926;
+}
+
+.titlebar.default-decoration:backdrop {
+ background-color: #24273a;
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+ padding: 6px;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+box.vertical headerbar {
+ background-color: #181926;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 0;
+ margin: 0;
+ min-width: 120px;
+ padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 3px;
+ margin-left: 1px;
+ margin-right: 1px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(255, 255, 255, 0.3);
+ border-top-color: rgba(255, 255, 255, 0.12);
+}
+
+* {
+ -GtkTreeView-horizontal-separator: 4;
+ -GtkTreeView-grid-line-width: 1;
+ -GtkTreeView-grid-line-pattern: '';
+ -GtkTreeView-tree-line-width: 1;
+ -GtkTreeView-tree-line-pattern: '';
+ -GtkTreeView-expander-size: 16;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected {
+ background-image: image(alpha(currentColor, 0.1));
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.csd treeview.view:selected {
+ background-image: none;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+ color: #FFFFFF;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #FF8A65;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+ box-shadow: none;
+ background-color: #ff9c7c;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+ background-color: #24273a;
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #24273a;
+ background-clip: border-box;
+ color: #FF8A65;
+}
+
+treeview.view acceleditor > label {
+ background-color: #FF8A65;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #181926;
+ color: #FFFFFF;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #24273a;
+}
+
+.csd menubar, .csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: none;
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+menubar > menuitem > window.background.csd.popup > decoration,
+menubar > menuitem > window.background.csd.popup > menu,
+.menubar > menuitem > window.background.csd.popup > decoration,
+.menubar > menuitem > window.background.csd.popup > menu {
+ border-radius: 0 0 12px 12px;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+ transition: none;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #363a4f;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #3e4152;
+}
+
+.csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #FFFFFF;
+ font: initial;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active,
+.menu menuitem:active,
+.context-menu menuitem:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+ margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+ color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #4a4e61;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #363a4f;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+ margin-top: 8px;
+ margin-bottom: -12px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #FFFFFF;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #363a4f;
+ border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+ background-color: transparent;
+ padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #363a4f;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 3px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+notebook {
+ background-color: #24273a;
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook.frame {
+ border-radius: 12px;
+}
+
+notebook.frame scrolledwindow.frame {
+ border: none;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #24273a;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(54, 58, 79, 0.9);
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #FF8A65;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+ color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.15);
+ background-color: #ffb198;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.2);
+ background-color: #FF8A65;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.38);
+ background-color: rgba(255, 138, 101, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#FF8A65);
+}
+
+scale highlight:disabled {
+ background-color: #24273a;
+ background-image: image(rgba(255, 255, 255, 0.32));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #FF8A65;
+ background-color: #24273a;
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32);
+}
+
+scale marks,
+scale value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #FF8A65;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #FF8A65;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #FF8A65;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.frame.view {
+ border-radius: 6px;
+}
+
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+ background: none;
+ min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, .tweak-group-startup row, list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), .tweak-group-startup row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, .tweak-group-startup row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, .tweak-group-startup row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, .tweak-group-startup row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, .tweak-group-startup row:focus, list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05);
+}
+
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+list.navigation-sidebar > row {
+ border-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+ background-color: alpha(currentColor, 0.06);
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #FF8A65;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+ color: #FFFFFF;
+}
+
+expander title > arrow:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 1px;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 7px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+calendar.highlight {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #363a4f;
+}
+
+messagedialog.background.csd {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: none;
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #363a4f;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+ color: #FF8A65;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+.csd filechooser {
+ background-color: #24273a;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+ border-right-style: none;
+}
+
+.sidebar list {
+ background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 3px;
+ background-color: #24273a;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #FF8A65;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #FF8A65;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(rgba(255, 255, 255, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #24273a;
+ background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12));
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #24273a;
+}
+
+infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #FF8A65;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #ff774c;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #FF8A65;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #24273a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+ margin: 8px;
+}
+
+.background.csd decoration {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-clip: border-box;
+ background-color: #24273a;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+ border: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+ border-radius: 6px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+ background-clip: border-box;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #181926;
+ border: 1px solid #3e4152;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #24273a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #eed49f;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2dfb7;
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #a6da95;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #bce3b0;
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #ed8796;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2a5b0;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+ background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+ color: transparent;
+ animation: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/minimize-symbolic.svg"), url("assets/scalable/minimize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/maximize-symbolic.svg"), url("assets/scalable/maximize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/close-symbolic.svg"), url("assets/scalable/close-symbolic@2.svg"));
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-image: -gtk-scaled(url("assets/scalable/unmaximize-symbolic.svg"), url("assets/scalable/unmaximize-symbolic@2.svg"));
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #FF8A65;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #363a4f;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #FF8A65;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #FF8A65;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+ border-radius: 0 0 12px 12px;
+ background-color: #181926;
+}
+
+.nautilus-window.background.csd:backdrop {
+ background-color: #24273a;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+ border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+ background-color: transparent;
+ border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+ background-color: #24273a;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+ min-width: 12px;
+ box-shadow: 12px 0 #24273a;
+ background-color: #24273a;
+ background-image: image(#343540);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border: none;
+ border-radius: 6px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #FFFFFF;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+ color: #FFFFFF;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #FF8A65;
+ color: #FF8A65;
+}
+
+.disk-space-display.free {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #655536;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+ border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+ margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #181926;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #181926;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 0 6px 10px;
+ padding: 6px;
+ background-color: #363a4f;
+ border-radius: 0 0 12px 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #363a4f;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#24273a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#24273a);
+}
+
+.tweak-group-startup {
+ background-image: image(#24273a);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+ background-color: #24273a;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+ border-radius: 6px;
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #24273a;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+ background-color: transparent;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+ background-color: transparent;
+ padding: 3px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable {
+ border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list {
+ border-top-width: 0;
+ border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+ border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+ border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+ border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+ border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+ border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+ background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+ border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #24273a;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+ margin-right: -6px;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #24273a;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+ background-image: image(#24273a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #FF8A65;
+ background-color: #24273a;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #24273a;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #181926;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #FF8A65 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #FF8A65;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+dockoverlayedge {
+ background-color: #24273a;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #FF8A65;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #FF8A65;
+}
+
+pillbox {
+ background-color: #24273a;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #24273a;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #24273a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(255, 138, 101, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #FF8A65;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #FF8A65;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #FFFFFF;
+}
+
+button.photos-filter-preview:checked image {
+ color: #FFFFFF;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#181926);
+}
+
+.side-panel .view:hover {
+ background-image: image(#2a2b37);
+}
+
+.side-panel .view:selected {
+ background-image: image(#FF8A65);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(239, 129, 95, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+ border: none;
+}
+
+window.background.csd > stack > box > revealer > actionbar > revealer > box {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #24273a;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: #24273a;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #24273a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+ border-width: 0;
+ border-radius: 0 0 12px 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.terminal-window {
+ background-color: #24273a;
+}
+
+.terminal-window tabbar tabbox {
+ background-color: #181926;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#181926);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+ color: #FFFFFF;
+ background-color: #24273a;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #24273a;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+ background-color: #181926;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+ background-color: #24273a;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+ border-radius: 6px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-width: 0;
+ background-color: #24273a;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #24273a;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified {
+ background-color: #24273a;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#363a4f);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #24273a;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/*********
+ * Meld *
+ ********/
+.meld-notebook, .meld-notebook > stack {
+ background: none;
+ border-radius: 0 0 12px 12px;
+}
+
+.meld-notebook-child {
+ background-color: #181926;
+ border-radius: 0 0 12px 12px;
+}
+
+statusbar.meld-status-bar {
+ background: none;
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #363a4f;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #3e4152;
+}
+
+window.background.chromium > button {
+ color: #FF8A65;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #FF8A65;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ background-color: #24273a;
+}
+
+window.background.chromium menu {
+ border-color: #43496c;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #12131d;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget decoration {
+ border: none;
+}
+
+#MozillaGtkWidget > widget text {
+ background-color: #363a4f;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #3e4152;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #3e4152;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #3e4152;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #24273a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #FF8A65;
+ box-shadow: inset 0 0 0 1px #FF8A65;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #181926;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+ color: #464646;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+ color: #727272;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(70, 70, 70, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #3e4152;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #3e4152;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+ background-color: #24273a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+ border: none;
+ border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+ border-radius: 6px;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: #FF8A65;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: #FF8A65;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #FF8A65;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #FF8A65;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #363a4f;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #FF8A65;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #24273a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ color: #FFFFFF;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #24273a;
+ color: #FFFFFF;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #FF8A65;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #FF8A65;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ background: none;
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+ background-color: #24273a;
+ border-radius: 12px;
+}
+
+.budgie-popover .container, .budgie-popover list, .budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover treeview.view.sidebar {
+ border-right: none;
+ background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+ background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+ background-color: rgba(255, 255, 255, 0.04);
+ padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+ border-radius: 0;
+}
+
+.budgie-popover.user-menu .container {
+ padding: 6px;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+ margin-bottom: 0;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.caffeine-popover frame > .container {
+ padding: 6px;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: rgba(24, 25, 38, 0.75);
+}
+
+.budgie-panel button {
+ color: rgba(255, 255, 255, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #FFFFFF;
+}
+
+.budgie-panel button:active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ box-shadow: none;
+ border: none;
+ color: #FFFFFF;
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #F44336;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+ color: #FFFFFF;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #FFFFFF;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #363a4f;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+ border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+ padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+ margin-left: -6px;
+ margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+ padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+ padding: 6px;
+ background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+ border: none;
+ padding: 6px;
+ padding-left: 12px;
+ margin: 3px;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ background-color: #363a4f;
+ border: none;
+ padding: 0;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog > decoration {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog > decoration,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog > decoration {
+ border: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #F44336;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #FFFFFF;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #24273a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #FF8A65;
+}
+
+#xfce4-mpc-plugin-26 > frame > border {
+ border: none;
+}
+
+#xfce-panel-button {
+ -gtk-icon-style: symbolic;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+window#whiskermenu-window {
+ border-radius: 12px;
+ background-color: transparent;
+ border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+ background-color: #24273a;
+}
+
+window#whiskermenu-window > frame > border {
+ border-radius: 12px;
+ padding: 6px 8px 6px 9px;
+ margin: 6px;
+ border: none;
+ background-color: #24273a;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+ padding: 3px 6px;
+ margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+ background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+ padding: 3px;
+ background-color: #24273a;
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+ background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+#XfceNotifyWindow {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+ background: none;
+ border: none;
+ box-shadow: none;
+ animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+ color: #FFFFFF;
+ border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #FF8A65;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #181926;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 2px 3px;
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > box > button.image-button,
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+ border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #181926;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.nemo-window .toolbar {
+ padding: 0;
+}
+
+.nemo-window .toolbar button {
+ margin: 3px 0;
+ padding: 3px;
+}
+
+.nemo-window .toolbar separator {
+ margin: 6px 0;
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: #666875;
+ -NemoPlacesTreeView-disk-full-fg-color: #FF8A65;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #24273a;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #24273a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #24273a;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181926;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #24273a;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #24273a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #07080c;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #ed8796;
+@define-color wm_button_close_active_bg #e55267;
+@define-color wm_button_max_hover_bg #a6da95;
+@define-color wm_button_max_active_bg #80ca68;
+@define-color wm_button_min_hover_bg #eed49f;
+@define-color wm_button_min_active_bg #e5bd6b;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #24273a;
+@define-color placeholder_text_color #bdbec4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #24273a;
+@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3);
+@define-color budgie_tasklist_indicator_color_active #FF8A65;
+@define-color budgie_tasklist_indicator_color_active_window #955648;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/gtk.css b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/gtk.css
new file mode 100644
index 00000000..153c3ca4
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/gtk.css
@@ -0,0 +1,8075 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #FF8A65 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #FF8A65 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #F44336;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 6;
+ -GtkDialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #FF8A65;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, .csd treeview.view:selected, modelbutton.flat:selected,
+.menuitem.button.flat:selected, .background.csd .view:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.1);
+}
+
+.nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection,
+entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.maximized, .background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #1a1c2a;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #10121b;
+ color: #FFFFFF;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #24273a;
+}
+
+textview border {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view treeview.view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox treeview.view .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view .content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband {
+ border: 1px solid #FF8A65;
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 3px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+flowbox flowboxchild button.osd.remove-button {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ margin: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical, spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.vertical:focus, spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image, spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical, spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #F44336;
+}
+
+spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FBC02D;
+}
+
+spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical progress, spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #FF8A65;
+ background-color: transparent;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #24273a;
+}
+
+treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF8A65), to(transparent));
+ }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF8A65), to(transparent));
+ }
+}
+
+.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked {
+ color: #FFFFFF;
+}
+
+.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus {
+ box-shadow: 0 0 0 2px rgba(255, 138, 101, 0.35);
+}
+
+actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.destructive-action), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), toolbar button, combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, modelbutton.flat:focus,
+.menuitem.button.flat:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+ background-size: 0% 0%;
+ color: #FFFFFF;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+button.osd:focus {
+ box-shadow: none;
+}
+
+button.osd:hover {
+ background-color: #3b3c47;
+ color: #FFFFFF;
+}
+
+button.osd:active {
+ background-color: #52535c;
+ color: #FFFFFF;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.osd.image-button, button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image, button.osd.circular > image {
+ padding: 0;
+}
+
+button.suggested-action {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(255, 138, 101, 0.2), 0 4px 3px 0 rgba(255, 138, 101, 0.14), 0 1px 6px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(192, 104, 76, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(255, 138, 101, 0.3), 0 2px 3px -1px rgba(255, 138, 101, 0.24), 0 2px 5px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(255, 138, 101, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #FF8A65;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.32);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close, button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #3c84f7;
+}
+
+*:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+treeview spinbutton:not(.vertical) {
+ min-height: 0;
+ border-style: none;
+ border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) entry {
+ min-height: 0;
+ padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+combobox decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+combobox > .linked > button.combo {
+ padding: 6px 10px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px 3px;
+ background-color: #24273a;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px 1px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #181926;
+}
+
+.frame .inline-toolbar {
+ border-width: 1px 0 0;
+ background-color: transparent;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar entry, .titlebar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image, .titlebar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #181926;
+ color: #FFFFFF;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.csd .titlebar:backdrop {
+ background-color: #24273a;
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar + separator, .titlebar + separator.sidebar {
+ background-color: #181926;
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop {
+ background-color: #24273a;
+}
+
+.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar {
+ background-color: #FF8A65;
+}
+
+.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop {
+ background-color: #FF8A65;
+}
+
+.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: #ffa184;
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 6px 12px;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #181926;
+}
+
+.titlebar.default-decoration:backdrop {
+ background-color: #24273a;
+}
+
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background.csd .titlebar.default-decoration {
+ padding: 6px;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 0 6px;
+}
+
+box.vertical headerbar {
+ background-color: #181926;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button, headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0 6px;
+}
+
+headerbar separator.titlebutton, headerbar separator.sidebar {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 0;
+ margin: 0;
+ min-width: 120px;
+ padding: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label, headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 3px;
+ margin-left: 1px;
+ margin-right: 1px;
+ background-color: alpha(currentColor, 0.08);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.caja-pathbar button:first-child,
+.path-bar.linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.caja-pathbar button:last-child,
+.path-bar.linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar.linked:not(.vertical) > button label,
+.path-bar.linked:not(.vertical) > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(255, 255, 255, 0.3);
+ border-top-color: rgba(255, 255, 255, 0.12);
+}
+
+* {
+ -GtkTreeView-horizontal-separator: 4;
+ -GtkTreeView-grid-line-width: 1;
+ -GtkTreeView-grid-line-pattern: '';
+ -GtkTreeView-tree-line-width: 1;
+ -GtkTreeView-tree-line-pattern: '';
+ -GtkTreeView-expander-size: 16;
+}
+
+.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected {
+ background-image: image(alpha(currentColor, 0.1));
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.csd treeview.view:selected {
+ background-image: none;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+ color: #FFFFFF;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #FF8A65;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus {
+ box-shadow: none;
+ background-color: #ff9c7c;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view header button, treeview.view header button:disabled {
+ background-color: #24273a;
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #24273a;
+ background-clip: border-box;
+ color: #FF8A65;
+}
+
+treeview.view acceleditor > label {
+ background-color: #FF8A65;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #181926;
+ color: #FFFFFF;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+ background-color: #24273a;
+}
+
+.csd menubar, .csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: none;
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > menuitem:backdrop,
+.menubar > menuitem:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+menubar > menuitem > window.background.csd.popup > decoration,
+menubar > menuitem > window.background.csd.popup > menu,
+.menubar > menuitem > window.background.csd.popup > decoration,
+.menubar > menuitem > window.background.csd.popup > menu {
+ border-radius: 0 0 12px 12px;
+}
+
+menubar > menuitem > window.popup.background > menu menuitem,
+.menubar > menuitem > window.popup.background > menu menuitem {
+ transition: none;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #363a4f;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #3e4152;
+}
+
+.csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #FFFFFF;
+ font: initial;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+menu menuitem:active,
+.menu menuitem:active,
+.context-menu menuitem:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+ margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+ color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #4a4e61;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #363a4f;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+ margin-top: 8px;
+ margin-bottom: -12px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #FFFFFF;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #363a4f;
+ border-radius: 12px;
+}
+
+popover.background, .csd popover.background {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+}
+
+popover.background:backdrop, .csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background > scrolledwindow > viewport.frame > list {
+ background-color: transparent;
+ padding: 6px;
+}
+
+popover.background > scrolledwindow > viewport.frame > list > row {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #363a4f;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 3px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab, notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover, notebook > header tab:hover {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+tabbox > tab:disabled, notebook > header tab:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+tabbox > tab:checked, notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbox > tab:checked:disabled, notebook > header tab:checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+notebook {
+ background-color: #24273a;
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook.frame {
+ border-radius: 12px;
+}
+
+notebook.frame scrolledwindow.frame {
+ border: none;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #24273a;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(54, 58, 79, 0.9);
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #FF8A65;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+ color: transparent;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.15);
+ background-color: #ffb198;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.2);
+ background-color: #FF8A65;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.38);
+ background-color: rgba(255, 138, 101, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+treeview.view radio, treeview.view check {
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ background-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#FF8A65);
+}
+
+scale highlight:disabled {
+ background-color: #24273a;
+ background-image: image(rgba(255, 255, 255, 0.32));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #FF8A65;
+ background-color: #24273a;
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32);
+}
+
+scale marks,
+scale value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #FF8A65;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #FF8A65;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #FF8A65;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border, .frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.frame.view {
+ border-radius: 6px;
+}
+
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border, frame > border.flat, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(255, 255, 255, 0.12)), to(rgba(255, 255, 255, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255, 255, 255, 0.07)), to(rgba(255, 255, 255, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, .tweak-categories separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, .tweak-group-startup, list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list > separator,
+window.background.csd > stack > stack > box > frame > list > separator,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
+window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator {
+ background: none;
+ min-height: 0;
+}
+
+window.background.csd stack stack stack frame > list row,
+window.background.csd > stack > stack > box > frame > list row,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row,
+window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, .tweak-group-startup row, list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), .tweak-group-startup row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, .tweak-group-startup row:first-child, list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, .tweak-group-startup row:last-child, list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, .tweak-group-startup row:only-child, list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, .tweak-group-startup row:focus, list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05);
+}
+
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+list.navigation-sidebar > row {
+ border-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+ background-color: alpha(currentColor, 0.06);
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #FF8A65;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+ color: #FFFFFF;
+}
+
+expander title > arrow:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 1px;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 7px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+calendar.highlight {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #363a4f;
+}
+
+messagedialog.background.csd {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: none;
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #363a4f;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) {
+ color: #FF8A65;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+.csd filechooser {
+ background-color: #24273a;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar, filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar, filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+ border-right-style: none;
+}
+
+.sidebar list {
+ background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 3px;
+ background-color: #24273a;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #FF8A65;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #FF8A65;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(rgba(255, 255, 255, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #24273a;
+ background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12));
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #24273a;
+}
+
+infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #FF8A65;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #ff774c;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #FF8A65;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #24273a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+ margin: 8px;
+}
+
+.background.csd decoration {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-clip: border-box;
+ background-color: #24273a;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+ border: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+ border-radius: 6px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+ background-clip: border-box;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #181926;
+ border: 1px solid #3e4152;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #24273a;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #eed49f;
+}
+
+button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2dfb7;
+}
+
+button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #a6da95;
+}
+
+button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #bce3b0;
+}
+
+button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-color: #ed8796;
+}
+
+button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2a5b0;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+ background-position: center;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+ color: transparent;
+ animation: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/minimize-symbolic.svg"), url("assets/scalable/minimize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/maximize-symbolic.svg"), url("assets/scalable/maximize-symbolic@2.svg"));
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) {
+ background-image: -gtk-scaled(url("assets/scalable/close-symbolic.svg"), url("assets/scalable/close-symbolic@2.svg"));
+}
+
+.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-image: -gtk-scaled(url("assets/scalable/unmaximize-symbolic.svg"), url("assets/scalable/unmaximize-symbolic@2.svg"));
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #FF8A65;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #363a4f;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #FF8A65;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #FF8A65;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd {
+ border-radius: 0 0 12px 12px;
+ background-color: #181926;
+}
+
+.nautilus-window.background.csd:backdrop {
+ background-color: #24273a;
+}
+
+.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator,
+.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd.unified notebook {
+ border-radius: 0;
+}
+
+.nautilus-window.background.csd:not(.unified) .nautilus-list-view {
+ background-color: transparent;
+ border-bottom-right-radius: 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook {
+ background-color: #24273a;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook > stack {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd:not(.unified) paned > separator.wide {
+ min-width: 12px;
+ box-shadow: 12px 0 #24273a;
+ background-color: #24273a;
+ background-image: image(#343540);
+}
+
+.nautilus-window.maximized, .nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border: none;
+ border-radius: 6px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #FFFFFF;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+ color: #FFFFFF;
+}
+
+.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #FF8A65;
+ color: #FF8A65;
+}
+
+.disk-space-display.free {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #655536;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook :not(treeview).view {
+ border-radius: 6px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+ margin: 0 8px;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #181926;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #181926;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 0 6px 10px;
+ padding: 6px;
+ background-color: #363a4f;
+ border-radius: 0 0 12px 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #363a4f;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: #FFFFFF;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#24273a);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#24273a);
+}
+
+.tweak-group-startup {
+ background-image: image(#24273a);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child),
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child,
+window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd > leaflet > stack.background frame > border,
+window.background.csd > hdyleaflet > stack.background frame > border,
+window.background.csd > box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+ background-color: #24273a;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet frame.view,
+window.background.csd > hdyleaflet frame.view,
+window.background.csd > box.horizontal frame.view {
+ border-radius: 6px;
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #24273a;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+ background-color: transparent;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+ background-color: transparent;
+ padding: 3px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable {
+ border-radius: 6px;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list {
+ border-top-width: 0;
+ border-bottom-width: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row {
+ border-radius: 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list {
+ border-top-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row {
+ border-radius: 6px 6px 0 0;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list {
+ border-bottom-width: 1px;
+}
+
+window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row {
+ border-radius: 0 0 6px 6px;
+}
+
+window.background.csd hdycolumn stack frame.view > stack > stack list > separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list {
+ background: none;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+ border-radius: 6px;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #24273a;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+ margin-right: -6px;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle,
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #24273a;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack:disabled.view.polari-entry-area {
+ background-image: image(#24273a);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #FF8A65;
+ background-color: #24273a;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #24273a;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #181926;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #FF8A65 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #FF8A65;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #FFFFFF;
+}
+
+dockoverlayedge {
+ background-color: #24273a;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #FF8A65;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #FF8A65;
+}
+
+pillbox {
+ background-color: #24273a;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: #24273a;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #24273a;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(255, 138, 101, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #FF8A65;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #FF8A65;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #FFFFFF;
+}
+
+button.photos-filter-preview:checked image {
+ color: #FFFFFF;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#181926);
+}
+
+.side-panel .view:hover {
+ background-image: image(#2a2b37);
+}
+
+.side-panel .view:selected {
+ background-image: image(#FF8A65);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(239, 129, 95, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border {
+ border: none;
+}
+
+window.background.csd > stack > box > revealer > actionbar > revealer > box {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********************************
+ * Archive Manager (File roller) *
+ *********************************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #24273a;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: #24273a;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #24273a;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ border-radius: 12px 12px 0 0;
+}
+
+terminal-window.background.csd, terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+ border-width: 0;
+ border-radius: 0 0 12px 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.terminal-window {
+ background-color: #24273a;
+}
+
+.terminal-window tabbar tabbox {
+ background-color: #181926;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#181926);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar {
+ color: #FFFFFF;
+ background-color: #24273a;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box,
+window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #24273a;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
+ background-color: #181926;
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop,
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop {
+ background-color: #24273a;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active {
+ border-radius: 6px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-bottom-width: 0;
+ background-color: #24273a;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #24273a;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified {
+ background-color: #24273a;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#363a4f);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #24273a;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/*********
+ * Meld *
+ ********/
+.meld-notebook, .meld-notebook > stack {
+ background: none;
+ border-radius: 0 0 12px 12px;
+}
+
+.meld-notebook-child {
+ background-color: #181926;
+ border-radius: 0 0 12px 12px;
+}
+
+statusbar.meld-status-bar {
+ background: none;
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #363a4f;
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #3e4152;
+}
+
+window.background.chromium > button {
+ color: #FF8A65;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #FF8A65;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ background-color: #24273a;
+}
+
+window.background.chromium menu {
+ border-color: #43496c;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #12131d;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget decoration {
+ border: none;
+}
+
+#MozillaGtkWidget > widget text {
+ background-color: #363a4f;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #3e4152;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #3e4152;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #3e4152;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #24273a;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #FF8A65;
+ box-shadow: inset 0 0 0 1px #FF8A65;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #181926;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+ color: #464646;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
+ color: #727272;
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(70, 70, 70, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #FFFFFF;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #3e4152;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #3e4152;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box {
+ background-color: #24273a;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list {
+ border: none;
+ border-radius: 0;
+}
+
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable,
+window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable {
+ border-radius: 6px;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: #FF8A65;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: #FF8A65;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #FF8A65;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #FF8A65;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #363a4f;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #FF8A65;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #FFFFFF;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #24273a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ color: #FFFFFF;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #24273a;
+ color: #FFFFFF;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #FF8A65;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #FF8A65;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ background: none;
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+ background-color: #24273a;
+ border-radius: 12px;
+}
+
+.budgie-popover .container, .budgie-popover list, .budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover treeview.view.sidebar {
+ border-right: none;
+ background: none;
+}
+
+.budgie-popover treeview.view.sidebar:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+.budgie-popover treeview.view.sidebar:selected {
+ background-color: alpha(currentColor, 0.12);
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories {
+ background-color: rgba(255, 255, 255, 0.04);
+ padding-bottom: 12px;
+}
+
+.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button {
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat {
+ border-radius: 0;
+}
+
+.budgie-popover.user-menu .container {
+ padding: 6px;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child {
+ margin-bottom: 0;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.caffeine-popover frame > .container {
+ padding: 6px;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: rgba(24, 25, 38, 0.75);
+}
+
+.budgie-panel button {
+ color: rgba(255, 255, 255, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #FFFFFF;
+}
+
+.budgie-panel button:active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ box-shadow: none;
+ border: none;
+ color: #FFFFFF;
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #F44336;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
+ color: #FFFFFF;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ border: none;
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #FFFFFF;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #363a4f;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 24px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+ border-radius: 9999px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(255, 255, 255, 0.06);
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+ color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame {
+ padding: 0;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable {
+ margin-left: -6px;
+ margin-right: -3px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header {
+ padding: 0 12px;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list {
+ padding: 6px;
+ background: none;
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable {
+ border: none;
+ padding: 6px;
+ padding-left: 12px;
+ margin: 3px;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ background-color: #363a4f;
+ border: none;
+ padding: 0;
+}
+
+.budgie-session-dialog.background, .budgie-session-dialog > decoration,
+.budgie-polkit-dialog.background,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog.background,
+.budgie-run-dialog > decoration {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog > decoration,
+.budgie-polkit-dialog > decoration,
+.budgie-run-dialog > decoration {
+ border: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #F44336;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #FFFFFF;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #24273a;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #FF8A65;
+}
+
+#xfce4-mpc-plugin-26 > frame > border {
+ border: none;
+}
+
+#xfce-panel-button {
+ -gtk-icon-style: symbolic;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #FFFFFF;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+window#whiskermenu-window {
+ border-radius: 12px;
+ background-color: transparent;
+ border: none;
+}
+
+window#whiskermenu-window entry.search:focus {
+ background-color: #24273a;
+}
+
+window#whiskermenu-window > frame > border {
+ border-radius: 12px;
+ padding: 6px 8px 6px 9px;
+ margin: 6px;
+ border: none;
+ background-color: #24273a;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window#whiskermenu-window box.categories > button.radio {
+ padding: 3px 6px;
+ margin: 1px 0;
+}
+
+window#whiskermenu-window box.categories > button.radio:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover {
+ background-image: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame {
+ padding: 3px;
+ background-color: #24273a;
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view {
+ border-radius: 6px;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+ background: none;
+}
+
+window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+}
+
+#XfceNotifyWindow {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar toolbar {
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar .path-bar.linked:not(.vertical) > button.path-bar-button {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+ background: none;
+ border: none;
+ box-shadow: none;
+ animation: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+ font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+ color: #FFFFFF;
+ border-radius: 0;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:disabled,
+menubar.-vala-panel-background > menuitem:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #FF8A65;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #181926;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 2px 3px;
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar > toolitem > box > button.image-button,
+.nemo-window .primary-toolbar > toolitem > .linked > button.image-button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked {
+ color: #FFFFFF;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+.nemo-window .primary-toolbar button.text-button:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button {
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button {
+ border-radius: 3px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #181926;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.nemo-window .toolbar {
+ padding: 0;
+}
+
+.nemo-window .toolbar button {
+ margin: 3px 0;
+ padding: 3px;
+}
+
+.nemo-window .toolbar separator {
+ margin: 6px 0;
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: #666875;
+ -NemoPlacesTreeView-disk-full-fg-color: #FF8A65;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #24273a;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #24273a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #24273a;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181926;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #24273a;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #24273a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #07080c;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #ed8796;
+@define-color wm_button_close_active_bg #e55267;
+@define-color wm_button_max_hover_bg #a6da95;
+@define-color wm_button_max_active_bg #80ca68;
+@define-color wm_button_min_hover_bg #eed49f;
+@define-color wm_button_min_active_bg #e5bd6b;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #24273a;
+@define-color placeholder_text_color #bdbec4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #24273a;
+@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3);
+@define-color budgie_tasklist_indicator_color_active #FF8A65;
+@define-color budgie_tasklist_indicator_color_active_window #955648;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/thumbnail.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/thumbnail.png
new file mode 100644
index 00000000..ef9f67f9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-3.0/thumbnail.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..7b89e885
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..17e3c4af
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/close-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/close-symbolic.svg
new file mode 100644
index 00000000..06201c39
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/close-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/close-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/close-symbolic@2.svg
new file mode 100644
index 00000000..a26e6ff1
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/close-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
new file mode 100644
index 00000000..e2a252b5
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/maximize-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/maximize-symbolic.svg
new file mode 100644
index 00000000..39316eba
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/maximize-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/maximize-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/maximize-symbolic@2.svg
new file mode 100644
index 00000000..8095f759
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/maximize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/minimize-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/minimize-symbolic.svg
new file mode 100644
index 00000000..f3683b9d
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/minimize-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/minimize-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/minimize-symbolic@2.svg
new file mode 100644
index 00000000..741534bb
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/minimize-symbolic@2.svg
@@ -0,0 +1,3 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 00000000..67beb46b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..bf51d9ec
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 00000000..b4808a6b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..3ea0541a
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..de0d7899
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..7f0235f1
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
new file mode 100644
index 00000000..4b00bc19
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
@@ -0,0 +1,11 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
new file mode 100644
index 00000000..37d9c04b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
@@ -0,0 +1,52 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
new file mode 100644
index 00000000..1bc5cb6f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 00000000..4759e324
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
new file mode 100644
index 00000000..a44f5c9f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic@2.svg
@@ -0,0 +1,44 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 00000000..f2c9cf9f
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg
new file mode 100644
index 00000000..a06db4cd
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic@2.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 00000000..d621934b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,42 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg
new file mode 100644
index 00000000..91c7006b
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic@2.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/unmaximize-symbolic.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/unmaximize-symbolic.svg
new file mode 100644
index 00000000..492d47a2
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/unmaximize-symbolic.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg
new file mode 100644
index 00000000..85f4f3a8
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scalable/unmaximize-symbolic@2.svg
@@ -0,0 +1,4 @@
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 00000000..6ea93dfc
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..ca73a308
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..3bae16b5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0d8c30bf
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 00000000..3b349935
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..e7714e59
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 00000000..9e695215
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 00000000..bfdb615d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 00000000..25cad97a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..e4114172
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..f4c9daa4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0f4f2c7d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 00000000..66261b0e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..b7a5b238
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 00000000..2fffc524
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 00000000..4167d705
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 00000000..ec042603
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 00000000..0426c5ed
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 00000000..4eb262ca
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 00000000..0b6fdeb3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 00000000..d34ae377
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 00000000..e3a31d5f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 00000000..36bbf3d2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 00000000..2af70707
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 00000000..a7738147
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 00000000..2ac348df
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 00000000..320ae697
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 00000000..960cba69
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 00000000..b73b05ad
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 00000000..0d67a6a2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 00000000..9c083174
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 00000000..673dc384
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 00000000..22a2664c
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 00000000..5e0ebca1
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 00000000..16de7c66
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 00000000..54d1b27f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 00000000..f6b914e5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 00000000..29ecf2b8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 00000000..40ff92e0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 00000000..8e87ea7e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/gtk-dark.css b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/gtk-dark.css
new file mode 100644
index 00000000..73e50845
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7509 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #FF8A65 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #FF8A65 100%, transparent 100%);
+ }
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+dnd {
+ color: #FFFFFF;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+.aboutdialog .large-icons {
+ -gtk-icon-size: 128px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+iconview:disabled, .view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+iconview:selected, .view:selected {
+ color: #FFFFFF;
+}
+
+textview text {
+ background-color: #24273a;
+}
+
+textview border {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
+treeview.view > rubberband,
+.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #FF8A65;
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: #FFFFFF;
+ background-color: #24273a;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ opacity: 1;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+ opacity: 1;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label, row.expander image.expander-row-arrow, row label.subtitle {
+ color: rgba(255, 255, 255, 0.7);
+ opacity: 1;
+}
+
+.accent {
+ color: #FF8A65;
+}
+
+.success {
+ color: #66BB6A;
+}
+
+.warning {
+ color: #FBC02D;
+}
+
+.error {
+ color: #F44336;
+}
+
+.large-title {
+ font-weight: 300;
+ font-size: 24pt;
+}
+
+.title-1 {
+ font-weight: 800;
+ font-size: 20pt;
+}
+
+.title-2 {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+.title-3 {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.title-4 {
+ font-weight: 700;
+ font-size: 13pt;
+}
+
+.heading {
+ font-weight: 700;
+ font-size: 11pt;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 11pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+.osd .scale-popup > arrow,
+.osd .scale-popup > contents, .osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents, .osd {
+ color: #FFFFFF;
+ background-color: #24273a;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+entry headerbar popover.background entry,
+headerbar popover.background entry entry,
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:focus-within,
+headerbar popover.background entry entry:focus-within,
+entry:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FFFFFF;
+ outline: 2px solid #FF8A65;
+ outline-offset: -2px;
+}
+
+
+entry headerbar popover.background entry:drop(active),
+headerbar popover.background entry entry:drop(active),
+entry headerbar popover.background entry:hover:not(:focus-within),
+headerbar popover.background entry entry:hover:not(:focus-within),
+entry:drop(active),
+entry:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:disabled,
+headerbar popover.background entry entry:disabled,
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.flat:focus-within,
+headerbar popover.background entry entry.flat:focus-within,
+entry headerbar popover.background entry.flat:disabled,
+headerbar popover.background entry entry.flat:disabled,
+entry headerbar popover.background entry.flat:hover,
+headerbar popover.background entry entry.flat:hover,
+entry headerbar popover.background entry.flat,
+headerbar popover.background entry entry.flat,
+entry.flat:focus-within,
+entry.flat:disabled,
+entry.flat:hover,
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ background-color: transparent;
+ box-shadow: none;
+ border-radius: 0;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry image,
+headerbar popover.background entry entry image,
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+
+entry headerbar popover.background entry image:hover,
+headerbar popover.background entry entry image:hover,
+entry headerbar popover.background entry image:active,
+headerbar popover.background entry entry image:active,
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+
+entry headerbar popover.background entry image:disabled,
+headerbar popover.background entry entry image:disabled,
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+
+entry headerbar popover.background entry image.left,
+headerbar popover.background entry entry image.left,
+entry image.left {
+ margin: 0 6px 0 2px;
+}
+
+
+entry headerbar popover.background entry image.right,
+headerbar popover.background entry entry image.right,
+entry image.right {
+ margin: 0 2px 0 6px;
+}
+
+
+entry headerbar popover.background entry undershoot.left,
+headerbar popover.background entry entry undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry undershoot.right,
+headerbar popover.background entry entry undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry.error,
+headerbar popover.background entry entry.error,
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(244, 67, 54, 0.1);
+ color: rgba(244, 67, 54, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:focus-within,
+headerbar popover.background entry entry.error:focus-within,
+entry.error:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(244, 67, 54, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #F44336;
+ outline: 2px solid #F44336;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:drop(active),
+headerbar popover.background entry entry.error:drop(active),
+entry headerbar popover.background entry.error:hover:not(:focus-within),
+headerbar popover.background entry entry.error:hover:not(:focus-within),
+entry.error:drop(active),
+entry.error:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #F44336;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:disabled,
+headerbar popover.background entry entry.error:disabled,
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(244, 67, 54, 0.1);
+ color: rgba(244, 67, 54, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error > text > selection,
+headerbar popover.background entry entry.error > text > selection,
+entry.error > text > selection {
+ background-color: rgba(244, 67, 54, 0.25);
+ color: #F44336;
+}
+
+
+entry headerbar popover.background entry.error image,
+headerbar popover.background entry entry.error image,
+entry.error image {
+ color: rgba(244, 67, 54, 0.75);
+}
+
+
+entry headerbar popover.background entry.error image:hover,
+headerbar popover.background entry entry.error image:hover,
+entry headerbar popover.background entry.error image:active,
+headerbar popover.background entry entry.error image:active,
+entry.error image:hover,
+entry.error image:active {
+ color: #F44336;
+}
+
+
+entry headerbar popover.background entry.error image:disabled,
+headerbar popover.background entry entry.error image:disabled,
+entry.error image:disabled {
+ color: rgba(244, 67, 54, 0.35);
+}
+
+
+entry headerbar popover.background entry.warning,
+headerbar popover.background entry entry.warning,
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(251, 192, 45, 0.1);
+ color: rgba(251, 192, 45, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:focus-within,
+headerbar popover.background entry entry.warning:focus-within,
+entry.warning:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(251, 192, 45, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FBC02D;
+ outline: 2px solid #FBC02D;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:drop(active),
+headerbar popover.background entry entry.warning:drop(active),
+entry headerbar popover.background entry.warning:hover:not(:focus-within),
+headerbar popover.background entry entry.warning:hover:not(:focus-within),
+entry.warning:drop(active),
+entry.warning:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FBC02D;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:disabled,
+headerbar popover.background entry entry.warning:disabled,
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(251, 192, 45, 0.1);
+ color: rgba(251, 192, 45, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning > text > selection,
+headerbar popover.background entry entry.warning > text > selection,
+entry.warning > text > selection {
+ background-color: rgba(251, 192, 45, 0.25);
+ color: #FBC02D;
+}
+
+
+entry headerbar popover.background entry.warning image,
+headerbar popover.background entry entry.warning image,
+entry.warning image {
+ color: rgba(251, 192, 45, 0.75);
+}
+
+
+entry headerbar popover.background entry.warning image:hover,
+headerbar popover.background entry entry.warning image:hover,
+entry headerbar popover.background entry.warning image:active,
+headerbar popover.background entry entry.warning image:active,
+entry.warning image:hover,
+entry.warning image:active {
+ color: #FBC02D;
+}
+
+
+entry headerbar popover.background entry.warning image:disabled,
+headerbar popover.background entry entry.warning image:disabled,
+entry.warning image:disabled {
+ color: rgba(251, 192, 45, 0.35);
+}
+
+
+entry headerbar popover.background entry.success,
+headerbar popover.background entry entry.success,
+entry.success {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(102, 187, 106, 0.1);
+ color: rgba(102, 187, 106, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:focus-within,
+headerbar popover.background entry entry.success:focus-within,
+entry.success:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(102, 187, 106, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #66BB6A;
+ outline: 2px solid #66BB6A;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:drop(active),
+headerbar popover.background entry entry.success:drop(active),
+entry headerbar popover.background entry.success:hover:not(:focus-within),
+headerbar popover.background entry entry.success:hover:not(:focus-within),
+entry.success:drop(active),
+entry.success:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #66BB6A;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:disabled,
+headerbar popover.background entry entry.success:disabled,
+entry.success:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(102, 187, 106, 0.1);
+ color: rgba(102, 187, 106, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success > text > selection,
+headerbar popover.background entry entry.success > text > selection,
+entry.success > text > selection {
+ background-color: rgba(102, 187, 106, 0.25);
+ color: #66BB6A;
+}
+
+
+entry headerbar popover.background entry.success image,
+headerbar popover.background entry entry.success image,
+entry.success image {
+ color: rgba(102, 187, 106, 0.75);
+}
+
+
+entry headerbar popover.background entry.success image:hover,
+headerbar popover.background entry entry.success image:hover,
+entry headerbar popover.background entry.success image:active,
+headerbar popover.background entry entry.success image:active,
+entry.success image:hover,
+entry.success image:active {
+ color: #66BB6A;
+}
+
+
+entry headerbar popover.background entry.success image:disabled,
+headerbar popover.background entry entry.success image:disabled,
+entry.success image:disabled {
+ color: rgba(102, 187, 106, 0.35);
+}
+
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 0 -4px;
+ border-bottom: 2px solid #FF8A65;
+ background-color: transparent;
+}
+
+
+entry button.image-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #24273a;
+}
+
+treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, #FF8A65 0%, rgba(255, 138, 101, 0) 0%);
+ }
+ to {
+ background-image: radial-gradient(farthest-side, #FF8A65 95%, rgba(255, 138, 101, 0));
+ }
+}
+
+infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: #FFFFFF;
+}
+
+headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
+ outline: 2px solid rgba(255, 138, 101, 0.35);
+ outline-offset: 0;
+}
+
+headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+ -gtk-icon-filter: brightness(1.2);
+}
+
+headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
+ outline-color: transparent;
+ background-color: #ff9d7f;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(255, 138, 101, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
+splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area > box > button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.opaque {
+ box-shadow: none;
+}
+
+.osd button.opaque:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.15);
+}
+
+button.opaque:hover {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.keyboard-activating.opaque, button.opaque:active {
+ background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+button.opaque:checked {
+ background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+button.opaque:checked:hover {
+ background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+button.opaque:checked.keyboard-activating, button.opaque:checked:active {
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button separator {
+ margin: 4px 1px;
+}
+
+button.opaque {
+ background-color: #505261;
+ color: #FFFFFF;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button, button.image-text-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box, button.image-text-button > box,
+button.image-text-button > box > box {
+ border-spacing: 4px;
+}
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label, button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+button.text-button.image-button label:first-child, button.image-text-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child, button.image-text-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+button.arrow-button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+button.arrow-button > box {
+ border-spacing: 4px;
+}
+
+button.arrow-button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.arrow-button.text-button > box {
+ border-spacing: 6px;
+}
+
+menubutton.pill > button, button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ font-weight: inherit;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button.card.keyboard-activating, button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button.card:checked {
+ background-image: none;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #FF8A65;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ outline-color: transparent;
+ background-color: #ff9d7f;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.card:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(255, 138, 101, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.card:checked.keyboard-activating, button.card:checked:active {
+ background-image: none;
+}
+
+button.card:checked.has-open-popup {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #FF7043;
+ box-shadow: inset 0 0 0 1px #FF7043;
+}
+
+.linked:not(.vertical) > button:focus, .linked.vertical > button:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > menubutton > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.35);
+ color: white;
+}
+
+button.osd > image {
+ padding: 0;
+}
+
+button.osd.remove-button {
+ padding: 0;
+}
+
+button.osd:focus {
+ outline-color: transparent;
+}
+
+button.osd:hover {
+ background-color: rgba(0, 0, 0, 0.45);
+ color: white;
+}
+
+button.osd:active {
+ background-color: rgba(0, 0, 0, 0.65);
+ color: white;
+}
+
+button.osd:disabled {
+ background-color: rgba(0, 0, 0, 0.15);
+ color: rgba(255, 255, 255, 0.35);
+}
+
+button.suggested-action {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(255, 138, 101, 0.2), 0 4px 3px 0 rgba(255, 138, 101, 0.14), 0 1px 6px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(192, 104, 76, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(255, 138, 101, 0.3), 0 2px 3px -1px rgba(255, 138, 101, 0.24), 0 2px 5px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(255, 138, 101, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #FF8A65;
+}
+
+button.suggested-action.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box, button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label, button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
+ border-radius: 9999px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
+ padding: 0;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #FF8A65;
+ color: white;
+}
+
+menubutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+menubutton.opaque {
+ background-color: #505261;
+ color: #FFFFFF;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+menubutton arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton arrow.none {
+ -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #FF8A65;
+ color: white;
+}
+
+splitbutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+splitbutton.opaque {
+ background-color: #505261;
+ color: #FFFFFF;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+
+list > row button.image-button:not(.flat):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat).suggested-action {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+list > row button.image-button:not(.flat).destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #3c84f7;
+}
+
+link:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+spinbutton:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FFFFFF;
+ outline: 2px solid #FF8A65;
+ outline-offset: -2px;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+ outline: none;
+}
+
+spinbutton > text {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ margin: 0;
+}
+
+spinbutton > button {
+ border: none;
+}
+
+spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: none;
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ padding-left: 12px;
+}
+
+spinbutton:not(.vertical) > button {
+ padding: 0;
+ margin: 6px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+cell.activatable spinbutton:not(.vertical) {
+ margin: 3px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button {
+ margin: 0;
+ padding: 0;
+ min-height: 24px;
+ border-radius: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 0;
+}
+
+spinbutton.vertical > text {
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ margin: 6px 9px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+ border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+button.combo:only-child:focus {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar {
+ padding: 6px;
+ background-color: #24273a;
+ border-spacing: 6px;
+}
+
+.osd .toolbar {
+ background-color: transparent;
+}
+
+.app-notification, .toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.bottom.app-notification, .toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+.toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar entry,
+.toolbar spinbutton,
+.toolbar splitbutton,
+.toolbar separator:not(.sidebar),
+.toolbar button,
+.toolbar menubutton,
+.toolbar scalebutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar menubutton > button,
+.toolbar splitbutton > button,
+.toolbar splitbutton > menubutton,
+.toolbar scalebutton > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar switch {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.toolbar spinbutton entry,
+.toolbar spinbutton button {
+ margin: 0;
+}
+
+.toolbar popover.menu separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton {
+ margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+}
+
+headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+headerbar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar entry image:hover, headerbar entry image:active {
+ color: #FFFFFF;
+}
+
+headerbar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ background-color: #181926;
+ color: #FFFFFF;
+ min-height: 48px;
+ padding: 0;
+ margin: 0;
+}
+
+headerbar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar.flat, headerbar.flat:backdrop {
+ background: none;
+ box-shadow: none;
+ transition: none;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row.expander image.expander-row-arrow,
+row.expander headerbar image.expander-row-arrow,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row.expander image.expander-row-arrow:backdrop,
+row.expander headerbar image.expander-row-arrow:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar > windowhandle > box {
+ padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar menubutton,
+headerbar stackswitcher,
+headerbar separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar .linked > menubutton,
+headerbar entry > menubutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ opacity: 1;
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar popover.background button.suggested-action:disabled,
+headerbar popover.background button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar popover.background entry,
+headerbar popover.background spinbutton,
+headerbar popover.background button,
+headerbar popover.background menubutton,
+headerbar popover.background stackswitcher {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.sidebar) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+headerbar.default-decoration windowcontrols menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar {
+ background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 138, 101, 0.1)), linear-gradient(to top, #1e1f2f 3px, #222336);
+}
+
+window.devel headerbar:backdrop {
+ background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#181926);
+ /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+ background-color: alpha(currentColor, 0.08);
+ border: none;
+ box-shadow: none;
+}
+
+
+pathbar > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+
+pathbar > button:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+
+pathbar > button:checked:hover {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+
+pathbar > button label,
+pathbar > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.pathbar {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #3e4152;
+ border-top-color: #3e4152;
+}
+
+columnview.view:hover, columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view:drop(active).after,
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view:drop(active).before,
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget:drop(active).after,
+treeview.view > dndtarget:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view > dndtarget:drop(active).before,
+treeview.view > dndtarget:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #FF8A65;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #24273a;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #24273a;
+ background-clip: border-box;
+ color: #FF8A65;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #FF8A65;
+}
+
+stack.view treeview.view {
+ min-height: 36px;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+menubar:backdrop {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > item:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ color: #FFFFFF;
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background, popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover > arrow,
+popover > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #363a4f;
+ border-radius: 12px;
+ color: #FFFFFF;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-clip: border-box;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover > contents > list,
+popover > contents > .view,
+popover > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover > contents separator {
+ background-color: rgba(255, 255, 255, 0.12);
+ margin: 3px 0;
+}
+
+popover > contents list separator {
+ margin: 0;
+}
+
+popover > contents list > row {
+ border-radius: 6px;
+}
+
+popover > contents stack > box {
+ padding: 0;
+}
+
+popover > contents > box > button {
+ margin: 0;
+}
+
+popover .view:not(:selected),
+popover toolbar {
+ background-color: #363a4f;
+}
+
+popover.menu button,
+popover button.model {
+ min-height: 32px;
+ padding: 0 8px;
+}
+
+popover modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ color: #FFFFFF;
+ font: initial;
+ border-radius: 6px;
+}
+
+popover modelbutton:focus:not(:hover) {
+ transition: none;
+ box-shadow: none;
+ outline: none;
+}
+
+popover modelbutton:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+popover modelbutton accelerator {
+ color: rgba(255, 255, 255, 0.5);
+ margin-left: 30px;
+}
+
+popover modelbutton accelerator:disabled {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+popover modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+.osd popover, popover.touch-selection, popover.magnifier {
+ background-color: transparent;
+}
+
+magnifier {
+ background-color: #24273a;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 6px;
+ border: none;
+ background-clip: padding-box;
+ font-weight: 500;
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+tabbar tab:disabled, notebook > header > tabs > tab:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+tabbar tab:active, notebook > header > tabs > tab:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #24273a;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header > tabs > tab {
+ margin: 3px;
+}
+
+notebook > header > tabs > tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top > tabs, notebook > header.bottom > tabs {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left > tabs, notebook > header.right > tabs {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin: 0 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar > revealer > box {
+ box-shadow: none;
+}
+
+tabbar .box {
+ min-height: 36px;
+ border-bottom: none;
+ background: none;
+}
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
+ border-left-width: 1px;
+}
+
+tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
+ border-right-width: 1px;
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(ltr) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(rtl) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar undershoot {
+ transition: background 150ms ease-in-out;
+}
+
+tabbar undershoot.left {
+ background: linear-gradient(to right, #24273a, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar undershoot.right {
+ background: linear-gradient(to left, #24273a, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar tabbox {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+tabbar tabbox > background {
+ background: none;
+}
+
+tabbar tabbox > separator {
+ margin: 9px 0;
+ min-width: 1px;
+ transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+ opacity: 0;
+}
+
+tabbar tabbox > tabboxchild {
+ margin: 0 -3px;
+ padding: 0;
+}
+
+tabbar tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#FF8A65, 0.4) 10%, alpha(#FF8A65, 0) 30%);
+}
+
+tabbar tab.needs-attention:hover {
+ background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#FF8A65, 0.4) 10%, alpha(#FF8A65, 0) 30%);
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-style: solid;
+ transition: background 150ms ease-in-out;
+}
+
+tabbar .start-action button,
+tabbar .end-action button {
+ border: none;
+ border-radius: 0;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ border-right-width: 1px;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ border-left-width: 1px;
+}
+
+tabbar:not(.inline) scrolledwindow.pinned undershoot {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline) undershoot.left {
+ background: linear-gradient(to right, #181926, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) undershoot.right {
+ background: linear-gradient(to left, #181926, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar:not(.inline) tabbox > background {
+ background-color: #181926;
+}
+
+tabbar:not(.inline) .start-action,
+tabbar:not(.inline) .end-action {
+ background-color: alpha(#181926, 0.6);
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: #24273a;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #181926;
+ color: #FFFFFF;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+ outline: 1px solid rgba(0, 0, 0, 0.75);
+ outline-offset: -1px;
+ margin: 24px;
+}
+
+dnd tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#FF8A65, 0.4) 10%, alpha(#FF8A65, 0) 30%);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab button.image-button.tab-close-button,
+dnd tab button.image-button.tab-close-button {
+ margin-right: -3px;
+}
+
+tabview:drop(active),
+tabbox:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #24273a;
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar > range > trough {
+ border: none;
+ background: none;
+ padding: 0;
+ outline: none;
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(54, 58, 79, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #FF8A65;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+ box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 3px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ border: none;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.15);
+ background-color: #ffb198;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.2);
+ background-color: #FF8A65;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(255, 138, 101, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check {
+ -gtk-icon-size: 20px;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg")));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg")));
+}
+
+
+radio {
+ -gtk-icon-size: 20px;
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg")));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu check {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg")));
+}
+
+
+popover.menu check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg")));
+}
+
+
+popover.menu radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg")));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view radio, treeview.view check,
+columnview.view radio,
+columnview.view check {
+ padding: 0;
+ margin: 0;
+ transition: none;
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover,
+columnview.view radio,
+columnview.view radio:hover,
+columnview.view radio:disabled,
+columnview.view radio:checked:hover,
+columnview.view radio:indeterminate:hover,
+columnview.view check,
+columnview.view check:hover,
+columnview.view check:disabled,
+columnview.view check:checked:hover,
+columnview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio,
+columnview.view:hover check,
+columnview.view:hover radio,
+columnview.view:selected check,
+columnview.view:selected radio,
+columnview.view:focus check,
+columnview.view:focus radio {
+ box-shadow: none;
+}
+
+treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked,
+columnview.view:hover check:checked,
+columnview.view:hover radio:checked,
+columnview.view:selected check:checked,
+columnview.view:selected radio:checked,
+columnview.view:focus check:checked,
+columnview.view:focus radio:checked {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale > trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale > trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#FF8A65);
+}
+
+scale > trough > highlight:disabled {
+ background-color: #24273a;
+ background-image: image(rgba(255, 255, 255, 0.32));
+}
+
+scale > trough > fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale > trough > fill:disabled {
+ background-color: transparent;
+}
+
+scale > trough > slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #FF8A65;
+ background-color: #24273a;
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+scale > trough > slider:hover {
+ box-shadow: inset 0 0 0 2px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > slider:active {
+ box-shadow: inset 0 0 0 4px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32);
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune > trough > slider {
+ margin: -7px;
+}
+
+scale > marks,
+scale > value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+ transform: rotate(0);
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) > trough > slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #FF8A65;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #FF8A65;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #FF8A65;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: #FFFFFF;
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+ border: none;
+}
+
+actionbar > revealer > box button, actionbar > revealer > box entry,
+actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button,
+actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button,
+actionbar > revealer > box spinbutton {
+ margin: 0;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: right;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border: none;
+ background-image: none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+ background-image: none;
+}
+
+/*********
+ * Lists *
+ *********/
+list.content,
+list.boxed-list {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+listview,
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: padding-box;
+}
+
+listview > row,
+list > row {
+ padding: 6px;
+ background-clip: padding-box;
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child),
+list.horizontal row.separator:not(:last-child),
+list.separators.horizontal > row:not(.separator):not(:last-child) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child),
+list:not(.horizontal) row.separator:not(:last-child),
+list.separators:not(.horizontal) > row:not(.separator):not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: #FFFFFF;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+ border-radius: 6px;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(255, 255, 255, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0;
+ outline: none;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus,
+treeview.view > header > button:focus, row.activatable:focus {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover,
+treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.05);
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.05);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected,
+treeview.view > header > button:selected, row.activatable:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover,
+treeview.view > header > button:selected:hover, row.activatable:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+button row.activatable:focus, button row.activatable:hover, button row.activatable:active {
+ box-shadow: none;
+ background: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: inherit;
+ box-shadow: none;
+}
+
+row:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus, row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus:hover, row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row:last-child {
+ border-bottom: none;
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ border-spacing: 6px;
+ min-height: 50px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.45);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+ padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+ padding: 0;
+ font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+ border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+ margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+ margin-left: 6px;
+}
+
+row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active {
+ background-color: transparent;
+}
+
+row.entry .edit-icon, row.entry .indicator {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 5px;
+}
+
+row.entry .edit-icon:disabled {
+ opacity: 0.5;
+}
+
+row.entry .indicator {
+ opacity: 0.65;
+}
+
+row.entry.monospace {
+ font-family: inherit;
+}
+
+row.entry.monospace text {
+ font-family: monospace;
+}
+
+row.entry.error text > selection:focus-within {
+ background-color: alpha(#F44336, 0.2);
+}
+
+row.entry.error text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.warning text > selection:focus-within {
+ background-color: alpha(#FBC02D, 0.2);
+}
+
+row.entry.warning text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.success text > selection:focus-within {
+ background-color: alpha(#66BB6A, 0.2);
+}
+
+row.entry.success text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.combo image.dropdown-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.combo listview.inline {
+ background: none;
+ border: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+ background: none;
+ color: inherit;
+}
+
+row.combo popover > contents {
+ min-width: 120px;
+}
+
+list.content > row, list.content > row.expander row.header,
+list.boxed-list > row,
+list.boxed-list > row.expander row.header, row.expander list.nested > row {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover,
+list.boxed-list > row:not(:selected).activatable:hover,
+list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active,
+list.boxed-list > row:not(:selected).activatable:active,
+list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup,
+list.boxed-list > row:not(:selected).activatable.has-open-popup,
+list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup {
+ background-color: alpha(currentColor, 0.03);
+}
+
+row.expander {
+ background: none;
+ padding: 0px;
+}
+
+row.expander > box > list {
+ background: none;
+ color: inherit;
+}
+
+row.expander list.nested {
+ color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+ transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ margin-left: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ margin-right: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander image.expander-row-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.expander:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn);
+ opacity: 1;
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: #FF8A65;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: inherit;
+}
+
+list.content > row.expander,
+list.boxed-list > row.expander {
+ border: none;
+}
+
+list.content > row:first-child, list.content > row:first-child.expander row.header,
+list.boxed-list > row:first-child,
+list.boxed-list > row:first-child.expander row.header {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:last-child,
+list.boxed-list > row:last-child.expander:not(:checked),
+list.boxed-list > row:last-child.expander:not(:checked) row.header,
+list.boxed-list > row:last-child.expander:checked list.nested,
+list.boxed-list > row:last-child.expander:checked list.nested > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ border-bottom-width: 0;
+}
+
+columnview > listview > row {
+ padding: 0;
+}
+
+columnview > listview > row > cell {
+ padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child) {
+ border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell {
+ border-left-color: rgba(255, 255, 255, 0.12);
+}
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+treeexpander {
+ border-spacing: 6px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #FF8A65;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 6px;
+ border-spacing: 0;
+ padding: 0;
+ border: none;
+ background-image: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #FF8A65;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(255, 255, 255, 0.7);
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+expander:hover, expander:active {
+ color: #FFFFFF;
+}
+
+expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+ box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 6px;
+ margin: 0;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 6px;
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button {
+ border-radius: 0;
+ min-height: 28px;
+ padding: 6px 12px;
+ margin: 0;
+ border: none;
+}
+
+window.messagedialog .response-area > box > button:first-child, window.dialog.message .dialog-action-area > button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+window.messagedialog .response-area > box > button:last-child, window.dialog.message .dialog-action-area > button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+window.messagedialog .response-area > box > button:only-child, window.dialog.message .dialog-action-area > button:only-child {
+ border-radius: 0 0 12px 12px;
+}
+
+window.dialog.message.background {
+ background-color: #363a4f;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ margin-top: 6px;
+ border-spacing: 24px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box.vertical {
+ margin-bottom: 6px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #363a4f;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.dialog.message .dialog-action-area {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog.message .dialog-action-area > button {
+ border: none;
+}
+
+window.dialog.message .dialog-action-area > button:not(:last-child) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) {
+ color: #FF8A65;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
+}
+
+/********************
+ * AdwMessageDialog *
+ ********************/
+window.messagedialog {
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+window.messagedialog .message-area {
+ padding: 24px 30px;
+ border-spacing: 10px;
+}
+
+window.messagedialog .response-area > box > button.suggested {
+ color: #FF8A65;
+}
+
+window.messagedialog .response-area > box > button.destructive {
+ color: #F44336;
+}
+
+window.messagedialog.csd:not(.solid-csd) {
+ border-radius: 12px;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button {
+ margin: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child {
+ margin-left: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child {
+ margin-right: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+ margin-bottom: 0;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #181926;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+ border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+ background-color: transparent;
+ color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 6px;
+ background-color: #181926;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+stacksidebar row:selected {
+ font-weight: 500;
+}
+
+stacksidebar row + row {
+ margin-top: 4px;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ padding: 4.5px 0;
+ border-right: none;
+}
+
+.navigation-sidebar, .navigation-sidebar.view {
+ background-color: transparent;
+ color: inherit;
+}
+
+.navigation-sidebar.background {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.navigation-sidebar > separator {
+ margin: 4.5px 0;
+}
+
+.navigation-sidebar > row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+ margin: 1.5px 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+placessidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar list > separator {
+ margin: 3px 0;
+}
+
+placessidebar row:selected {
+ font-weight: 500;
+}
+
+placessidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar row.sidebar-new-bookmark-row {
+ color: #FF8A65;
+}
+
+placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #FF8A65;
+}
+
+placessidebar row:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(#3e4152);
+ background-size: 1px 1px;
+ background-clip: content-box;
+ box-shadow: none;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #24273a;
+ background-image: image(#3e4152), image(#3e4152);
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+ background: black;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #FF8A65;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #ff774c;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+}
+
+tooltip.background {
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ border-radius: 6px;
+ margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorchooser colorswatch:hover {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 0 0 2px #FF8A65;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+ color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #24273a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+ border: none;
+}
+
+window.csd {
+ border-radius: 12px;
+ outline-offset: -1px;
+ outline: 1px solid rgba(255, 255, 255, 0.1);
+ margin: 0;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd:backdrop {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+ border-radius: 0;
+ transition: none;
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #181926;
+ border: 1px solid #3e4152;
+}
+
+window.solid-csd:backdrop {
+ background-color: #24273a;
+}
+
+window.ssd {
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
+ padding: 0;
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25);
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
+ background-color: #eed49f;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2dfb7;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
+ background-color: #a6da95;
+}
+
+windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #bce3b0;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ background-color: #ed8796;
+}
+
+windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2a5b0;
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+ margin-right: 9px;
+ margin-left: 9px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+ margin-left: 9px;
+ margin-right: 9px;
+}
+
+.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected,
+treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+flowbox > flowboxchild:selected, calendar > grid > label.today {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.2);
+}
+
+textview text selection:focus, textview text selection, label > selection,
+entry > text > selection, spinbutton > text > selection,
+entry headerbar popover.background entry > text > selection,
+headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #FF8A65;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #363a4f;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #FF8A65;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ margin: 6px 0;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1);
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #FF8A65;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover,
+emoji-completion-row emoji:hover, emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+.nautilus-window placesview label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusQueryEditor > menubutton > button.image-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button {
+ margin: 6px 0;
+}
+
+#NautilusQueryEditorTag {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#NautilusQueryEditorTag > button.image-button {
+ margin: 0;
+ padding: 0;
+}
+
+#NautilusPathBar {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathButton.current-dir {
+ color: #FFFFFF;
+}
+
+#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.display-container.card {
+ border-radius: 0;
+ box-shadow: none;
+ border-width: 0 0 1px 0;
+}
+
+.display-container .history-view {
+ background-color: #24273a;
+}
+
+.display-container #displayitem {
+ padding: 0 12px 8px 0;
+ font-size: 1.4em;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.math-buttons button {
+ font-size: 1.1em;
+ padding: 2px 6px;
+}
+
+.math-buttons button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+leaflet button.number-button {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px;
+}
+
+label.primary-label, label.month-name {
+ color: #FF8A65;
+}
+
+label.secondary-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view {
+ font-size: 10pt;
+}
+
+calendar-view:selected {
+ color: #FF8A65;
+ font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view.current,
+weekgrid.current {
+ background-color: alpha(#FF8A65, 0.3);
+}
+
+popover.events {
+ background-color: #24273a;
+ padding: 0;
+}
+
+popover.events box {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+popover.events list {
+ background-color: #24273a;
+ border-radius: 6px;
+}
+
+popover.events scrolledwindow {
+ border-width: 0;
+}
+
+popover.events button {
+ border-radius: 6px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-style: solid none none;
+ box-shadow: none;
+}
+
+event {
+ margin: 1px;
+ font-size: 0.9rem;
+}
+
+event widget.content {
+ margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+ border-radius: 6px;
+}
+
+event.timed widget.edge {
+ border-radius: 3px;
+ min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+ padding-left: 16px;
+ border-radius: 0 3px 3px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+ padding-right: 16px;
+ border-radius: 3px 0 0 3px;
+}
+
+event:not(.timed).color-dark {
+ color: white;
+ outline-color: rgba(0, 0, 0, 0.3);
+}
+
+event.timed, event:not(.timed).color-light {
+ color: alpha(black, 0.75);
+ outline-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+ padding: 0;
+}
+
+.search-viewport {
+ background-color: #24273a;
+}
+
+.calendar-list {
+ background-color: transparent;
+}
+
+.calendar-list > list {
+ border-radius: 4px;
+}
+
+.sources-button {
+ margin-top: 0;
+ margin-bottom: 0;
+ border-radius: 0;
+ border-top-style: none;
+ border-bottom-style: none;
+}
+
+.sources-button:hover:not(:backdrop) {
+ background-image: none;
+ text-shadow: none;
+}
+
+.calendar-color-image {
+ -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+ -gtk-icon-shadow: 0 1px alpha(black, 0.1);
+}
+
+datechooser navigator {
+ margin-right: 6px;
+ margin-left: 6px;
+ margin-bottom: 6px;
+}
+
+datechooser navigator label {
+ font-weight: bold;
+}
+
+datechooser navigator button, datechooser navigator button.image-button {
+ min-height: 36px;
+ min-width: 36px;
+ padding: 0;
+}
+
+datechooser .weeknum, datechooser .weekday {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: smaller;
+}
+
+datechooser button.day {
+ font-size: 10pt;
+ font-weight: normal;
+ margin: 3px;
+ padding: 0;
+ min-height: 36px;
+ min-width: 36px;
+ transition: none;
+}
+
+datechooser button.day dot {
+ background-color: #FFFFFF;
+ border-radius: 50%;
+ min-height: 3px;
+ min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+datechooser button.day.today {
+ color: #FF8A65;
+}
+
+datechooser button.day.today dot {
+ background-color: #FF8A65;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop {
+ color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot {
+ background-color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header {
+ padding: 0;
+}
+
+.week-header > box:first-child {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.week-header .week-number {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px 12px 18px 12px;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.week-header.week-temperature {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header.lines {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+weekhourbar > label {
+ font-size: 10pt;
+ padding: 4px 6px;
+}
+
+.week-view .lines {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+weekgrid > widget.now-strip {
+ background-color: alpha(#FF8A65, 0.8);
+ margin: 0 0 0 1px;
+ min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+monthcell {
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-width: 1px 0 0 1px;
+ background-color: transparent;
+ transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+ background-color: #181926;
+ transition: background-color 200ms;
+ color: #FFFFFF;
+}
+
+monthcell:selected {
+ background-color: alpha(#FF8A65, 0.1);
+}
+
+monthcell:selected:hover {
+ background-color: alpha(#FF8A65, 0.2);
+}
+
+monthcell:selected label.day-label {
+ font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+ border-left-width: 0;
+}
+
+monthcell.today {
+ background-color: alpha(#FF8A65, 0.2);
+}
+
+monthcell.today:hover {
+ background-color: alpha(#FF8A65, 0.3);
+ color: #FF8A65;
+}
+
+monthcell.today:selected {
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+monthcell.today:selected:hover {
+ background-color: alpha(#FF8A65, 0.35);
+}
+
+monthcell label {
+ color: #FFFFFF;
+ font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+ font-size: 1rem;
+}
+
+monthcell.out-of-month {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+monthcell.out-of-month label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+monthcell button {
+ padding: 0 6px;
+ border-radius: 0;
+ border-bottom: none;
+ border-right: none;
+}
+
+monthpopover > box {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+}
+
+.notes-section box > textview {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.notes-section box > textview > text {
+ background: none;
+}
+
+agenda-view list > row {
+ padding: 2px 12px;
+}
+
+agenda-view list > label {
+ padding: 6px 12px;
+}
+
+label.no-events {
+ font-style: italic;
+}
+
+searchbutton > popover > arrow {
+ background: none;
+ border: none;
+}
+
+datechooser {
+ padding: 6px;
+}
+
+datechooser .current-week {
+ background: alpha(#181926, 0.7);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+menubutton stack > box {
+ border-spacing: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+.details-page {
+ margin: 24px 0px;
+}
+
+.installed-overlay-box {
+ font-size: smaller;
+ background-color: #FF8A65;
+ border-radius: 0;
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+screenshot-carousel box.frame {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+ margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+ margin-top: 6px;
+ margin-bottom: 12px;
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+.app-tile-label {
+ font-size: 105%;
+}
+
+.review-textbox {
+ padding: 6px;
+}
+
+.origin-rounded-box {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 9999px;
+ padding: 4px;
+}
+
+.origin-beta {
+ color: #FBC02D;
+}
+
+.origin-button > button {
+ padding: 3px 9px;
+}
+
+button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+ min-width: 140px;
+ font-weight: 900;
+ font-size: larger;
+}
+
+button.card.category-tile.category-tile-iconless {
+ padding: 9px 15px;
+ min-width: 130px;
+ font-size: 105%;
+ font-weight: normal;
+}
+
+button.card.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:hover {
+ background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:active {
+ background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-develop {
+ background: #5e5c64;
+ color: white;
+}
+
+button.card.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+ color: white;
+}
+
+button.card.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+ color: white;
+}
+
+button.card.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:hover {
+ background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:active {
+ background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:hover {
+ background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:active {
+ background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+button.card.category-tile.category-socialize:hover {
+ background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+button.card.category-tile.category-socialize:active {
+ background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+button.card.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+button.card.category-tile.category-work:hover {
+ color: #1c71d8;
+ background-color: #fefcef;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+button.card.category-tile.category-work:active {
+ color: #1c71d8;
+ background-color: #fcf4bf;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+ font-size: larger;
+}
+
+.featured-tile {
+ all: unset;
+ padding: 0;
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+.featured-tile label.title-1 {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+ font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.application-details-infobar.warning {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+@keyframes install-progress-unknown-move {
+ 0% {
+ background-position: 0%;
+ }
+ 50% {
+ background-position: 100%;
+ }
+ 100% {
+ background-position: 0%;
+ }
+}
+
+.application-details-description .button {
+ padding-left: 24px;
+ padding-right: 24px;
+}
+
+.install-progress {
+ background-image: linear-gradient(to top, #FF8A65 2px, alpha(#FF8A65, 0) 2px);
+ background-repeat: no-repeat;
+ background-position: 0 bottom;
+ background-size: 0;
+ transition: none;
+}
+
+.install-progress:dir(rtl) {
+ background-position: 100% bottom;
+}
+
+.review-row > * {
+ margin: 12px;
+}
+
+.review-row button {
+ font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+ margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+ border-image: linear-gradient(to top, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+ border-image: none;
+}
+
+review-bar {
+ color: rgba(255, 255, 255, 0.5);
+ background-image: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.review-histogram star-image {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.version-arrow-label {
+ font-size: x-small;
+}
+
+.overview-more-button {
+ font-size: smaller;
+ padding: 0 16px;
+}
+
+.app-row-origin-text {
+ font-size: smaller;
+}
+
+.app-listbox-header {
+ padding: 6px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.image-list {
+ background-color: transparent;
+}
+
+box.star {
+ background-color: transparent;
+ background-image: none;
+}
+
+button.star {
+ outline-offset: 0;
+ background-color: transparent;
+ background-image: none;
+ border-image: none;
+ border-radius: 0;
+ border-width: 0;
+ padding: 0;
+ box-shadow: none;
+ outline-offset: -1px;
+}
+
+star-image {
+ color: #FFD600;
+}
+
+.dimmer-label {
+ opacity: 0.25;
+}
+
+.update-failed-details {
+ font-family: Monospace;
+ font-size: smaller;
+ padding: 16px;
+}
+
+.upgrade-banner {
+ padding: 0px;
+ border-radius: 6px;
+ border: none;
+}
+
+.upgrade-banner-background {
+ background: linear-gradient(to bottom, #66BB6A, #5b9bf8);
+ color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+ margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+ margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+ margin-top: 12px;
+}
+
+clamp.status-page {
+ margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+ min-height: 128px;
+ min-width: 128px;
+}
+
+clamp.status-page .icon {
+ color: rgba(255, 255, 255, 0.5);
+ min-height: 32px;
+ min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: transparent;
+ border-radius: 0;
+ padding: 24px 12px 21px 12px;
+ outline-offset: 5px;
+ transition-property: outline, outline-offset, background-image;
+ border-bottom: none;
+ border-right: none;
+}
+
+app-context-bar .context-tile:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+ outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+ border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+ border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(255, 255, 255, 0.12);
+}
+
+carousel.card {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+ font-size: 18px;
+ font-weight: bold;
+ border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+ font-size: 24px;
+ padding: 16px;
+ min-width: 24px;
+ /* 60px minus the left and right padding */
+ min-height: 24px;
+ /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+ margin-top: -28px;
+ margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+ -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+ color: #419345;
+ background-color: rgba(102, 187, 106, 0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+ color: #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+ color: #d79b04;
+ background-color: rgba(251, 192, 45, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+ color: #d2190b;
+ background-color: rgba(244, 67, 54, 0.15);
+}
+
+.eol-red {
+ font-weight: bold;
+ color: #F44336;
+}
+
+window.narrow .app-title {
+ font-size: 16pt;
+}
+
+window.narrow .app-developer {
+ font-size: small;
+}
+
+.install-progress-label {
+ font-size: smaller;
+ font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+ margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+window.info scrollbar.vertical {
+ margin-top: 48px;
+ background: none;
+ box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+ margin-top: 0;
+}
+
+row.app > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+row.app > box.header {
+ border-spacing: 12px;
+}
+
+row.app > box.header > image {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+row.app label.warning {
+ color: #F44336;
+}
+
+@keyframes pre-delay {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 0;
+ }
+}
+
+@keyframes fade-in {
+ from {
+ filter: opacity(0%);
+ }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+ animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+ animation-delay: 0s, 0.5s, 0.5s;
+}
+
+window > contents > leaflet > box > stack.background {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, transparent 48px, #24273a 48px, #24273a);
+}
+
+@define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5);
+@define-color weather_temp_chart_stroke_color #f0ad05;
+@define-color weather_thermometer_warm_color #FBC02D;
+@define-color weather_thermometer_cold_color #5b9bf8;
+#places-label {
+ font-weight: bold;
+}
+
+#temperature-label {
+ font-size: 32pt;
+ font-weight: 900;
+ margin-left: 9px;
+}
+
+#conditions-grid *:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.content-view.cell {
+ font-weight: bold;
+}
+
+#locationEntry {
+ margin: 6px;
+}
+
+.weather-popover {
+ margin-top: 6px;
+}
+
+.forecast-card {
+ transition: border-radius 100ms ease-out;
+ border-radius: 6px;
+}
+
+.forecast-card separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#daily-forecast-box > separator:last-child {
+ background-color: transparent;
+ min-width: 0;
+}
+
+#conditions-grid,
+#attributionGrid {
+ margin-left: 18px;
+ margin-right: 18px;
+}
+
+#weather-page .small .forecast-card {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 0;
+ border-width: 1px 0;
+}
+
+.forecast-temperature-label {
+ font-weight: bold;
+ color: #ae7b03;
+}
+
+WeatherThermometer {
+ margin-bottom: 12px;
+}
+
+WeatherThermometer > label.high {
+ font-weight: bold;
+ color: #FBC02D;
+}
+
+WeatherThermometer > label.low {
+ font-weight: bold;
+ color: #5b9bf8;
+}
+
+.forecast-button {
+ margin: 0 12px;
+}
+
+.forecast-graphic {
+ margin: 18px;
+}
+
+button.osd.circular {
+ border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+button.osd.circular > image {
+ padding: 0;
+}
+
+scrolledwindow.inline list,
+scrolledwindow.inline listview {
+ background: none;
+ color: inherit;
+}
+
+scrolledwindow.inline undershoot.top {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
+}
+
+.search-view {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.search-view menubutton button:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+image.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.large-button {
+ padding: 6px;
+}
+
+.alarm-time {
+ font-size: 2.5em;
+ font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+ font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+ font-size: 6em;
+ font-weight: 300;
+}
+
+.clocks-ringing-title {
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+ font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+ font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+ font-size: 20pt;
+ font-weight: 300;
+}
+
+.timer-countdown {
+ font-size: 40pt;
+ font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+ font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+ font-size: 70px;
+ font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+ color: #FF8A65;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+ font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.clock-location {
+ font-weight: bolder;
+}
+
+.hidden {
+ opacity: 0;
+}
+
+.clock-time {
+ font-size: 2em;
+ padding: 0.2em 0.5em;
+ border-radius: 1em;
+}
+
+.none .clock-time {
+ background: alpha(currentColor, 0.2);
+}
+
+.night .clock-time {
+ color: #3c84f7;
+ background-color: alpha(#5b9bf8, 0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+ color: #FF7043;
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+ color: #FFD600;
+ background: alpha(#FBC02D, 0.25);
+}
+
+headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+popover.background.global-search > arrow, popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 3px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: #181926;
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(255, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #FF8A65;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5;
+}
+
+avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2;
+}
+
+avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8;
+}
+
+avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7;
+}
+
+avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1;
+}
+
+avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1;
+}
+
+avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5;
+}
+
+avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce;
+}
+
+avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de;
+}
+
+avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8;
+}
+
+avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5;
+}
+
+avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade;
+}
+
+avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca;
+}
+
+avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3;
+}
+
+avatar.contrasted {
+ color: white;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ outline: none;
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.card.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.card.activatable:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+.card.activatable:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #24273a;
+ color: #FFFFFF;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ border-spacing: 3px;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+}
+
+viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 6px;
+ padding-bottom: 4px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 2px 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ background-color: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 1px 4px;
+ color: white;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #FF8A65;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(255, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #FF8A65;
+}
+
+preferencesgroup > box .cutout-button {
+ background-color: #181926;
+}
+
+window.about .main-page > viewport > clamp > box {
+ margin: 12px;
+ border-spacing: 6px;
+}
+
+window.about .main-page > viewport > clamp > box > box {
+ margin-top: 18px;
+ border-spacing: 18px;
+ margin-bottom: 6px;
+}
+
+window.about .main-page .app-version {
+ padding: 3px 18px;
+ color: #FF8A65;
+ border-radius: 6px;
+ margin-top: 3px;
+}
+
+window.about .subpage > viewport > clamp > box {
+ margin: 18px 12px;
+ border-spacing: 18px;
+}
+
+window.about .subpage > clamp > textview {
+ background: none;
+ color: inherit;
+}
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px;
+ border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+ border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 128px;
+ color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #24273a;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #24273a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #24273a;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181926;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #24273a;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #24273a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #07080c;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #ed8796;
+@define-color wm_button_close_active_bg #e55267;
+@define-color wm_button_max_hover_bg #a6da95;
+@define-color wm_button_max_active_bg #80ca68;
+@define-color wm_button_min_hover_bg #eed49f;
+@define-color wm_button_min_active_bg #e5bd6b;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #24273a;
+@define-color placeholder_text_color #bdbec4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #24273a;
+@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3);
+@define-color budgie_tasklist_indicator_color_active #FF8A65;
+@define-color budgie_tasklist_indicator_color_active_window #955648;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@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;
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+@define-color accent_bg_color #FF8A65;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #FF8A65;
+@define-color destructive_bg_color #F44336;
+@define-color destructive_fg_color #FFFFFF;
+@define-color destructive_color #F44336;
+@define-color success_bg_color #66BB6A;
+@define-color success_fg_color #FFFFFF;
+@define-color success_color #66BB6A;
+@define-color warning_bg_color #FBC02D;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FBC02D;
+@define-color error_bg_color #F44336;
+@define-color error_fg_color #FFFFFF;
+@define-color error_color #F44336;
+@define-color window_bg_color #24273a;
+@define-color window_fg_color #FFFFFF;
+@define-color view_bg_color #24273a;
+@define-color view_fg_color #FFFFFF;
+@define-color headerbar_bg_color #181926;
+@define-color headerbar_fg_color #FFFFFF;
+@define-color headerbar_border_color rgba(255, 255, 255, 0.12);
+@define-color headerbar_backdrop_color #24273a;
+@define-color headerbar_shade_color rgba(255, 255, 255, 0.12);
+@define-color card_bg_color #24273a;
+@define-color card_fg_color #FFFFFF;
+@define-color card_shade_color rgba(255, 255, 255, 0.12);
+@define-color dialog_bg_color #181926;
+@define-color dialog_fg_color #FFFFFF;
+@define-color popover_bg_color #24273a;
+@define-color popover_fg_color #FFFFFF;
+@define-color shade_color rgba(255, 255, 255, 0.12);
+@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12);
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/gtk.css b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/gtk.css
new file mode 100644
index 00000000..73e50845
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/gtk.css
@@ -0,0 +1,7509 @@
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #FF8A65 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #FF8A65 100%, transparent 100%);
+ }
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+dnd {
+ color: #FFFFFF;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+.aboutdialog .large-icons {
+ -gtk-icon-size: 128px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+iconview:disabled, .view:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+iconview:selected, .view:selected {
+ color: #FFFFFF;
+}
+
+textview text {
+ background-color: #24273a;
+}
+
+textview border {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+iconview:hover, iconview:selected {
+ border-radius: 3px;
+}
+
+rubberband, .content-view rubberband, .content-view columnview.view > rubberband,
+.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband,
+treeview.view > rubberband,
+.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #FF8A65;
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+flowbox > flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+gridview > child {
+ padding: 3px;
+}
+
+gridview > child:selected {
+ outline-color: alpha(currentColor, 0.06);
+}
+
+gridview > child box {
+ border-spacing: 8px;
+ margin: 12px;
+}
+
+coverflow cover {
+ color: #FFFFFF;
+ background-color: #24273a;
+ border: 1px solid black;
+}
+
+label.separator {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+label:disabled {
+ opacity: 1;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar label:disabled, tab label:disabled, button label:disabled {
+ color: inherit;
+ opacity: 1;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+}
+
+.dim-label, row.expander image.expander-row-arrow, row label.subtitle {
+ color: rgba(255, 255, 255, 0.7);
+ opacity: 1;
+}
+
+.accent {
+ color: #FF8A65;
+}
+
+.success {
+ color: #66BB6A;
+}
+
+.warning {
+ color: #FBC02D;
+}
+
+.error {
+ color: #F44336;
+}
+
+.large-title {
+ font-weight: 300;
+ font-size: 24pt;
+}
+
+.title-1 {
+ font-weight: 800;
+ font-size: 20pt;
+}
+
+.title-2 {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+.title-3 {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.title-4 {
+ font-weight: 700;
+ font-size: 13pt;
+}
+
+.heading {
+ font-weight: 700;
+ font-size: 11pt;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 11pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+}
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(255, 255, 255, 0.5);
+ font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+ color: #FFFFFF;
+}
+
+.osd .scale-popup > arrow,
+.osd .scale-popup > contents, .osd popover > arrow,
+.osd popover > contents, popover.touch-selection > arrow,
+popover.touch-selection > contents, popover.magnifier > arrow,
+popover.magnifier > contents, .osd {
+ color: #FFFFFF;
+ background-color: #24273a;
+ background-clip: padding-box;
+ border-radius: 6px;
+ border: none;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.osd {
+ padding: 6px;
+ margin: 6px;
+}
+
+.osd.circular {
+ border-radius: 9999px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+ opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+
+entry headerbar popover.background entry,
+headerbar popover.background entry entry,
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-spacing: 6px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:focus-within,
+headerbar popover.background entry entry:focus-within,
+entry:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FFFFFF;
+ outline: 2px solid #FF8A65;
+ outline-offset: -2px;
+}
+
+
+entry headerbar popover.background entry:drop(active),
+headerbar popover.background entry entry:drop(active),
+entry headerbar popover.background entry:hover:not(:focus-within),
+headerbar popover.background entry entry:hover:not(:focus-within),
+entry:drop(active),
+entry:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+
+entry headerbar popover.background entry:disabled,
+headerbar popover.background entry entry:disabled,
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.flat:focus-within,
+headerbar popover.background entry entry.flat:focus-within,
+entry headerbar popover.background entry.flat:disabled,
+headerbar popover.background entry entry.flat:disabled,
+entry headerbar popover.background entry.flat:hover,
+headerbar popover.background entry entry.flat:hover,
+entry headerbar popover.background entry.flat,
+headerbar popover.background entry entry.flat,
+entry.flat:focus-within,
+entry.flat:disabled,
+entry.flat:hover,
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ background-color: transparent;
+ box-shadow: none;
+ border-radius: 0;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry image,
+headerbar popover.background entry entry image,
+entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+
+entry headerbar popover.background entry image:hover,
+headerbar popover.background entry entry image:hover,
+entry headerbar popover.background entry image:active,
+headerbar popover.background entry entry image:active,
+entry image:hover,
+entry image:active {
+ color: #FFFFFF;
+}
+
+
+entry headerbar popover.background entry image:disabled,
+headerbar popover.background entry entry image:disabled,
+entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+
+entry headerbar popover.background entry image.left,
+headerbar popover.background entry entry image.left,
+entry image.left {
+ margin: 0 6px 0 2px;
+}
+
+
+entry headerbar popover.background entry image.right,
+headerbar popover.background entry entry image.right,
+entry image.right {
+ margin: 0 2px 0 6px;
+}
+
+
+entry headerbar popover.background entry undershoot.left,
+headerbar popover.background entry entry undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry undershoot.right,
+headerbar popover.background entry entry undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+
+entry headerbar popover.background entry.error,
+headerbar popover.background entry entry.error,
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(244, 67, 54, 0.1);
+ color: rgba(244, 67, 54, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:focus-within,
+headerbar popover.background entry entry.error:focus-within,
+entry.error:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(244, 67, 54, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #F44336;
+ outline: 2px solid #F44336;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:drop(active),
+headerbar popover.background entry entry.error:drop(active),
+entry headerbar popover.background entry.error:hover:not(:focus-within),
+headerbar popover.background entry entry.error:hover:not(:focus-within),
+entry.error:drop(active),
+entry.error:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #F44336;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error:disabled,
+headerbar popover.background entry entry.error:disabled,
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(244, 67, 54, 0.1);
+ color: rgba(244, 67, 54, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.error > text > selection,
+headerbar popover.background entry entry.error > text > selection,
+entry.error > text > selection {
+ background-color: rgba(244, 67, 54, 0.25);
+ color: #F44336;
+}
+
+
+entry headerbar popover.background entry.error image,
+headerbar popover.background entry entry.error image,
+entry.error image {
+ color: rgba(244, 67, 54, 0.75);
+}
+
+
+entry headerbar popover.background entry.error image:hover,
+headerbar popover.background entry entry.error image:hover,
+entry headerbar popover.background entry.error image:active,
+headerbar popover.background entry entry.error image:active,
+entry.error image:hover,
+entry.error image:active {
+ color: #F44336;
+}
+
+
+entry headerbar popover.background entry.error image:disabled,
+headerbar popover.background entry entry.error image:disabled,
+entry.error image:disabled {
+ color: rgba(244, 67, 54, 0.35);
+}
+
+
+entry headerbar popover.background entry.warning,
+headerbar popover.background entry entry.warning,
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(251, 192, 45, 0.1);
+ color: rgba(251, 192, 45, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:focus-within,
+headerbar popover.background entry entry.warning:focus-within,
+entry.warning:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(251, 192, 45, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FBC02D;
+ outline: 2px solid #FBC02D;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:drop(active),
+headerbar popover.background entry entry.warning:drop(active),
+entry headerbar popover.background entry.warning:hover:not(:focus-within),
+headerbar popover.background entry entry.warning:hover:not(:focus-within),
+entry.warning:drop(active),
+entry.warning:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #FBC02D;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning:disabled,
+headerbar popover.background entry entry.warning:disabled,
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(251, 192, 45, 0.1);
+ color: rgba(251, 192, 45, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.warning > text > selection,
+headerbar popover.background entry entry.warning > text > selection,
+entry.warning > text > selection {
+ background-color: rgba(251, 192, 45, 0.25);
+ color: #FBC02D;
+}
+
+
+entry headerbar popover.background entry.warning image,
+headerbar popover.background entry entry.warning image,
+entry.warning image {
+ color: rgba(251, 192, 45, 0.75);
+}
+
+
+entry headerbar popover.background entry.warning image:hover,
+headerbar popover.background entry entry.warning image:hover,
+entry headerbar popover.background entry.warning image:active,
+headerbar popover.background entry entry.warning image:active,
+entry.warning image:hover,
+entry.warning image:active {
+ color: #FBC02D;
+}
+
+
+entry headerbar popover.background entry.warning image:disabled,
+headerbar popover.background entry entry.warning image:disabled,
+entry.warning image:disabled {
+ color: rgba(251, 192, 45, 0.35);
+}
+
+
+entry headerbar popover.background entry.success,
+headerbar popover.background entry entry.success,
+entry.success {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(102, 187, 106, 0.1);
+ color: rgba(102, 187, 106, 0.75);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:focus-within,
+headerbar popover.background entry entry.success:focus-within,
+entry.success:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(102, 187, 106, 0.1);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #66BB6A;
+ outline: 2px solid #66BB6A;
+ outline-offset: -2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:drop(active),
+headerbar popover.background entry entry.success:drop(active),
+entry headerbar popover.background entry.success:hover:not(:focus-within),
+headerbar popover.background entry entry.success:hover:not(:focus-within),
+entry.success:drop(active),
+entry.success:hover:not(:focus-within) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #66BB6A;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success:disabled,
+headerbar popover.background entry entry.success:disabled,
+entry.success:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(102, 187, 106, 0.1);
+ color: rgba(102, 187, 106, 0.35);
+ outline: none;
+ outline: none;
+}
+
+
+entry headerbar popover.background entry.success > text > selection,
+headerbar popover.background entry entry.success > text > selection,
+entry.success > text > selection {
+ background-color: rgba(102, 187, 106, 0.25);
+ color: #66BB6A;
+}
+
+
+entry headerbar popover.background entry.success image,
+headerbar popover.background entry entry.success image,
+entry.success image {
+ color: rgba(102, 187, 106, 0.75);
+}
+
+
+entry headerbar popover.background entry.success image:hover,
+headerbar popover.background entry entry.success image:hover,
+entry headerbar popover.background entry.success image:active,
+headerbar popover.background entry entry.success image:active,
+entry.success image:hover,
+entry.success image:active {
+ color: #66BB6A;
+}
+
+
+entry headerbar popover.background entry.success image:disabled,
+headerbar popover.background entry entry.success image:disabled,
+entry.success image:disabled {
+ color: rgba(102, 187, 106, 0.35);
+}
+
+
+entry > progress,
+entry progress > trough > progress {
+ margin: 0 -4px;
+ border-bottom: 2px solid #FF8A65;
+ background-color: transparent;
+}
+
+
+entry button.image-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+treeview entry.flat, treeview entry {
+ background-color: #24273a;
+}
+
+treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+.entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+editablelabel > stack > text {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, #FF8A65 0%, rgba(255, 138, 101, 0) 0%);
+ }
+ to {
+ background-image: radial-gradient(farthest-side, #FF8A65 95%, rgba(255, 138, 101, 0));
+ }
+}
+
+infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: #FFFFFF;
+}
+
+headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
+ outline: 2px solid rgba(255, 138, 101, 0.35);
+ outline-offset: 0;
+}
+
+headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+ -gtk-icon-filter: brightness(1.2);
+}
+
+headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), button.keyboard-activating, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
+ outline-color: transparent;
+ background-color: #ff9d7f;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(255, 138, 101, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
+splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area > box > button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child),
+combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
+combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
+combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+button.opaque {
+ box-shadow: none;
+}
+
+.osd button.opaque:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.15);
+}
+
+button.opaque:hover {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+button.keyboard-activating.opaque, button.opaque:active {
+ background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+button.opaque:checked {
+ background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+button.opaque:checked:hover {
+ background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+button.opaque:checked.keyboard-activating, button.opaque:checked:active {
+ background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button separator {
+ margin: 4px 1px;
+}
+
+button.opaque {
+ background-color: #505261;
+ color: #FFFFFF;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.text-button.image-button, button.image-text-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button > box,
+button.text-button.image-button > box > box, button.image-text-button > box,
+button.image-text-button > box > box {
+ border-spacing: 4px;
+}
+
+button.text-button.image-button > box > label,
+button.text-button.image-button > box > box > label, button.image-text-button > box > label,
+button.image-text-button > box > box > label {
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+button.text-button.image-button label:first-child, button.image-text-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child, button.image-text-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+button.arrow-button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+button.arrow-button > box {
+ border-spacing: 4px;
+}
+
+button.arrow-button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.arrow-button.text-button > box {
+ border-spacing: 6px;
+}
+
+menubutton.pill > button, button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ font-weight: inherit;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button.card.keyboard-activating, button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+button.card:checked {
+ background-image: none;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ border-color: #FF8A65;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ outline-color: transparent;
+ background-color: #ff9d7f;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.card:checked:disabled {
+ outline-color: transparent;
+ background-color: rgba(255, 138, 101, 0.35);
+ color: rgba(0, 0, 0, 0.38);
+}
+
+button.card:checked.keyboard-activating, button.card:checked:active {
+ background-image: none;
+}
+
+button.card:checked.has-open-popup {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #FF7043;
+ box-shadow: inset 0 0 0 1px #FF7043;
+}
+
+.linked:not(.vertical) > button:focus, .linked.vertical > button:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) {
+ background-color: alpha(currentColor, 0.05);
+}
+
+.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+.linked:not(.vertical) > menubutton > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 6px;
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.35);
+ color: white;
+}
+
+button.osd > image {
+ padding: 0;
+}
+
+button.osd.remove-button {
+ padding: 0;
+}
+
+button.osd:focus {
+ outline-color: transparent;
+}
+
+button.osd:hover {
+ background-color: rgba(0, 0, 0, 0.45);
+ color: white;
+}
+
+button.osd:active {
+ background-color: rgba(0, 0, 0, 0.65);
+ color: white;
+}
+
+button.osd:disabled {
+ background-color: rgba(0, 0, 0, 0.15);
+ color: rgba(255, 255, 255, 0.35);
+}
+
+button.suggested-action {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(255, 138, 101, 0.2), 0 4px 3px 0 rgba(255, 138, 101, 0.14), 0 1px 6px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(192, 104, 76, 0.961);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(255, 138, 101, 0.3), 0 2px 3px -1px rgba(255, 138, 101, 0.24), 0 2px 5px 0 rgba(255, 138, 101, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(255, 138, 101, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #FF8A65;
+}
+
+button.suggested-action.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(255, 138, 101, 0.3);
+}
+
+button.destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: #f77b72;
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #F44336;
+}
+
+button.destructive-action.flat:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.3);
+}
+
+stackswitcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+button.font > box, button.file > box {
+ border-spacing: 6px;
+}
+
+button.font > box > box > label, button.file > box > box > label {
+ font-weight: bold;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
+ border-radius: 9999px;
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
+ padding: 0;
+}
+
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #FF8A65;
+ color: white;
+}
+
+menubutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+menubutton.opaque {
+ background-color: #505261;
+ color: #FFFFFF;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+menubutton arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton arrow.none {
+ -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton, splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #FF8A65;
+ color: white;
+}
+
+splitbutton.destructive-action {
+ background-color: #F44336;
+ color: white;
+}
+
+splitbutton.opaque {
+ background-color: #505261;
+ color: #FFFFFF;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
+ border-radius: 0;
+}
+
+.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+ border-radius: 6px;
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+
+list > row button.image-button:not(.flat) {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
+
+list > row button.image-button:not(.flat):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat):active,
+list > row button.image-button:not(.flat):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+
+list > row button.image-button:not(.flat).suggested-action {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+
+list > row button.image-button:not(.flat).destructive-action {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+/*********
+ * Links *
+ *********/
+link {
+ color: #3c84f7;
+}
+
+link:visited {
+ color: #BA68C8;
+}
+
+button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active {
+ color: #3c84f7;
+}
+
+button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active {
+ color: #BA68C8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ border-radius: 6px;
+ padding: 0;
+ border-spacing: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+spinbutton:focus-within {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.08);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #FFFFFF;
+ outline: 2px solid #FF8A65;
+ outline-offset: -2px;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.5);
+ outline: none;
+}
+
+spinbutton > text {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ margin: 0;
+}
+
+spinbutton > button {
+ border: none;
+}
+
+spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: none;
+}
+
+spinbutton:not(.vertical) > text {
+ min-width: 32px;
+ padding-left: 12px;
+}
+
+spinbutton:not(.vertical) > button {
+ padding: 0;
+ margin: 6px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
+}
+
+cell.activatable spinbutton:not(.vertical) {
+ margin: 3px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button {
+ margin: 0;
+ padding: 0;
+ min-height: 24px;
+ border-radius: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 0;
+}
+
+cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 0;
+}
+
+spinbutton.vertical > text {
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical > button {
+ padding: 0;
+ margin: 6px 9px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > button > box {
+ border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+dropdown popover,
+combobox popover {
+ margin-top: 4px;
+ padding: 0;
+}
+
+dropdown popover listview,
+combobox popover listview {
+ margin: 0;
+}
+
+dropdown popover listview > row,
+combobox popover listview > row {
+ padding: 6px;
+}
+
+dropdown popover listview > row:selected,
+combobox popover listview > row:selected {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.06);
+}
+
+dropdown popover .dropdown-searchbar,
+combobox popover .dropdown-searchbar {
+ padding: 6px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child),
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+dropdown > .linked:not(.vertical) > button:not(:only-child),
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(255, 255, 255, 0.08);
+ color: rgba(255, 255, 255, 0.7);
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+}
+
+button.combo:only-child:focus {
+ color: #FFFFFF;
+ outline: 2px solid rgba(255, 255, 255, 0.04);
+ outline-offset: -2px;
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+button.combo:only-child:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ outline-color: transparent;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar {
+ padding: 6px;
+ background-color: #24273a;
+ border-spacing: 6px;
+}
+
+.osd .toolbar {
+ background-color: transparent;
+}
+
+.app-notification, .toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 12px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.bottom.app-notification, .toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+.toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+.toolbar.vertical > separator {
+ margin: 2px;
+}
+
+.toolbar entry,
+.toolbar spinbutton,
+.toolbar splitbutton,
+.toolbar separator:not(.sidebar),
+.toolbar button,
+.toolbar menubutton,
+.toolbar scalebutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar menubutton > button,
+.toolbar splitbutton > button,
+.toolbar splitbutton > menubutton,
+.toolbar scalebutton > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.toolbar switch {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.toolbar spinbutton entry,
+.toolbar spinbutton button {
+ margin: 0;
+}
+
+.toolbar popover.menu separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton {
+ margin: 0;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+}
+
+headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #FFFFFF;
+}
+
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar entry {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+}
+
+headerbar entry:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar entry image:hover, headerbar entry image:active {
+ color: #FFFFFF;
+}
+
+headerbar entry image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+ background-color: #181926;
+ color: #FFFFFF;
+ min-height: 48px;
+ padding: 0;
+ margin: 0;
+}
+
+headerbar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+headerbar.flat, headerbar.flat:backdrop {
+ background: none;
+ box-shadow: none;
+ transition: none;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row.expander image.expander-row-arrow,
+row.expander headerbar image.expander-row-arrow,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row.expander image.expander-row-arrow:backdrop,
+row.expander headerbar image.expander-row-arrow:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar > windowhandle > box {
+ padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar menubutton,
+headerbar stackswitcher,
+headerbar separator:not(.sidebar) {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar .linked > menubutton,
+headerbar entry > menubutton {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+ opacity: 1;
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar popover.background button.suggested-action:disabled,
+headerbar popover.background button.destructive-action:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar popover.background entry,
+headerbar popover.background spinbutton,
+headerbar popover.background button,
+headerbar popover.background menubutton,
+headerbar popover.background stackswitcher {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.sidebar) {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+headerbar.default-decoration windowcontrols menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+window.devel headerbar {
+ background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 138, 101, 0.1)), linear-gradient(to top, #1e1f2f 3px, #222336);
+}
+
+window.devel headerbar:backdrop {
+ background: #181926 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#181926);
+ /* background-color would flash */
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-radius: 6px;
+ background-color: alpha(currentColor, 0.08);
+ border: none;
+ box-shadow: none;
+}
+
+
+pathbar > button:disabled {
+ background-color: alpha(currentColor, 0.05);
+}
+
+
+pathbar > button:checked {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+
+pathbar > button:checked:hover {
+ background-color: alpha(currentColor, 0.16);
+ color: #FFFFFF;
+}
+
+
+pathbar > button label,
+pathbar > button image {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.pathbar {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.7);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #3e4152;
+ border-top-color: #3e4152;
+}
+
+columnview.view:hover, columnview.view:selected,
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(255, 255, 255, 0.12);
+}
+
+columnview.view:drop(active),
+treeview.view:drop(active) {
+ box-shadow: none;
+}
+
+columnview.view:drop(active).after,
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view:drop(active).before,
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: alpha(currentColor, 0.06);
+}
+
+columnview.view > dndtarget:drop(active).after,
+treeview.view > dndtarget:drop(active).after {
+ border-top-style: none;
+}
+
+columnview.view > dndtarget:drop(active).before,
+treeview.view > dndtarget:drop(active).before {
+ border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+columnview.view.expander:hover,
+treeview.view.expander:hover {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:selected:hover,
+treeview.view.expander:selected:hover {
+ color: #FFFFFF;
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 6px solid #FF8A65;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 6px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ background-clip: border-box;
+}
+
+columnview.view > header > button:not(:focus):not(:hover):not(:active),
+treeview.view > header > button:not(:focus):not(:hover):not(:active) {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+ background-color: #24273a;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+ border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #24273a;
+ background-clip: border-box;
+ color: #FF8A65;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+ background-color: #FF8A65;
+}
+
+stack.view treeview.view {
+ min-height: 36px;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+ padding: 0;
+ background-color: #181926;
+ color: #FFFFFF;
+}
+
+menubar:backdrop {
+ background-color: #24273a;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item:selected {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #FFFFFF;
+}
+
+menubar > item:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+menubar > item label:disabled {
+ color: inherit;
+}
+
+menubar > item popover.menu popover.menu {
+ margin-left: 9px;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 12px;
+}
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu box.inline-buttons {
+ color: #FFFFFF;
+ padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none;
+}
+
+popover.menu box.inline-buttons button.image-button.model:selected {
+ background: image(alpha(currentColor, 0.06));
+}
+
+popover.menu box.circular-buttons {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 6px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: alpha(currentColor, 0.06);
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu label.title {
+ font-weight: bold;
+ padding: 4px 26px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ font: initial;
+}
+
+popover.background, popover.background:backdrop {
+ background-color: transparent;
+}
+
+popover > arrow,
+popover > contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ background-color: #363a4f;
+ border-radius: 12px;
+ color: #FFFFFF;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ background-clip: border-box;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05);
+}
+
+popover > contents > list,
+popover > contents > .view,
+popover > contents > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover > contents separator {
+ background-color: rgba(255, 255, 255, 0.12);
+ margin: 3px 0;
+}
+
+popover > contents list separator {
+ margin: 0;
+}
+
+popover > contents list > row {
+ border-radius: 6px;
+}
+
+popover > contents stack > box {
+ padding: 0;
+}
+
+popover > contents > box > button {
+ margin: 0;
+}
+
+popover .view:not(:selected),
+popover toolbar {
+ background-color: #363a4f;
+}
+
+popover.menu button,
+popover button.model {
+ min-height: 32px;
+ padding: 0 8px;
+}
+
+popover modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ color: #FFFFFF;
+ font: initial;
+ border-radius: 6px;
+}
+
+popover modelbutton:focus:not(:hover) {
+ transition: none;
+ box-shadow: none;
+ outline: none;
+}
+
+popover modelbutton:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+popover modelbutton accelerator {
+ color: rgba(255, 255, 255, 0.5);
+ margin-left: 30px;
+}
+
+popover modelbutton accelerator:disabled {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+popover modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+.osd popover, popover.touch-selection, popover.magnifier {
+ background-color: transparent;
+}
+
+magnifier {
+ background-color: #24273a;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbar tab, tabbar tabbox > tabboxchild > tab, notebook > header > tabs > tab {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 6px;
+ border: none;
+ background-clip: padding-box;
+ font-weight: 500;
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ background-color: transparent;
+ outline: 0 solid transparent;
+ outline-offset: 2px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+tabbar tab:hover:not(:checked):not(:selected), notebook > header > tabs > tab:hover:not(:checked):not(:selected) {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+tabbar tab:disabled, notebook > header > tabs > tab:disabled {
+ color: rgba(255, 255, 255, 0.32);
+ background-color: transparent;
+}
+
+tabbar tab:active, notebook > header > tabs > tab:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+tabbar tab:checked:not(:active), notebook > header > tabs > tab:checked:not(:active), tabbar tab:selected:not(:active), notebook > header > tabs > tab:selected:not(:active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+tabbar tab:checked:not(:active):disabled, notebook > header > tabs > tab:checked:not(:active):disabled, tabbar tab:selected:not(:active):disabled, notebook > header > tabs > tab:selected:not(:active):disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+frame > paned > notebook > header, notebook.frame > header {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+notebook, notebook.frame {
+ background-color: #24273a;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+ margin: 3px;
+ border-radius: 9px;
+}
+
+notebook > header.top > tabs > arrow {
+ border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+ border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+ border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header > tabs > tab {
+ margin: 3px;
+}
+
+notebook > header > tabs > tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header > tabs > tab > box:drop(active) {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #FFFFFF;
+}
+
+notebook > header > tabs > tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+notebook > header > tabs > tab button.flat:first-child {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+notebook > header > tabs > tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top > tabs, notebook > header.bottom > tabs {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) {
+ margin-right: 0;
+}
+
+notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left > tabs, notebook > header.right > tabs {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) {
+ margin-bottom: 0;
+}
+
+notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header > menubutton > button.image-button {
+ padding: 3px;
+ min-width: 24px;
+ min-height: 24px;
+ margin: 0 3px;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+tabbar > revealer > box {
+ box-shadow: none;
+}
+
+tabbar .box {
+ min-height: 36px;
+ border-bottom: none;
+ background: none;
+}
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
+ border-left-width: 1px;
+}
+
+tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
+ border-right-width: 1px;
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(ltr) {
+ box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar scrolledwindow.pinned tabbox > background:dir(rtl) {
+ box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12);
+}
+
+tabbar undershoot {
+ transition: background 150ms ease-in-out;
+}
+
+tabbar undershoot.left {
+ background: linear-gradient(to right, #24273a, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar undershoot.right {
+ background: linear-gradient(to left, #24273a, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar tabbox {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-image: none;
+ padding: 0;
+ margin: 0;
+ border-radius: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+tabbar tabbox > background {
+ background: none;
+}
+
+tabbar tabbox > separator {
+ margin: 9px 0;
+ min-width: 1px;
+ transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+ opacity: 0;
+}
+
+tabbar tabbox > tabboxchild {
+ margin: 0 -3px;
+ padding: 0;
+}
+
+tabbar tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#FF8A65, 0.4) 10%, alpha(#FF8A65, 0) 30%);
+}
+
+tabbar tab.needs-attention:hover {
+ background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#FF8A65, 0.4) 10%, alpha(#FF8A65, 0) 30%);
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ background-color: rgba(255, 255, 255, 0.04);
+ background-clip: padding-box;
+ border-color: rgba(255, 255, 255, 0.12);
+ border-style: solid;
+ transition: background 150ms ease-in-out;
+}
+
+tabbar .start-action button,
+tabbar .end-action button {
+ border: none;
+ border-radius: 0;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ border-right-width: 1px;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ border-left-width: 1px;
+}
+
+tabbar:not(.inline) scrolledwindow.pinned undershoot {
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline) undershoot.left {
+ background: linear-gradient(to right, #181926, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) undershoot.right {
+ background: linear-gradient(to left, #181926, rgba(0, 0, 0, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar:not(.inline) .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, alpha(#FF8A65, 0.5), alpha(#FF8A65, 0.3) 1px, alpha(#FF8A65, 0) 20px);
+}
+
+tabbar:not(.inline) tabbox > background {
+ background-color: #181926;
+}
+
+tabbar:not(.inline) .start-action,
+tabbar:not(.inline) .end-action {
+ background-color: alpha(#181926, 0.6);
+ border-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: #24273a;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #181926;
+ color: #FFFFFF;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+ outline: 1px solid rgba(0, 0, 0, 0.75);
+ outline-offset: -1px;
+ margin: 24px;
+}
+
+dnd tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#FF8A65, 0.4) 10%, alpha(#FF8A65, 0) 30%);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab button.image-button.tab-close-button,
+dnd tab button.image-button.tab-close-button {
+ margin-right: -3px;
+}
+
+tabview:drop(active),
+tabbox:drop(active) {
+ box-shadow: none;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #24273a;
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+scrollbar > range > trough {
+ border: none;
+ background: none;
+ padding: 0;
+ outline: none;
+}
+
+scrollbar > range > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(255, 255, 255, 0.5);
+ box-shadow: none;
+ outline: none;
+}
+
+scrollbar > range > trough > slider:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+ background-color: #FFFFFF;
+}
+
+scrollbar > range > trough > slider:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+ margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(36, 39, 58, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(255, 255, 255, 0.32);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ background-color: rgba(54, 58, 79, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: none;
+ border-radius: 9999px;
+ background-color: rgba(255, 255, 255, 0.5);
+ background-clip: border-box;
+ font-size: 0;
+ color: transparent;
+}
+
+switch:checked {
+ background-color: #FF8A65;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+}
+
+switch > slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 18px;
+ min-height: 18px;
+ margin: 3px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ background-color: white;
+ border: none;
+}
+
+switch:focus slider, switch:hover slider, switch:focus:hover slider {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+ box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+ border-spacing: 3px;
+}
+
+check,
+radio {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 3px;
+ padding: 0;
+ border-radius: 9999px;
+ border: none;
+ color: transparent;
+ background-color: rgba(255, 255, 255, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.04);
+ background-color: rgba(255, 255, 255, 0.15);
+}
+
+check:active,
+radio:active {
+ box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.12);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+check:disabled,
+radio:disabled {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+check:checked:hover, check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.15);
+ background-color: #ffb198;
+}
+
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ box-shadow: 0 0 0 6px rgba(255, 138, 101, 0.2);
+ background-color: #FF8A65;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(0, 0, 0, 0.6);
+ background-color: rgba(255, 138, 101, 0.35);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -3px;
+ margin-right: 6px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+ margin-left: -3px;
+}
+
+popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
+ margin-left: 6px;
+ margin-right: -3px;
+}
+
+popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover {
+ box-shadow: none;
+}
+
+
+check {
+ -gtk-icon-size: 20px;
+}
+
+
+check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg")));
+}
+
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg")));
+}
+
+
+radio {
+ -gtk-icon-size: 20px;
+}
+
+
+radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg")));
+}
+
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu check {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg")));
+}
+
+
+popover.menu check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg")));
+}
+
+
+popover.menu radio {
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+}
+
+
+popover.menu radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg")));
+}
+
+
+popover.menu radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg")));
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view radio, treeview.view check,
+columnview.view radio,
+columnview.view check {
+ padding: 0;
+ margin: 0;
+ transition: none;
+}
+
+treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover,
+columnview.view radio,
+columnview.view radio:hover,
+columnview.view radio:disabled,
+columnview.view radio:checked:hover,
+columnview.view radio:indeterminate:hover,
+columnview.view check,
+columnview.view check:hover,
+columnview.view check:disabled,
+columnview.view check:checked:hover,
+columnview.view check:indeterminate:hover {
+ box-shadow: none;
+}
+
+treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio,
+columnview.view:hover check,
+columnview.view:hover radio,
+columnview.view:selected check,
+columnview.view:selected radio,
+columnview.view:focus check,
+columnview.view:focus radio {
+ box-shadow: none;
+}
+
+treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked,
+columnview.view:hover check:checked,
+columnview.view:hover radio:checked,
+columnview.view:selected check:checked,
+columnview.view:selected radio:checked,
+columnview.view:focus check:checked,
+columnview.view:focus radio:checked {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale > trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale > trough:disabled {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#FF8A65);
+}
+
+scale > trough > highlight:disabled {
+ background-color: #24273a;
+ background-image: image(rgba(255, 255, 255, 0.32));
+}
+
+scale > trough > fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+scale > trough > fill:disabled {
+ background-color: transparent;
+}
+
+scale > trough > slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #FF8A65;
+ background-color: #24273a;
+ box-shadow: inset 0 0 0 2px #FF8A65;
+}
+
+scale > trough > slider:hover {
+ box-shadow: inset 0 0 0 2px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > slider:active {
+ box-shadow: inset 0 0 0 4px #FF8A65, 0 0 0 8px rgba(255, 255, 255, 0.12);
+}
+
+scale > trough > slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.32);
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune > trough > slider {
+ margin: -7px;
+}
+
+scale > marks,
+scale > value {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(255, 255, 255, 0.3);
+ color: transparent;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+ transform: rotate(0);
+}
+
+scale.horizontal > marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune > marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal > marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune > marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical > marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune > marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical > marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune > marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) > trough > slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(255, 255, 255, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #FF8A65;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #FF8A65;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #FBC02D;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+ background-color: #FF8A65;
+}
+
+levelbar block.full {
+ background-color: #66BB6A;
+}
+
+levelbar block.empty {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: #FFFFFF;
+ background: none;
+ border: none;
+ padding: 0;
+}
+
+window.dialog.print drawing paper {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+frame > list,
+.frame > list {
+ border: none;
+}
+
+frame.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame {
+ border-radius: 6px;
+}
+
+frame > label {
+ margin: 4px;
+}
+
+frame.flat > border, statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: border-box;
+ border: none;
+}
+
+actionbar > revealer > box button, actionbar > revealer > box entry,
+actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button,
+actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button,
+actionbar > revealer > box spinbutton {
+ margin: 0;
+}
+
+statusbar {
+ padding: 6px 18px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: right;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border: none;
+ background-image: none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+stacksidebar + separator.vertical,
+stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+ background-image: none;
+}
+
+/*********
+ * Lists *
+ *********/
+list.content,
+list.boxed-list {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+listview,
+list {
+ border-color: rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+ background-clip: padding-box;
+}
+
+listview > row,
+list > row {
+ padding: 6px;
+ background-clip: padding-box;
+}
+
+listview > row.expander,
+list > row.expander {
+ padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+ padding: 2px;
+}
+
+listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child),
+list.horizontal row.separator:not(:last-child),
+list.separators.horizontal > row:not(.separator):not(:last-child) {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child),
+list:not(.horizontal) row.separator:not(:last-child),
+list.separators:not(.horizontal) > row:not(.separator):not(:last-child) {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+list.frame {
+ border-radius: 6px;
+}
+
+listview.view {
+ color: #FFFFFF;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+ border-radius: 6px;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(255, 255, 255, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0;
+ outline: none;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus,
+treeview.view > header > button:focus, row.activatable:focus {
+ color: #FFFFFF;
+ background-color: transparent;
+ box-shadow: none;
+ outline: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover,
+treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup {
+ color: #FFFFFF;
+ background-color: alpha(currentColor, 0.05);
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.05);
+ color: #FFFFFF;
+ box-shadow: none;
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected,
+treeview.view > header > button:selected, row.activatable:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover,
+treeview.view > header > button:selected:hover, row.activatable:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+button row.activatable:focus, button row.activatable:hover, button row.activatable:active {
+ box-shadow: none;
+ background: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+row:selected {
+ background-color: alpha(currentColor, 0.06);
+ color: inherit;
+ box-shadow: none;
+}
+
+row:selected:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus, row:selected:focus-visible:focus-within {
+ outline: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+row:selected:focus:hover, row:selected:focus-visible:focus-within:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+row:selected image,
+row:selected label {
+ color: #FFFFFF;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+ padding: 9px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */
+}
+
+.rich-list > row:last-child {
+ border-bottom: none;
+}
+
+.rich-list > row > box {
+ border-spacing: 12px;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ border-spacing: 6px;
+ min-height: 50px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.45);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+ padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+ padding: 0;
+ font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+ border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+ margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+ margin-left: 6px;
+}
+
+row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active {
+ background-color: transparent;
+}
+
+row.entry .edit-icon, row.entry .indicator {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 5px;
+}
+
+row.entry .edit-icon:disabled {
+ opacity: 0.5;
+}
+
+row.entry .indicator {
+ opacity: 0.65;
+}
+
+row.entry.monospace {
+ font-family: inherit;
+}
+
+row.entry.monospace text {
+ font-family: monospace;
+}
+
+row.entry.error text > selection:focus-within {
+ background-color: alpha(#F44336, 0.2);
+}
+
+row.entry.error text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.warning text > selection:focus-within {
+ background-color: alpha(#FBC02D, 0.2);
+}
+
+row.entry.warning text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.entry.success text > selection:focus-within {
+ background-color: alpha(#66BB6A, 0.2);
+}
+
+row.entry.success text > cursor-handle > contents {
+ background-color: currentColor;
+}
+
+row.combo image.dropdown-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.combo listview.inline {
+ background: none;
+ border: none;
+ box-shadow: none;
+ color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+ background: none;
+ color: inherit;
+}
+
+row.combo popover > contents {
+ min-width: 120px;
+}
+
+list.content > row, list.content > row.expander row.header,
+list.boxed-list > row,
+list.boxed-list > row.expander row.header, row.expander list.nested > row {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover,
+list.boxed-list > row:not(:selected).activatable:hover,
+list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active,
+list.boxed-list > row:not(:selected).activatable:active,
+list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup,
+list.boxed-list > row:not(:selected).activatable.has-open-popup,
+list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup {
+ background-color: alpha(currentColor, 0.03);
+}
+
+row.expander {
+ background: none;
+ padding: 0px;
+}
+
+row.expander > box > list {
+ background: none;
+ color: inherit;
+}
+
+row.expander list.nested {
+ color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+ transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ margin-left: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ margin-right: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+ -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander image.expander-row-arrow:disabled {
+ filter: opacity(0.45);
+}
+
+row.expander:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn);
+ opacity: 1;
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: #FF8A65;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: inherit;
+}
+
+list.content > row.expander,
+list.boxed-list > row.expander {
+ border: none;
+}
+
+list.content > row:first-child, list.content > row:first-child.expander row.header,
+list.boxed-list > row:first-child,
+list.boxed-list > row:first-child.expander row.header {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:last-child,
+list.boxed-list > row:last-child.expander:not(:checked),
+list.boxed-list > row:last-child.expander:not(:checked) row.header,
+list.boxed-list > row:last-child.expander:checked list.nested,
+list.boxed-list > row:last-child.expander:checked list.nested > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ border-bottom-width: 0;
+}
+
+columnview > listview > row {
+ padding: 0;
+}
+
+columnview > listview > row > cell {
+ padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child) {
+ border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell {
+ border-left-color: rgba(255, 255, 255, 0.12);
+}
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+treeexpander {
+ border-spacing: 6px;
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid alpha(currentColor, 0.06);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #FF8A65;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 6px;
+ border-spacing: 0;
+ padding: 0;
+ border: none;
+ background-image: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #FF8A65;
+}
+
+.app-notification > box > label {
+ margin-left: 9px;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(255, 255, 255, 0.7);
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+expander:hover, expander:active {
+ color: #FFFFFF;
+}
+
+expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+expander-widget > box > title {
+ border-radius: 6px;
+}
+
+expander-widget > box > title:hover > expander {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+ box-shadow: none;
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 0;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 6px;
+ color: #FFFFFF;
+}
+
+calendar:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar > header {
+ padding: 3px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+calendar > header > button {
+ min-height: 24px;
+}
+
+calendar > grid {
+ margin: 3px;
+}
+
+calendar > grid > label {
+ border-radius: 6px;
+ margin: 0;
+}
+
+calendar > grid > label.today:selected {
+ box-shadow: none;
+}
+
+calendar > grid > label:focus {
+ outline-style: none;
+}
+
+calendar > grid > label.day-number {
+ padding: 6px;
+}
+
+calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.messagedialog .response-area > box > button, window.dialog.message .dialog-action-area > button {
+ border-radius: 0;
+ min-height: 28px;
+ padding: 6px 12px;
+ margin: 0;
+ border: none;
+}
+
+window.messagedialog .response-area > box > button:first-child, window.dialog.message .dialog-action-area > button:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+window.messagedialog .response-area > box > button:last-child, window.dialog.message .dialog-action-area > button:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+window.messagedialog .response-area > box > button:only-child, window.dialog.message .dialog-action-area > button:only-child {
+ border-radius: 0 0 12px 12px;
+}
+
+window.dialog.message.background {
+ background-color: #363a4f;
+}
+
+window.dialog.message box.dialog-vbox.vertical {
+ margin-top: 6px;
+ border-spacing: 24px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box.vertical {
+ margin-bottom: 6px;
+}
+
+window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+window.dialog.message .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+window.dialog.message .titlebar:backdrop {
+ background-color: #363a4f;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+window.dialog.message .dialog-action-area {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog.message .dialog-action-area > button {
+ border: none;
+}
+
+window.dialog.message .dialog-action-area > button:not(:last-child) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) {
+ color: #FF8A65;
+}
+
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
+ color: #F44336;
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame, window.aboutdialog.background.csd scrolledwindow.frame > viewport.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view, window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
+}
+
+/********************
+ * AdwMessageDialog *
+ ********************/
+window.messagedialog {
+ background-color: #363a4f;
+ color: #FFFFFF;
+}
+
+window.messagedialog .message-area {
+ padding: 24px 30px;
+ border-spacing: 10px;
+}
+
+window.messagedialog .response-area > box > button.suggested {
+ color: #FF8A65;
+}
+
+window.messagedialog .response-area > box > button.destructive {
+ color: #F44336;
+}
+
+window.messagedialog.csd:not(.solid-csd) {
+ border-radius: 12px;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button {
+ margin: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:first-child {
+ margin-left: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.horizontal > button:last-child {
+ margin-right: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+window.messagedialog.csd:not(.solid-csd) .response-area > box.vertical > button:last-child {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+ margin-bottom: 0;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: #24273a;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+filechooserbutton > button > box {
+ border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #181926;
+}
+
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(255, 255, 255, 0.12);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+ border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+ background-color: transparent;
+ color: inherit;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none;
+}
+
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
+stacksidebar list {
+ padding: 6px;
+ background-color: #181926;
+}
+
+stacksidebar row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+stacksidebar row:selected {
+ font-weight: 500;
+}
+
+stacksidebar row + row {
+ margin-top: 4px;
+}
+
+stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-right: none;
+}
+
+separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ padding: 4.5px 0;
+ border-right: none;
+}
+
+.navigation-sidebar, .navigation-sidebar.view {
+ background-color: transparent;
+ color: inherit;
+}
+
+.navigation-sidebar.background {
+ background-color: #181926;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.navigation-sidebar > separator {
+ margin: 4.5px 0;
+}
+
+.navigation-sidebar > row {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px;
+ margin: 1.5px 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(255, 255, 255, 0.32);
+}
+
+placessidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar list > separator {
+ margin: 3px 0;
+}
+
+placessidebar row:selected {
+ font-weight: 500;
+}
+
+placessidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar row.sidebar-new-bookmark-row {
+ color: #FF8A65;
+}
+
+placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #FF8A65;
+}
+
+placessidebar row:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+ border-spacing: 6px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(#3e4152);
+ background-size: 1px 1px;
+ background-clip: content-box;
+ box-shadow: none;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #24273a;
+ background-image: image(#3e4152), image(#3e4152);
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/************
+ * GtkVideo *
+ ************/
+video {
+ background: black;
+ border-radius: 6px;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 9999px;
+ border: none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+ padding: 6px;
+ border-spacing: 12px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box {
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) {
+ color: #FF8A65;
+}
+
+infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box, infobar.question:hover > revealer > box {
+ background-color: #ff774c;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fbb814;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+ background-color: #F44336;
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #FFFFFF;
+}
+
+infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link {
+ color: #FFFFFF;
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f32c1e;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 6px 12px;
+ box-shadow: none;
+ border: none;
+}
+
+tooltip.background {
+ background-color: rgba(18, 19, 29, 0.9);
+ color: #FFFFFF;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+ border-radius: 6px;
+ margin: 2px 6px 8px 6px;
+}
+
+tooltip > box {
+ border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #FFFFFF;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorchooser colorswatch:hover {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 0 0 2px #FF8A65;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 0 0 6px;
+ color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 6px;
+}
+
+colorswatch#editor-color-sample overlay:hover {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #363a4f;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #24273a;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+ border: none;
+}
+
+window.csd {
+ border-radius: 12px;
+ outline-offset: -1px;
+ outline: 1px solid rgba(255, 255, 255, 0.1);
+ margin: 0;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd:backdrop {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+ border-radius: 0;
+ transition: none;
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: #181926;
+ border: 1px solid #3e4152;
+}
+
+window.solid-csd:backdrop {
+ background-color: #24273a;
+}
+
+window.ssd {
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+windowcontrols button:not(.suggested-action):not(.destructive-action) {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ margin: 0 4px;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ color: transparent;
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
+ padding: 0;
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
+ box-shadow: none;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25);
+}
+
+windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) {
+ background-color: #eed49f;
+}
+
+windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2dfb7;
+}
+
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) {
+ background-color: #a6da95;
+}
+
+windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #bce3b0;
+}
+
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
+ background-color: #ed8796;
+}
+
+windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f2a5b0;
+}
+
+windowcontrols {
+ border-spacing: 6px;
+}
+
+windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+ margin-right: 9px;
+ margin-left: 9px;
+}
+
+windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+ margin-left: 9px;
+ margin-right: 9px;
+}
+
+.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected,
+treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+flowbox > flowboxchild:selected, calendar > grid > label.today {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.2);
+}
+
+textview text selection:focus, textview text selection, label > selection,
+entry > text > selection, spinbutton > text > selection,
+entry headerbar popover.background entry > text > selection,
+headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #FF8A65;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #FF8A65;
+ -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut > .keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
+ background-color: #363a4f;
+ color: #FFFFFF;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #FF8A65;
+}
+
+stackswitcher {
+ min-height: 0;
+ padding: 3px;
+ margin: 6px 0;
+ border-radius: 9px;
+ background-color: rgba(255, 255, 255, 0.04);
+ border: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ background-color: transparent;
+ border-radius: 6px;
+ padding: 3px 10px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) {
+ box-shadow: none;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms;
+ background-color: rgba(255, 255, 255, 0.15);
+ color: #FFFFFF;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+.lowres-icon {
+ -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1);
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker > contents {
+ padding: 0;
+}
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+.emoji-searchbar entry text {
+ background: none;
+ box-shadow: none;
+}
+
+.emoji-toolbar {
+ padding: 0;
+ border-spacing: 3px;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+ background: none;
+}
+
+button.emoji-section {
+ margin: 0;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.emoji-section:checked {
+ color: #FF8A65;
+}
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: alpha(currentColor, 0.08);
+}
+
+emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+emoji-completion-row > box {
+ border-spacing: 6px;
+ padding: 2px 6px;
+}
+
+emoji-completion-row:focus, emoji-completion-row:hover,
+emoji-completion-row emoji:hover, emoji-completion-row emoji:focus {
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+}
+
+popover.entry-completion > contents {
+ padding: 0;
+}
+
+.nautilus-window placesview label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusQueryEditor > menubutton > button.image-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button {
+ margin: 6px 0;
+}
+
+#NautilusQueryEditorTag {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#NautilusQueryEditorTag > button.image-button {
+ margin: 0;
+ padding: 0;
+}
+
+#NautilusPathBar {
+ background-color: rgba(255, 255, 255, 0.04);
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathButton.current-dir {
+ color: #FFFFFF;
+}
+
+#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.display-container.card {
+ border-radius: 0;
+ box-shadow: none;
+ border-width: 0 0 1px 0;
+}
+
+.display-container .history-view {
+ background-color: #24273a;
+}
+
+.display-container #displayitem {
+ padding: 0 12px 8px 0;
+ font-size: 1.4em;
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.math-buttons button {
+ font-size: 1.1em;
+ padding: 2px 6px;
+}
+
+.math-buttons button.text-button {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+leaflet button.number-button {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px;
+}
+
+label.primary-label, label.month-name {
+ color: #FF8A65;
+}
+
+label.secondary-label {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view {
+ font-size: 10pt;
+}
+
+calendar-view:selected {
+ color: #FF8A65;
+ font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view.current,
+weekgrid.current {
+ background-color: alpha(#FF8A65, 0.3);
+}
+
+popover.events {
+ background-color: #24273a;
+ padding: 0;
+}
+
+popover.events box {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+popover.events list {
+ background-color: #24273a;
+ border-radius: 6px;
+}
+
+popover.events scrolledwindow {
+ border-width: 0;
+}
+
+popover.events button {
+ border-radius: 6px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-style: solid none none;
+ box-shadow: none;
+}
+
+event {
+ margin: 1px;
+ font-size: 0.9rem;
+}
+
+event widget.content {
+ margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+ border-radius: 6px;
+}
+
+event.timed widget.edge {
+ border-radius: 3px;
+ min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+ padding-left: 16px;
+ border-radius: 0 3px 3px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+ padding-right: 16px;
+ border-radius: 3px 0 0 3px;
+}
+
+event:not(.timed).color-dark {
+ color: white;
+ outline-color: rgba(0, 0, 0, 0.3);
+}
+
+event.timed, event:not(.timed).color-light {
+ color: alpha(black, 0.75);
+ outline-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+ padding: 0;
+}
+
+.search-viewport {
+ background-color: #24273a;
+}
+
+.calendar-list {
+ background-color: transparent;
+}
+
+.calendar-list > list {
+ border-radius: 4px;
+}
+
+.sources-button {
+ margin-top: 0;
+ margin-bottom: 0;
+ border-radius: 0;
+ border-top-style: none;
+ border-bottom-style: none;
+}
+
+.sources-button:hover:not(:backdrop) {
+ background-image: none;
+ text-shadow: none;
+}
+
+.calendar-color-image {
+ -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+ -gtk-icon-shadow: 0 1px alpha(black, 0.1);
+}
+
+datechooser navigator {
+ margin-right: 6px;
+ margin-left: 6px;
+ margin-bottom: 6px;
+}
+
+datechooser navigator label {
+ font-weight: bold;
+}
+
+datechooser navigator button, datechooser navigator button.image-button {
+ min-height: 36px;
+ min-width: 36px;
+ padding: 0;
+}
+
+datechooser .weeknum, datechooser .weekday {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: smaller;
+}
+
+datechooser button.day {
+ font-size: 10pt;
+ font-weight: normal;
+ margin: 3px;
+ padding: 0;
+ min-height: 36px;
+ min-width: 36px;
+ transition: none;
+}
+
+datechooser button.day dot {
+ background-color: #FFFFFF;
+ border-radius: 50%;
+ min-height: 3px;
+ min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected {
+ background-color: #FF8A65;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+datechooser button.day.today {
+ color: #FF8A65;
+}
+
+datechooser button.day.today dot {
+ background-color: #FF8A65;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop {
+ color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot {
+ background-color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header {
+ padding: 0;
+}
+
+.week-header > box:first-child {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.week-header .week-number {
+ font-size: 16pt;
+ font-weight: bold;
+ padding: 12px 12px 18px 12px;
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.week-header.week-temperature {
+ font-size: 10pt;
+ font-weight: bold;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header.lines {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+weekhourbar > label {
+ font-size: 10pt;
+ padding: 4px 6px;
+}
+
+.week-view .lines {
+ color: rgba(255, 255, 255, 0.12);
+}
+
+weekgrid > widget.now-strip {
+ background-color: alpha(#FF8A65, 0.8);
+ margin: 0 0 0 1px;
+ min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+monthcell {
+ border: solid 1px rgba(255, 255, 255, 0.12);
+ border-width: 1px 0 0 1px;
+ background-color: transparent;
+ transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+ background-color: #181926;
+ transition: background-color 200ms;
+ color: #FFFFFF;
+}
+
+monthcell:selected {
+ background-color: alpha(#FF8A65, 0.1);
+}
+
+monthcell:selected:hover {
+ background-color: alpha(#FF8A65, 0.2);
+}
+
+monthcell:selected label.day-label {
+ font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+ border-left-width: 0;
+}
+
+monthcell.today {
+ background-color: alpha(#FF8A65, 0.2);
+}
+
+monthcell.today:hover {
+ background-color: alpha(#FF8A65, 0.3);
+ color: #FF8A65;
+}
+
+monthcell.today:selected {
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+monthcell.today:selected:hover {
+ background-color: alpha(#FF8A65, 0.35);
+}
+
+monthcell label {
+ color: #FFFFFF;
+ font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+ font-size: 1rem;
+}
+
+monthcell.out-of-month {
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+monthcell.out-of-month label {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+monthcell button {
+ padding: 0 6px;
+ border-radius: 0;
+ border-bottom: none;
+ border-right: none;
+}
+
+monthpopover > box {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+}
+
+.notes-section box > textview {
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.notes-section box > textview > text {
+ background: none;
+}
+
+agenda-view list > row {
+ padding: 2px 12px;
+}
+
+agenda-view list > label {
+ padding: 6px 12px;
+}
+
+label.no-events {
+ font-style: italic;
+}
+
+searchbutton > popover > arrow {
+ background: none;
+ border: none;
+}
+
+datechooser {
+ padding: 6px;
+}
+
+datechooser .current-week {
+ background: alpha(#181926, 0.7);
+ color: #FFFFFF;
+ border-radius: 6px;
+}
+
+menubutton stack > box {
+ border-spacing: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+.details-page {
+ margin: 24px 0px;
+}
+
+.installed-overlay-box {
+ font-size: smaller;
+ background-color: #FF8A65;
+ border-radius: 0;
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+screenshot-carousel box.frame {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+ margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+ margin-top: 6px;
+ margin-bottom: 12px;
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+.app-tile-label {
+ font-size: 105%;
+}
+
+.review-textbox {
+ padding: 6px;
+}
+
+.origin-rounded-box {
+ background-color: rgba(255, 255, 255, 0.12);
+ border-radius: 9999px;
+ padding: 4px;
+}
+
+.origin-beta {
+ color: #FBC02D;
+}
+
+.origin-button > button {
+ padding: 3px 9px;
+}
+
+button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+ min-width: 140px;
+ font-weight: 900;
+ font-size: larger;
+}
+
+button.card.category-tile.category-tile-iconless {
+ padding: 9px 15px;
+ min-width: 130px;
+ font-size: 105%;
+ font-weight: normal;
+}
+
+button.card.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:hover {
+ background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-create:active {
+ background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-develop {
+ background: #5e5c64;
+ color: white;
+}
+
+button.card.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+ color: white;
+}
+
+button.card.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+ color: white;
+}
+
+button.card.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:hover {
+ background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-learn:active {
+ background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+ color: white;
+}
+
+button.card.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:hover {
+ background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-play:active {
+ background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+ color: #393484;
+}
+
+button.card.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+button.card.category-tile.category-socialize:hover {
+ background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+button.card.category-tile.category-socialize:active {
+ background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+button.card.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+button.card.category-tile.category-work:hover {
+ color: #1c71d8;
+ background-color: #fefcef;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+button.card.category-tile.category-work:active {
+ color: #1c71d8;
+ background-color: #fcf4bf;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+ font-size: larger;
+}
+
+.featured-tile {
+ all: unset;
+ padding: 0;
+ box-shadow: none;
+ color: #FFFFFF;
+}
+
+.featured-tile label.title-1 {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+ font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+ background-color: rgba(255, 255, 255, 0.04);
+ color: #FFFFFF;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.application-details-infobar.warning {
+ background-color: #FBC02D;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+@keyframes install-progress-unknown-move {
+ 0% {
+ background-position: 0%;
+ }
+ 50% {
+ background-position: 100%;
+ }
+ 100% {
+ background-position: 0%;
+ }
+}
+
+.application-details-description .button {
+ padding-left: 24px;
+ padding-right: 24px;
+}
+
+.install-progress {
+ background-image: linear-gradient(to top, #FF8A65 2px, alpha(#FF8A65, 0) 2px);
+ background-repeat: no-repeat;
+ background-position: 0 bottom;
+ background-size: 0;
+ transition: none;
+}
+
+.install-progress:dir(rtl) {
+ background-position: 100% bottom;
+}
+
+.review-row > * {
+ margin: 12px;
+}
+
+.review-row button {
+ font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+ margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+ border-image: linear-gradient(to top, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+ border-image: none;
+}
+
+review-bar {
+ color: rgba(255, 255, 255, 0.5);
+ background-image: none;
+ background-color: rgba(255, 255, 255, 0.3);
+}
+
+.review-histogram star-image {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.version-arrow-label {
+ font-size: x-small;
+}
+
+.overview-more-button {
+ font-size: smaller;
+ padding: 0 16px;
+}
+
+.app-row-origin-text {
+ font-size: smaller;
+}
+
+.app-listbox-header {
+ padding: 6px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.image-list {
+ background-color: transparent;
+}
+
+box.star {
+ background-color: transparent;
+ background-image: none;
+}
+
+button.star {
+ outline-offset: 0;
+ background-color: transparent;
+ background-image: none;
+ border-image: none;
+ border-radius: 0;
+ border-width: 0;
+ padding: 0;
+ box-shadow: none;
+ outline-offset: -1px;
+}
+
+star-image {
+ color: #FFD600;
+}
+
+.dimmer-label {
+ opacity: 0.25;
+}
+
+.update-failed-details {
+ font-family: Monospace;
+ font-size: smaller;
+ padding: 16px;
+}
+
+.upgrade-banner {
+ padding: 0px;
+ border-radius: 6px;
+ border: none;
+}
+
+.upgrade-banner-background {
+ background: linear-gradient(to bottom, #66BB6A, #5b9bf8);
+ color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+ margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+ margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+ margin-top: 12px;
+}
+
+clamp.status-page {
+ margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+ min-height: 128px;
+ min-width: 128px;
+}
+
+clamp.status-page .icon {
+ color: rgba(255, 255, 255, 0.5);
+ min-height: 32px;
+ min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-color: transparent;
+ border-radius: 0;
+ padding: 24px 12px 21px 12px;
+ outline-offset: 5px;
+ transition-property: outline, outline-offset, background-image;
+ border-bottom: none;
+ border-right: none;
+}
+
+app-context-bar .context-tile:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+}
+
+app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+ outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+ border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+ border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(255, 255, 255, 0.12);
+}
+
+carousel.card {
+ border: none;
+ background-color: rgba(255, 255, 255, 0.04);
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+ font-size: 18px;
+ font-weight: bold;
+ border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+ font-size: 24px;
+ padding: 16px;
+ min-width: 24px;
+ /* 60px minus the left and right padding */
+ min-height: 24px;
+ /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+ margin-top: -28px;
+ margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+ -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+ color: #FFFFFF;
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+ color: #419345;
+ background-color: rgba(102, 187, 106, 0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+ color: #5b9bf8;
+ background-color: rgba(91, 155, 248, 0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+ color: #d79b04;
+ background-color: rgba(251, 192, 45, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #FF8A65;
+ background-color: rgba(255, 138, 101, 0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+ color: #d2190b;
+ background-color: rgba(244, 67, 54, 0.15);
+}
+
+.eol-red {
+ font-weight: bold;
+ color: #F44336;
+}
+
+window.narrow .app-title {
+ font-size: 16pt;
+}
+
+window.narrow .app-developer {
+ font-size: small;
+}
+
+.install-progress-label {
+ font-size: smaller;
+ font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+ margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+window.info scrollbar.vertical {
+ margin-top: 48px;
+ background: none;
+ box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+ margin-top: 0;
+}
+
+row.app > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+row.app > box.header {
+ border-spacing: 12px;
+}
+
+row.app > box.header > image {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+row.app label.warning {
+ color: #F44336;
+}
+
+@keyframes pre-delay {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 0;
+ }
+}
+
+@keyframes fade-in {
+ from {
+ filter: opacity(0%);
+ }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+ animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+ animation-delay: 0s, 0.5s, 0.5s;
+}
+
+window > contents > leaflet > box > stack.background {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, transparent 48px, #24273a 48px, #24273a);
+}
+
+@define-color weather_temp_chart_fill_color rgba(251, 192, 45, 0.5);
+@define-color weather_temp_chart_stroke_color #f0ad05;
+@define-color weather_thermometer_warm_color #FBC02D;
+@define-color weather_thermometer_cold_color #5b9bf8;
+#places-label {
+ font-weight: bold;
+}
+
+#temperature-label {
+ font-size: 32pt;
+ font-weight: 900;
+ margin-left: 9px;
+}
+
+#conditions-grid *:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.content-view.cell {
+ font-weight: bold;
+}
+
+#locationEntry {
+ margin: 6px;
+}
+
+.weather-popover {
+ margin-top: 6px;
+}
+
+.forecast-card {
+ transition: border-radius 100ms ease-out;
+ border-radius: 6px;
+}
+
+.forecast-card separator {
+ background-color: rgba(255, 255, 255, 0.12);
+}
+
+#daily-forecast-box > separator:last-child {
+ background-color: transparent;
+ min-width: 0;
+}
+
+#conditions-grid,
+#attributionGrid {
+ margin-left: 18px;
+ margin-right: 18px;
+}
+
+#weather-page .small .forecast-card {
+ margin-left: 0;
+ margin-right: 0;
+ border-radius: 0;
+ border-width: 1px 0;
+}
+
+.forecast-temperature-label {
+ font-weight: bold;
+ color: #ae7b03;
+}
+
+WeatherThermometer {
+ margin-bottom: 12px;
+}
+
+WeatherThermometer > label.high {
+ font-weight: bold;
+ color: #FBC02D;
+}
+
+WeatherThermometer > label.low {
+ font-weight: bold;
+ color: #5b9bf8;
+}
+
+.forecast-button {
+ margin: 0 12px;
+}
+
+.forecast-graphic {
+ margin: 18px;
+}
+
+button.osd.circular {
+ border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+button.osd.circular > image {
+ padding: 0;
+}
+
+scrolledwindow.inline list,
+scrolledwindow.inline listview {
+ background: none;
+ color: inherit;
+}
+
+scrolledwindow.inline undershoot.top {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
+}
+
+.search-view {
+ background-color: #3c84f7;
+ color: #FFFFFF;
+}
+
+.search-view menubutton button:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+image.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.large-button {
+ padding: 6px;
+}
+
+.alarm-time {
+ font-size: 2.5em;
+ font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+ font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+ font-size: 6em;
+ font-weight: 300;
+}
+
+.clocks-ringing-title {
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+ font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+ font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+ font-size: 20pt;
+ font-weight: 300;
+}
+
+.timer-countdown {
+ font-size: 40pt;
+ font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+ font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+ font-size: 70px;
+ font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+ color: #FF8A65;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+ font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+ font-weight: 300;
+}
+
+.clock-location {
+ font-weight: bolder;
+}
+
+.hidden {
+ opacity: 0;
+}
+
+.clock-time {
+ font-size: 2em;
+ padding: 0.2em 0.5em;
+ border-radius: 1em;
+}
+
+.none .clock-time {
+ background: alpha(currentColor, 0.2);
+}
+
+.night .clock-time {
+ color: #3c84f7;
+ background-color: alpha(#5b9bf8, 0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+ color: #FF7043;
+ background-color: alpha(#FF8A65, 0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+ color: #FFD600;
+ background: alpha(#FBC02D, 0.25);
+}
+
+headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+popover.background.global-search > arrow, popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 3px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: #181926;
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle, .style-variant button.toggle:hover, .style-variant button.toggle:focus, .style-variant button.toggle:active, .style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(255, 255, 255, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #FF8A65;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:first-child, window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5;
+}
+
+avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2;
+}
+
+avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8;
+}
+
+avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7;
+}
+
+avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1;
+}
+
+avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1;
+}
+
+avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5;
+}
+
+avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce;
+}
+
+avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de;
+}
+
+avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8;
+}
+
+avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5;
+}
+
+avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade;
+}
+
+avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca;
+}
+
+avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3;
+}
+
+avatar.contrasted {
+ color: white;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ background-clip: border-box;
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ outline: none;
+ background-color: #24273a;
+ color: #FFFFFF;
+}
+
+.card.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.card.activatable:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+.card.activatable:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%);
+ background-size: 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+ color: #FFFFFF;
+ outline: 0 solid transparent;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+ background-color: #24273a;
+ color: #FFFFFF;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ border-spacing: 3px;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+}
+
+viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 6px;
+ padding-bottom: 4px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 2px 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ background-color: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 1px 4px;
+ color: white;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #FF8A65;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(255, 255, 255, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(255, 255, 255, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #FF8A65;
+}
+
+preferencesgroup > box .cutout-button {
+ background-color: #181926;
+}
+
+window.about .main-page > viewport > clamp > box {
+ margin: 12px;
+ border-spacing: 6px;
+}
+
+window.about .main-page > viewport > clamp > box > box {
+ margin-top: 18px;
+ border-spacing: 18px;
+ margin-bottom: 6px;
+}
+
+window.about .main-page .app-version {
+ padding: 3px 18px;
+ color: #FF8A65;
+ border-radius: 6px;
+ margin-top: 3px;
+}
+
+window.about .subpage > viewport > clamp > box {
+ margin: 18px 12px;
+ border-spacing: 18px;
+}
+
+window.about .subpage > clamp > textview {
+ background: none;
+ color: inherit;
+}
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px;
+ border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+ border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 128px;
+ color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #FFFFFF;
+/*
+widget base background color */
+@define-color theme_bg_color #24273a;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #24273a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #24273a;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #181926;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #FFFFFF;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #24273a;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #24273a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #FF8A65;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(255, 255, 255, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(255, 255, 255, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FBC02D;
+@define-color error_color #F44336;
+@define-color success_color #66BB6A;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #FFFFFF;
+@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_border #07080c;
+@define-color wm_bg #181926;
+@define-color wm_unfocused_bg #24273a;
+@define-color wm_button_icon white;
+@define-color wm_button_close_hover_bg #ed8796;
+@define-color wm_button_close_active_bg #e55267;
+@define-color wm_button_max_hover_bg #a6da95;
+@define-color wm_button_max_active_bg #80ca68;
+@define-color wm_button_min_hover_bg #eed49f;
+@define-color wm_button_min_active_bg #e5bd6b;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #24273a;
+@define-color placeholder_text_color #bdbec4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #24273a;
+@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.3);
+@define-color budgie_tasklist_indicator_color_active #FF8A65;
+@define-color budgie_tasklist_indicator_color_active_window #955648;
+@define-color budgie_tasklist_indicator_color_attention #FBC02D;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+@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;
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+@define-color accent_bg_color #FF8A65;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #FF8A65;
+@define-color destructive_bg_color #F44336;
+@define-color destructive_fg_color #FFFFFF;
+@define-color destructive_color #F44336;
+@define-color success_bg_color #66BB6A;
+@define-color success_fg_color #FFFFFF;
+@define-color success_color #66BB6A;
+@define-color warning_bg_color #FBC02D;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FBC02D;
+@define-color error_bg_color #F44336;
+@define-color error_fg_color #FFFFFF;
+@define-color error_color #F44336;
+@define-color window_bg_color #24273a;
+@define-color window_fg_color #FFFFFF;
+@define-color view_bg_color #24273a;
+@define-color view_fg_color #FFFFFF;
+@define-color headerbar_bg_color #181926;
+@define-color headerbar_fg_color #FFFFFF;
+@define-color headerbar_border_color rgba(255, 255, 255, 0.12);
+@define-color headerbar_backdrop_color #24273a;
+@define-color headerbar_shade_color rgba(255, 255, 255, 0.12);
+@define-color card_bg_color #24273a;
+@define-color card_fg_color #FFFFFF;
+@define-color card_shade_color rgba(255, 255, 255, 0.12);
+@define-color dialog_bg_color #181926;
+@define-color dialog_fg_color #FFFFFF;
+@define-color popover_bg_color #24273a;
+@define-color popover_fg_color #FFFFFF;
+@define-color shade_color rgba(255, 255, 255, 0.12);
+@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12);
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/thumbnail.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/thumbnail.png
new file mode 100644
index 00000000..ef9f67f9
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/gtk-4.0/thumbnail.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/index.theme b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/index.theme
new file mode 100644
index 00000000..7c7e6d71
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Catppuccin-Orange-Dark
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Catppuccin-Orange-Dark
+MetacityTheme=Catppuccin-Orange-Dark
+IconTheme=Tela-circle-Dark
+CursorTheme=Catppuccin-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/button.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/button.svg
new file mode 100644
index 00000000..aa092dff
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/button.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/close.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/close.svg
new file mode 100644
index 00000000..fb798d73
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/close.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/maximize.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/maximize.svg
new file mode 100644
index 00000000..0c2f1700
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/maximize.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/menu.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/menu.svg
new file mode 100644
index 00000000..179ff4c4
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/menu.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/minimize.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/minimize.svg
new file mode 100644
index 00000000..76fe7cbd
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/minimize.svg
@@ -0,0 +1,47 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/shade.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/shade.svg
new file mode 100644
index 00000000..8213b036
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/shade.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/unmaximize.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/unmaximize.svg
new file mode 100644
index 00000000..8d60a570
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/unshade.svg b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/unshade.svg
new file mode 100644
index 00000000..a1615644
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/assets/unshade.svg
@@ -0,0 +1,38 @@
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-1.xml b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-1.xml
new file mode 100644
index 00000000..582cc8ef
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-1.xml
@@ -0,0 +1,755 @@
+
+
+
+ Colloid
+ vinceliucie
+ GPL
+ 2022
+ Colloid Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-2.xml b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-2.xml
new file mode 100644
index 00000000..582cc8ef
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,755 @@
+
+
+
+ Colloid
+ vinceliucie
+ GPL
+ 2022
+ Colloid Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-3.xml b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-3.xml
new file mode 100644
index 00000000..582cc8ef
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,755 @@
+
+
+
+ Colloid
+ vinceliucie
+ GPL
+ 2022
+ Colloid Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/thumbnail.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/thumbnail.png
new file mode 100644
index 00000000..135fc734
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/metacity-1/thumbnail.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/plank/dock.theme b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/plank/dock.theme
new file mode 100644
index 00000000..26a6a747
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/plank/dock.theme
@@ -0,0 +1,64 @@
+#This file based on:
+#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme
+
+[PlankTheme]
+#The roundness of the top corners.
+TopRoundness=16
+#The roundness of the bottom corners.
+BottomRoundness=0
+#The thickness (in pixels) of lines drawn.
+LineWidth=0
+#The color (RGBA) of the outer stroke.
+OuterStrokeColor=0;;0;;0;;0
+#The starting color (RGBA) of the fill gradient.
+FillStartColor=33;;33;;33;;255
+#The ending color (RGBA) of the fill gradient.
+FillEndColor=33;;33;;33;;255
+#The color (RGBA) of the inner stroke.
+InnerStrokeColor=33;;33;;33;;255
+
+[PlankDockTheme]
+#The padding on the left/right dock edges, in tenths of a percent of IconSize.
+HorizPadding=2
+#The padding on the top dock edge, in tenths of a percent of IconSize.
+TopPadding=2
+#The padding on the bottom dock edge, in tenths of a percent of IconSize.
+BottomPadding=1
+#The padding between items on the dock, in tenths of a percent of IconSize.
+ItemPadding=2
+#The size of item indicators, in tenths of a percent of IconSize.
+IndicatorSize=5
+#The size of the icon-shadow behind every item, in tenths of a percent of IconSize.
+IconShadowSize=0
+#The height (in percent of IconSize) to bounce an icon when the application sets urgent.
+UrgentBounceHeight=1.6666666666666667
+#The height (in percent of IconSize) to bounce an icon when launching an application.
+LaunchBounceHeight=0.625
+#The opacity value (0 to 1) to fade the dock to when hiding it.
+FadeOpacity=1
+#The amount of time (in ms) for click animations.
+ClickTime=0
+#The amount of time (in ms) to bounce an urgent icon.
+UrgentBounceTime=600
+#The amount of time (in ms) to bounce an icon when launching an application.
+LaunchBounceTime=600
+#The amount of time (in ms) for active window indicator animations.
+ActiveTime=150
+#The amount of time (in ms) to slide icons into/out of the dock.
+SlideTime=300
+#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1).
+FadeTime=250
+#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1).
+HideTime=250
+#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize.
+GlowSize=30
+#The total time (in ms) to show the hidden-dock urgent glow.
+GlowTime=10000
+#The time (in ms) of each pulse of the hidden-dock urgent glow.
+GlowPulseTime=2000
+#The hue-shift (-180 to 180) of the urgent indicator color.
+UrgentHueShift=150
+#The time (in ms) to move an item to its new position or its addition/removal to/from the dock.
+ItemMoveTime=450
+#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time.
+CascadeHide=true
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-active.png
new file mode 100644
index 00000000..4c041fe5
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-inactive.png
new file mode 100644
index 00000000..64c2a3b3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-left-active.png
new file mode 100644
index 00000000..4882e6bd
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-left-inactive.png
new file mode 100644
index 00000000..bb0fcee4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-right-active.png
new file mode 100644
index 00000000..7be778aa
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-right-inactive.png
new file mode 100644
index 00000000..9e7ab603
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/bottom-right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-active.png
new file mode 100644
index 00000000..d38b1462
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-inactive.png
new file mode 100644
index 00000000..3cd46985
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-prelight.png
new file mode 100644
index 00000000..d990aa19
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-pressed.png
new file mode 100644
index 00000000..3af5e766
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/close-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-active.png
new file mode 100644
index 00000000..5b1abc7a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-inactive.png
new file mode 100644
index 00000000..3cd46985
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-prelight.png
new file mode 100644
index 00000000..329a164e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-pressed.png
new file mode 100644
index 00000000..b2bfbb34
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/hide-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/left-active.png
new file mode 100644
index 00000000..da4a0e1e
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/left-inactive.png
new file mode 100644
index 00000000..26781a16
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-active.png
new file mode 100644
index 00000000..d63f1ab8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-inactive.png
new file mode 100644
index 00000000..3cd46985
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-prelight.png
new file mode 100644
index 00000000..370e3cb2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-pressed.png
new file mode 100644
index 00000000..9b845ba4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-active.png
new file mode 100644
index 00000000..d63f1ab8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 00000000..3cd46985
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 00000000..191c3ea1
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 00000000..ca3a4f6a
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/maximize-toggled-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-active.png
new file mode 100644
index 00000000..034e9d12
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-inactive.png
new file mode 100644
index 00000000..ae08e63b
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-prelight.png
new file mode 100644
index 00000000..26a0cf39
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-pressed.png
new file mode 100644
index 00000000..14c395c4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/menu-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/right-active.png
new file mode 100644
index 00000000..6134fd30
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/right-inactive.png
new file mode 100644
index 00000000..7c6a97c4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/right-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-active.png
new file mode 100644
index 00000000..70ae1da2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-inactive.png
new file mode 100644
index 00000000..febde8fd
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-prelight.png
new file mode 100644
index 00000000..1eb9d098
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-pressed.png
new file mode 100644
index 00000000..c0184b17
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/shade-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-active.png
new file mode 100644
index 00000000..8a1f5c5f
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-inactive.png
new file mode 100644
index 00000000..7a341de8
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-prelight.png
new file mode 100644
index 00000000..e931e3bd
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-pressed.png
new file mode 100644
index 00000000..b337a5b0
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-active.png
new file mode 100644
index 00000000..bc17cbc3
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 00000000..17d94254
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-prelight.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 00000000..b8180a45
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-prelight.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-pressed.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 00000000..2501be0d
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/stick-toggled-pressed.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/themerc b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/themerc
new file mode 100644
index 00000000..cb238f02
--- /dev/null
+++ b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=6
+button_spacing=0
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-1-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-1-active.png
new file mode 100644
index 00000000..3afb0c71
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-1-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-1-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-1-inactive.png
new file mode 100644
index 00000000..00298ea4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-1-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-2-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-2-active.png
new file mode 100644
index 00000000..3afb0c71
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-2-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-2-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-2-inactive.png
new file mode 100644
index 00000000..00298ea4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-2-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-3-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-3-active.png
new file mode 100644
index 00000000..3afb0c71
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-3-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-3-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-3-inactive.png
new file mode 100644
index 00000000..00298ea4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-3-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-4-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-4-active.png
new file mode 100644
index 00000000..3afb0c71
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-4-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-4-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-4-inactive.png
new file mode 100644
index 00000000..00298ea4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-4-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-5-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-5-active.png
new file mode 100644
index 00000000..3afb0c71
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-5-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-5-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-5-inactive.png
new file mode 100644
index 00000000..00298ea4
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/title-5-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-left-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-left-active.png
new file mode 100644
index 00000000..d97bcef2
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-left-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-left-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-left-inactive.png
new file mode 100644
index 00000000..69b91434
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-left-inactive.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-right-active.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-right-active.png
new file mode 100644
index 00000000..f5b07d13
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-right-active.png differ
diff --git a/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-right-inactive.png b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-right-inactive.png
new file mode 100644
index 00000000..8b76f324
Binary files /dev/null and b/roles/config/files/.themes/Catppuccin-Macchiato-Standard-Peach-Dark/xfwm4/top-right-inactive.png differ
diff --git a/roles/config/tasks/main.yml b/roles/config/tasks/main.yml
index bac83521..35c421c0 100644
--- a/roles/config/tasks/main.yml
+++ b/roles/config/tasks/main.yml
@@ -43,10 +43,12 @@
loop:
- ".config"
- ".face"
+ - ".fonts"
- ".gitconfig"
- ".gtkrc-2.0"
- ".local"
- ".ssh"
+ - ".themes"
- "scripts"
tags: config