diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-active.png deleted file mode 100644 index fa41be9f..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-inactive.png deleted file mode 100644 index fa41be9f..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-active.png deleted file mode 100644 index b936ff8a..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-inactive.png deleted file mode 100644 index b936ff8a..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-active.png deleted file mode 100644 index af4c8deb..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-inactive.png deleted file mode 100644 index af4c8deb..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-active.png deleted file mode 100644 index 584b9194..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-inactive.png deleted file mode 100644 index d2c86c90..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-prelight.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-prelight.png deleted file mode 100644 index cbdb259c..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-pressed.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-pressed.png deleted file mode 100644 index 22da05dd..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-active.png deleted file mode 100644 index a8b237fa..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-inactive.png deleted file mode 100644 index d2c86c90..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-prelight.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-prelight.png deleted file mode 100644 index 60e9553c..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-pressed.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-pressed.png deleted file mode 100644 index 0af1dfe1..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-active.png deleted file mode 100644 index d76d12ad..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-inactive.png deleted file mode 100644 index d76d12ad..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-active.png deleted file mode 100644 index a8b237fa..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-inactive.png deleted file mode 100644 index d2c86c90..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-prelight.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-prelight.png deleted file mode 100644 index 080ff92d..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-pressed.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-pressed.png deleted file mode 100644 index 666e3fa7..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-active.png deleted file mode 100644 index cdf85185..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-inactive.png deleted file mode 100644 index cdf85185..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-pressed.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-pressed.png deleted file mode 100644 index cdf85185..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-active.png deleted file mode 100644 index d8157c98..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-inactive.png deleted file mode 100644 index d8157c98..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-active.png deleted file mode 100644 index 4e204ba9..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-inactive.png deleted file mode 100644 index 68ceddb8..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-prelight.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-prelight.png deleted file mode 100644 index b2771723..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-pressed.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-pressed.png deleted file mode 100644 index f8ed4e67..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-active.png deleted file mode 100644 index bac8f24e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-inactive.png deleted file mode 100644 index 56496f0a..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-prelight.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-prelight.png deleted file mode 100644 index 7824389c..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-pressed.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-pressed.png deleted file mode 100644 index 1f9a2978..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/themerc b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/themerc deleted file mode 100644 index b71b2ade..00000000 --- a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/themerc +++ /dev/null @@ -1,17 +0,0 @@ -active_text_color=#fff -inactive_text_color=#8c8f94 -button_offset=2 -button_spacing=8 -show_app_icon=true -full_width_title=true -maximized_offset=0 -title_horizontal_offset=6 -title_shadow_active=false -title_shadow_inactive=false -title_vertical_offset_active=0 -title_vertical_offset_inactive=0 -shadow_delta_height=4 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-4 -shadow_opacity=40 diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-active.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-inactive.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-active.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-inactive.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-active.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-inactive.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-active.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-inactive.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-active.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-inactive.png deleted file mode 100644 index daf5d50e..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-active.png deleted file mode 100644 index b4575286..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-inactive.png deleted file mode 100644 index b4575286..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-active.png deleted file mode 100644 index 09241985..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-inactive.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-inactive.png deleted file mode 100644 index 09241985..00000000 Binary files a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today-light.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today-light.svg deleted file mode 100644 index b63f6e03..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today-light.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today.svg deleted file mode 100644 index daf86ec0..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-focused.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-focused.svg deleted file mode 100644 index 96204c05..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-focused.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused-light.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused-light.svg deleted file mode 100644 index b5ccff6b..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused-light.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused.svg deleted file mode 100644 index 891856cc..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-light.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-light.svg deleted file mode 100644 index 569f033f..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-light.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off.svg deleted file mode 100644 index 59f77728..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox.svg deleted file mode 100644 index 7f1eced9..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-active.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-active.svg deleted file mode 100644 index 3f803e32..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-active.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-hover.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-hover.svg deleted file mode 100644 index 5d95cbec..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-hover.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window.svg deleted file mode 100644 index 551f15ce..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/dash-placeholder.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/dash-placeholder.svg deleted file mode 100644 index cbae148a..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/dash-placeholder.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off-light.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off-light.svg deleted file mode 100644 index 42c7d7f1..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off-light.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off.svg deleted file mode 100644 index 9f239682..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on-light.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on-light.svg deleted file mode 100644 index e81065f3..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on-light.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on.svg deleted file mode 100644 index bff85700..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic-dark.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic-dark.svg deleted file mode 100644 index 8730c2ef..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic-dark.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic.svg deleted file mode 100644 index 80d17307..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Purple-Dark/gnome-shell/gnome-shell.css deleted file mode 100644 index ca2543c0..00000000 --- a/share/themes/Kali-Purple-Dark/gnome-shell/gnome-shell.css +++ /dev/null @@ -1,3143 +0,0 @@ -/* 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. - */ -/* Global Values */ -stage { - font-size: 10pt; - color: #eeeeec; } - -/* Common Stylings */ -.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { - border-radius: 16px; - padding: 6px; - spacing: 6px; - border: 2px solid transparent; - transition-duration: 200ms; - text-align: center; - color: inherit; } - -#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .calendar .calendar-day.calendar-today, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - border-radius: 8px; - border-style: solid; - border-width: 1px; - font-weight: bold; - padding: 3px 24px; } - -.app-folder-dialog .folder-name-container .edit-folder-button, .button, .calendar .calendar-day.calendar-today, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; } - .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .close-button:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .close-button:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .icon-button:focus:active, .login-dialog-button.cancel-button:focus:active, .login-dialog-button.switch-user-button:focus:active, .login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .close-button:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .close-button:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .close-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .app-folder-dialog .folder-name-container .edit-folder-button:selected, .button:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .pager-button:selected, .icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .background-app-item .close-button:selected, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .calendar .calendar-day:active, .calendar .calendar-month-header .pager-button:active, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .close-button:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .pager-button:checked, .icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .background-app-item .close-button:checked { - transition-duration: 100ms; - color: #eeeeec; - background-color: #4a4d58; } - .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .background-app-item .close-button:checked:hover { - background-color: #515460; } - .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .background-app-item .close-button:checked:active { - background-color: #585b69; } - .app-folder-dialog .folder-name-container .default.edit-folder-button, .default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:hover, .default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - background-color: #be00be; - color: white; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:active, .default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { - background-color: purple; - color: #ededed; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:insensitive, .default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - .app-folder-dialog .folder-name-container .flat.edit-folder-button, .calendar .app-folder-dialog .folder-name-container .calendar-day.edit-folder-button, .app-folder-dialog .folder-name-container .calendar .calendar-day.edit-folder-button, .flat.button, .calendar .button.calendar-day, .calendar .calendar-day.calendar-today, .calendar .flat.calendar-day, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .flat.icon-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .background-app-item .flat.close-button, .calendar .icon-button.calendar-day, .calendar .calendar-day.login-dialog-button.cancel-button, .calendar .calendar-day.login-dialog-button.switch-user-button, .calendar .calendar-day.login-dialog-button.login-dialog-session-list-button, .calendar .background-app-item .calendar-day.close-button, .background-app-item .calendar .calendar-day.close-button { - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; - background-color: transparent; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .flat.icon-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .flat.close-button:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .flat.icon-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .flat.close-button:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .flat.icon-button:focus:active, .flat.login-dialog-button.cancel-button:focus:active, .flat.login-dialog-button.switch-user-button:focus:active, .flat.login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .flat.close-button:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .flat.icon-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .flat.close-button:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .flat.icon-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .flat.close-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:selected, .flat.button:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .pager-button:selected, .flat.icon-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .background-app-item .flat.close-button:selected, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .calendar .calendar-day:active, .calendar .calendar-month-header .pager-button:active, .flat.icon-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .flat.close-button:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .pager-button:checked, .flat.icon-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .background-app-item .flat.close-button:checked { - transition-duration: 100ms; - color: #eeeeec; - background-color: #4a4d58; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked:hover, .flat.button:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .flat.icon-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .background-app-item .flat.close-button:checked:hover { - background-color: #515460; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked:active, .flat.button:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .flat.icon-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .background-app-item .flat.close-button:checked:active { - background-color: #585b69; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button, .flat.default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:hover, .flat.default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - background-color: #be00be; - color: white; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:active, .flat.default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { - background-color: purple; - color: #ededed; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:insensitive, .flat.default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - -.login-dialog-prompt-entry, .search-entry, .lg-dialog StEntry, StEntry { - border-radius: 8px; - padding: 9px 9px; - selection-background-color: #a400a4; - selected-color: #ffffff; } - -StEntry { - transition-duration: 100ms; - background-color: rgba(238, 238, 236, 0.15); - color: rgba(238, 238, 236, 0.7); } - StEntry:hover { - transition-duration: 100ms; - background-color: rgba(238, 238, 236, 0.25); } - StEntry:focus { - transition-duration: 100ms; - background-color: rgba(218, 174, 217, 0.2875); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); - color: #eeeeec; } - StEntry:insensitive { - transition-duration: 100ms; - background-color: rgba(238, 238, 236, 0.25); - color: rgba(238, 238, 236, 0.5); } - StEntry StLabel.hint-text { - color: rgba(238, 238, 236, 0.7); } - -.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { - padding: 12px; - font-weight: bold !important; - transition-duration: 100ms; - color: #eeeeec; - background-color: #3f424d; } - .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { - margin-right: 1px; } - .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { - margin-left: 1px; } - .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #493b56; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { - background-color: #4f425d; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { - background-color: #554865; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #464955; } - .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #4d505e; } - .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { - transition-duration: 100ms; - color: #eeeeec; - background-color: #545866; } - .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover { - background-color: #5b5f6f; } - .modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active { - background-color: #616677; } - .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { - border-radius: 0 0 0 16px; } - .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { - border-radius: 0 0 16px; - margin-right: 0 !important; } - .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { - border-radius: 0 0 16px; } - .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { - border-radius: 0 0 0 16px; - margin-left: 0 !important; } - .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 16px 16px; - margin-left: 0 !important; - margin-right: 0 !important; } - -.dash-label, .window-caption, .screenshot-ui-tooltip { - background-color: rgba(0, 0, 0, 0.9); - border: 1px solid rgba(255, 255, 255, 0.1); - color: white; - border-radius: 99px; - padding: 6px 12px; - text-align: center; } - -/* General Typography */ -.user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { - font-weight: 800; - font-size: 20pt; } - -.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { - font-weight: 800; - font-size: 15pt; } - -.user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title { - font-weight: 700; - font-size: 15pt; } - -.bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline { - font-weight: 700; - font-size: 13pt; } - -.lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label { - font-weight: 700; - font-size: 11pt; } - -.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { - font-weight: 700; - font-size: 9pt; } - -.lg-completions-text, .caps-lock-warning-label, #dash, .background-app-item .subtitle, .icon-label-button-container, .prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { - font-weight: 400; - font-size: 9pt; } - -.calendar .calendar-day { - font-weight: 400; - font-size: 8pt; } - -.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day { - font-feature-settings: "tnum"; } - -/* OSD Elements */ -#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { - color: white; - background-color: #303340; - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 999px; - padding: 12px; } - -.lg-dialog StEntry { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.7); } - .lg-dialog StEntry:hover { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); } - .lg-dialog StEntry:focus { - transition-duration: 100ms; - background-color: rgba(231, 186, 231, 0.2875); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); - color: white; } - .lg-dialog StEntry:insensitive { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.5); } - .lg-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.7); } - -#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { - transition-duration: 100ms; - color: white; - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition-duration: 100ms; - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.05); } - #LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { - transition-duration: 100ms; - color: white; - background-color: rgba(193, 82, 193, 0.19); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - #LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { - background-color: rgba(193, 82, 193, 0.19); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - #LookingGlassDialog .notebook-tab:focus:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { - background-color: rgba(193, 82, 193, 0.19); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - #LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { - transition-duration: 100ms; - color: white; - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { - transition-duration: 100ms; - color: white; - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:outlined, #LookingGlassDialog > #Toolbar .lg-toolbar-button:outlined, .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, #LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { - transition-duration: 100ms; - color: white; - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:outlined:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:outlined:hover, .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, #LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:outlined:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:outlined:active, .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, #LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { - background-color: rgba(255, 255, 255, 0.1); } - -.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; } - .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; } - .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - -/* System Elements */ -.login-dialog-prompt-entry, .search-entry { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.7); } - .login-dialog-prompt-entry:hover, .search-entry:hover { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); } - .login-dialog-prompt-entry:focus, .search-entry:focus { - transition-duration: 100ms; - background-color: rgba(231, 186, 231, 0.2875); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); - color: white; } - .login-dialog-prompt-entry:insensitive, .search-entry:insensitive { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.5); } - .login-dialog-prompt-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.7); } - -.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button { - transition-duration: 100ms; - color: white; - background-color: #444854; } - .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive { - transition-duration: 100ms; - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.05); } - .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus { - transition-duration: 100ms; - color: white; - background-color: #4e415c; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover { - background-color: #544764; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .login-dialog-button.cancel-button:focus:active, .login-dialog-button.switch-user-button:focus:active, .login-dialog-button.login-dialog-session-list-button:focus:active { - background-color: #5a4e6b; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover { - transition-duration: 100ms; - color: white; - background-color: #4b4f5c; } - .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active { - transition-duration: 100ms; - color: white; - background-color: #525665; } - .login-dialog-button.cancel-button:outlined, .login-dialog-button.switch-user-button:outlined, .login-dialog-button.login-dialog-session-list-button:outlined, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked { - transition-duration: 100ms; - color: white; - background-color: #595e6d; } - .login-dialog-button.cancel-button:outlined:hover, .login-dialog-button.switch-user-button:outlined:hover, .login-dialog-button.login-dialog-session-list-button:outlined:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover { - background-color: #5f6576; } - .login-dialog-button.cancel-button:outlined:active, .login-dialog-button.switch-user-button:outlined:active, .login-dialog-button.login-dialog-session-list-button:outlined:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active { - background-color: #666c7e; } - -/* WIDGETS */ -.shell-link { - color: #ff0bff; } - .shell-link:hover { - color: #ff3eff; } - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - -.icon-dropshadow { - icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } - -/* Entries */ -StEntry StIcon.capslock-warning { - icon-size: 1.09em; - warning-color: #fd7d00; - padding: 0 4px; } - -StEntry StIcon.peek-password { - icon-size: 1.09em; - padding: 0 4px; } - -StEntry StLabel.hint-text { - margin-left: 2px; } - -/* Buttons */ -.button, .calendar .calendar-day.calendar-today, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - min-height: 22px; } - -.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - border-radius: 99px; - padding: 12px; - min-height: 16px; } - .icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .background-app-item .close-button StIcon { - icon-size: 1.09em; - -st-icon-style: symbolic; } - -/* Check Boxes */ -.check-box StBoxLayout { - spacing: .8em; } - -.check-box StBin { - width: 24px; - height: 24px; - background-image: url("assets/checkbox-off.svg"); } - -.check-box:focus StBin { - background-image: url("assets/checkbox-off-focused.svg"); } - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); } - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-focused.svg"); } - -/* Switches */ -.toggle-switch { - color: #eeeeec; - height: 26px; - width: 48px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); } - .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); } - -/* Slider */ -.slider { - -barlevel-height: 4px; - -barlevel-background-color: rgba(238, 238, 236, 0.2); - -barlevel-border-width: 2px; - -barlevel-border-color: transparent; - -barlevel-active-background-color: #a400a4; - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #a61414; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 8px; - -slider-handle-border-width: 0; - -slider-handle-border-color: transparent; } - -/* Scrollbars */ -StScrollView.vfade { - -st-vfade-offset: 68px; } - -StScrollView.hfade { - -st-hfade-offset: 68px; } - -StScrollBar { - padding: 0; } - StScrollView StScrollBar { - min-width: 8px; - min-height: 8px; } - StScrollBar StBin#trough { - border-radius: 0; - background-color: transparent; } - StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 8px; - background-color: #606267; - border: 3px solid transparent; - transition: 500ms all ease; } - StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #888a8d; } - StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #74767a; } - -/* Popovers/Menus */ -.popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-rise: 6px; } - -.popup-menu { - min-width: 15em; - color: #eeeeec; } - .popup-menu.panel-menu { - margin-bottom: 1.75em; } - -.popup-menu-content, .candidate-popup-content { - padding: 6px; - background-color: #23252e; - border-radius: 20px; - border: 1px solid rgba(238, 238, 236, 0.07); - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } - -.popup-menu-item { - font-weight: normal; - spacing: 6px; - transition-duration: 100ms; - padding: 9px 12px; - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; - box-shadow: none !important; - border-radius: 12px; } - .popup-menu-item:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - .popup-menu-item:focus, .popup-menu-item:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #464955; } - .popup-menu-item:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #4d505e; } - .popup-menu-item:checked { - transition-duration: 100ms; - color: #eeeeec; - background-color: #545866; } - .popup-menu-item:checked:hover { - background-color: #5b5f6f; } - .popup-menu-item:checked:active { - background-color: #616677; } - .popup-menu-item:checked { - border-radius: 12px 12px 0 0 !important; } - .popup-menu-item .toggle-switch:ltr { - margin-left: 4px; } - .popup-menu-item .toggle-switch:rtl { - margin-right: 4px; } - -.popup-ornamented-menu-item:ltr { - padding-left: 6px; } - -.popup-ornamented-menu-item:rtl { - padding-right: 6px; } - -.popup-inactive-menu-item { - color: #eeeeec; } - .popup-inactive-menu-item:insensitive { - color: #888a8d; } - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 16px !important; } - -.popup-sub-menu { - border-radius: 0 0 13px 13px; - margin-bottom: 6px; } - .popup-sub-menu .popup-menu-item { - border-radius: 0; - font-weight: normal; - spacing: 6px; - transition-duration: 100ms; - padding: 9px 12px; - transition-duration: 100ms; - color: #eeeeec; - background-color: #4d515f; - border-top-width: 0; } - .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #545867; } - .popup-sub-menu .popup-menu-item:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #5b5f70; } - .popup-sub-menu .popup-menu-item:checked { - transition-duration: 100ms; - color: #eeeeec; - background-color: #626778; } - .popup-sub-menu .popup-menu-item:checked:hover { - background-color: #686e81; } - .popup-sub-menu .popup-menu-item:checked:active { - background-color: #6f7589; } - .popup-sub-menu .popup-menu-item:last-child { - border-radius: 0 0 12px 12px; - border-bottom-width: 0; } - .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { - border-radius: 0; } - .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { - border-radius: 0 0 12px 12px; } - -.popup-menu-ornament { - icon-size: 1.09em !important; - width: 1.09em; } - -.popup-separator-menu-item { - border: none !important; } - .popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - background-color: #0d0e11; } - .popup-sub-menu .popup-separator-menu-item { - background-color: transparent; } - .popup-sub-menu .popup-separator-menu-item:ltr { - margin-right: 2.5em; } - .popup-sub-menu .popup-separator-menu-item:rtl { - margin-left: 2.5em; } - .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - background-color: #0d0e11; } - -.background-menu { - -boxpointer-gap: 0px; - -arrow-rise: 0px; } - -.app-menu { - max-width: 27.25em; } - .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; } - -/* Date/Time Menu */ -#calendarArea { - padding: 4px; } - -.datemenu-calendar-column { - spacing: 6px; } - .datemenu-calendar-column:ltr { - padding-left: 6px; } - .datemenu-calendar-column:rtl { - padding-right: 6px; } - .datemenu-calendar-column .datemenu-displays-box { - spacing: 6px; } - -/* today button (the date) */ -.datemenu-today-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; - box-shadow: none !important; - padding: 9px; } - .datemenu-today-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - .datemenu-today-button:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .datemenu-today-button:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .datemenu-today-button:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .datemenu-today-button:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .datemenu-today-button:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .datemenu-today-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - -/* Calendar */ -.calendar { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; - box-shadow: none !important; - margin-top: 0; } - .calendar:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - .calendar:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .calendar:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .calendar:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .calendar:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .calendar:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .calendar:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - .calendar .calendar-month-header .calendar-change-month-back StIcon, - .calendar .calendar-month-header .calendar-change-month-forward StIcon { - icon-size: 1.09em; } - .calendar .calendar-month-header .calendar-month-label { - padding: 8px 0; } - .calendar .calendar-month-header .pager-button { - padding: 0 !important; - height: 32px; - width: 32px; - margin: 2px; - border-radius: 8px; - transition-duration: 100ms; } - .calendar .calendar-day { - border-radius: 99px; - height: 3em !important; - width: 3em !important; - margin: 2px; - padding: 0 !important; - font-weight: 600; - text-align: center; - transition-duration: 100ms; } - .calendar .calendar-day.calendar-day-heading { - background-color: transparent; - color: #888a8d; - height: 0.93em !important; - padding-top: 6px !important; - margin-bottom: 0; - border-radius: 9px; } - .calendar .calendar-day.calendar-weekend { - color: #888a8d; } - .calendar .calendar-day.calendar-other-month { - color: rgba(136, 138, 141, 0.3) !important; - font-weight: normal; } - .calendar .calendar-day.calendar-today { - color: #ffffff; - /* override weekends */ } - .calendar .calendar-day.calendar-day-with-events { - background-image: url("assets/calendar-today.svg"); - background-size: contain; } - .calendar .calendar-week-number { - font-size: 6pt; - font-weight: bold; - font-feature-settings: "tnum"; - text-align: center; - margin: 6px; - padding: 0 6px; - border-radius: 3px; - background-color: rgba(238, 238, 236, 0.1); - color: #888a8d; } - -/* Events */ -.events-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; - padding: 12px; } - .events-button:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .events-button:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .events-button:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .events-button:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .events-button:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .events-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .events-button .events-box { - spacing: 6px; } - .events-button .events-list { - spacing: 12px; - color: #eeeeec; } - .events-button .events-title { - margin-bottom: 4px; } - .events-button .event-time { - color: #888a8d; } - -/* World clocks */ -.world-clocks-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; - padding: 12px; } - .world-clocks-button:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .world-clocks-button:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .world-clocks-button:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .world-clocks-button:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .world-clocks-button:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .world-clocks-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .world-clocks-button .world-clocks-grid { - spacing-rows: 6px; - spacing-columns: 12px; } - .world-clocks-button .world-clocks-header { - color: #888a8d; } - .world-clocks-button .world-clocks-city { - color: #eeeeec; } - .world-clocks-button .world-clocks-time { - color: #eeeeec; } - .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: #888a8d; } - -/* Weather */ -.weather-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; - padding: 12px; } - .weather-button:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .weather-button:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .weather-button:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .weather-button:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .weather-button:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .weather-button:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .weather-button .weather-box { - spacing: 10px; } - .weather-button .weather-header-box { - spacing: 6px; } - .weather-button .weather-header { - color: #888a8d; } - .weather-button .weather-header.location { - font-weight: normal; } - .weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; } - .weather-button .weather-forecast-time { - color: #a6a69b; - padding-top: 0.2em; - padding-bottom: 0.4em; } - .weather-button .weather-forecast-icon { - icon-size: 2.18em; } - -/* Message List */ -.message-list { - width: 29em; - border: solid #0d0e11; } - .message-list:ltr { - margin-left: 0; - margin-right: 4px; - padding-right: 6px; - border-right-width: 1px; } - .message-list:rtl { - margin-right: 0; - margin-left: 4px; - padding-left: 6px; - border-left-width: 1px; } - .message-list .message-list-placeholder { - color: #888a8d; } - .message-list .message-list-placeholder > StIcon { - icon-size: 3.27em; - margin-bottom: 12px; - -st-icon-style: symbolic; } - -.message-list-sections { - spacing: 6px; - margin: 0; - padding-bottom: 6px; } - .message-list-sections:ltr { - margin-right: 12px; } - .message-list-sections:rtl { - margin-left: 12px; } - -.message-list-section, -.message-list-section-list { - spacing: 6px; } - -.message-list-controls { - padding: 6px; - spacing: 6px; } - .message-list-controls .dnd-button { - border-width: 2px; - border-color: transparent; - border-radius: 32px; - border-style: solid; } - .message-list-controls .dnd-button:focus { - border-color: rgba(164, 0, 164, 0.6); } - -.message { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; } - .message:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .message:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .message:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .message:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .message:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .message:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .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: 2.18em; - -st-icon-style: symbolic; } - .message .message-icon-bin > .fallback-app-icon { - width: 1.09em; - height: 1.09em; } - .message .message-content { - spacing: 4px; - padding: 9px; - margin-bottom: 8px; } - .message .message-title { - font-weight: bold; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-top: 0.57em; } - .message .message-secondary-bin { - padding: 0 8px; } - .message .message-secondary-bin > .event-time { - color: rgba(238, 238, 236, 0.5); - font-size: 8pt; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; } - .message .message-secondary-bin > .event-time:ltr { - text-align: right; } - .message .message-secondary-bin > .event-time:rtl { - text-align: left; } - .message .message-close-button { - color: #eeeeec; - background-color: rgba(238, 238, 236, 0.2); - border-radius: 99px; - padding: 5px; - margin: 1px; } - .message .message-close-button:hover { - background-color: rgba(238, 238, 236, 0.3); } - .message .message-close-button:active { - background-color: rgba(238, 238, 236, 0.2); } - .message .message-close-button > StIcon { - icon-size: 1.09em; } - .message .message-body { - color: #d6d6d1; } - -.url-highlighter { - link-color: #ff0bff; } - -/* Media Controls */ -.message-media-control { - padding: 0 18px; - margin: 12px 0; - border-radius: 8px; - color: #eeeeec; } - .message-media-control:hover { - background-color: #43495a; - color: #eeeeec; } - .message-media-control:active { - background-color: #484d60; - color: #eeeeec; } - .message-media-control:insensitive { - color: #959799; } - .message-media-control:last-child:ltr { - margin-right: 12px; } - .message-media-control:last-child:rtl { - margin-left: 12px; } - .message-media-control StIcon { - icon-size: 1.09em; } - -.media-message-cover-icon { - icon-size: 3.27em !important; - border-radius: 8px; } - .media-message-cover-icon.fallback { - color: #c5c5be; - background-color: #23252e; - border: 1px solid transparent; - border-radius: 8px; - icon-size: 2.18em !important; - padding: 14px; } - -.candidate-popup-content { - padding: 6px; - spacing: 6px; } - -.candidate-index { - padding: 0; - padding-right: 6px; - color: #888a8d; } - -.candidate-box { - padding: 6px 12px 6px 12px; - border-radius: 8px; } - .candidate-box:selected { - background-color: #a400a4; - color: #ffffff; } - .candidate-box:hover { - background-color: #383d4b; - color: white; } - -.candidate-page-button-box { - height: 2em; } - .vertical .candidate-page-button-box { - padding-top: 12px; } - .horizontal .candidate-page-button-box { - padding-left: 12px; } - -.candidate-page-button { - padding: 6px; } - .candidate-page-button StIcon { - icon-size: 1.09em; } - -.candidate-page-button-previous { - border-radius: 8px 0px 0px 8px; - border-right-width: 0; - box-shadow: none; } - -.candidate-page-button-next { - border-radius: 0px 8px 8px 0px; - box-shadow: none; } - -/* Notifications & Message Tray */ -.notification-banner { - min-height: 64px; - width: 34em; - box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.3); - border-radius: 16px; - margin: 4px; } - .notification-banner .notification-actions { - spacing: 0; } - -.summary-source-counter { - font-size: 9pt; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #a400a4; - color: #ffffff; - border: 2px solid #eeeeec; - 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: #d6d6d1; } - -.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: white; } - .chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; } - -.chat-meta-message { - padding-left: 4px; - font-size: 8pt; - font-weight: bold; - color: white; } - .chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; } - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 0 4px; } - -/* Modal Dialogs */ -.modal-dialog { - background-color: #23252e; - border-radius: 16px; - box-shadow: inset 0 0 0 1px rgba(238, 238, 236, 0.07); } - .modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; } - -/* End Session Dialog */ -.end-session-dialog { - width: 30em; } - .end-session-dialog .end-session-dialog-battery-warning, - .end-session-dialog .dialog-list-title { - color: #fd7d00; } - -/* Message Dialog */ -.message-dialog-content { - spacing: 18px; } - .message-dialog-content .message-dialog-title { - text-align: center; } - .message-dialog-content .message-dialog-description { - text-align: center; } - -/* Dialog List */ -.dialog-list { - spacing: 18px; } - .dialog-list .dialog-list-title { - text-align: center; } - .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: #e2e2df; } - -/* Run Dialog */ -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; } - -.run-dialog .run-dialog-entry { - width: 20em; } - -.run-dialog .run-dialog-description { - text-align: center; - color: #bebeb6; } - -/* Password or Authentication Dialog */ -.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; } - -.prompt-dialog-error-label { - color: #fd7d00; } - -/* Polkit Dialog */ -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; } - .polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #fd7d00; } - -/* Audio selection dialog */ -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; } - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; } - -.audio-selection-device { - border-radius: 16px; } - .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #383d4b; } - .audio-selection-device:active { - background-color: #a400a4; - color: #ffffff; } - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; } - -.audio-selection-device-icon { - icon-size: 4.36em; } - -/* Welcome dialog */ -.welcome-dialog-image { - background-image: url("assets/gnome-shell-start.svg"); - background-size: contain; - /* Reasonable maximum dimensions */ - height: 300px; - width: 300px; } - -/* Access portal dialog */ -.access-dialog { - text-align: center; } - -/* OSD */ -.osd-window { - text-align: center; - font-weight: bold; - spacing: 12px; - padding: 12px 18px; - margin-bottom: 4em; } - .osd-window > * { - spacing: 8px; } - .osd-window StIcon { - icon-size: 2.18em; } - .osd-window StLabel:ltr { - margin-right: 6px; } - .osd-window StLabel:rtl { - margin-left: 6px; } - .osd-window .level { - margin-bottom: 4px; - height: 6px; - min-width: 10.9em; - -barlevel-height: 6px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-active-background-color: white; - -barlevel-overdrive-color: #a61414; - -barlevel-overdrive-separator-width: 3px; } - .osd-window .level:first-child { - margin-bottom: 0px; } - .osd-window .level:ltr { - margin-right: 6px; } - .osd-window .level:rtl { - margin-left: 6px; } - -.osd-monitor-label { - border-radius: 16px; - font-size: 3em; - font-weight: bold; - margin: 12px; - text-align: center; - min-width: 1.3em; } - -/* Pad OSD */ -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.8); } - .pad-osd-window .pad-osd-title-box { - spacing: 12px; } - .pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; } - -.combo-box-label { - width: 15em; } - -/* App Switcher */ -.switcher-popup { - padding: 0; - spacing: 24px; } - -.switcher-list { - padding: 12px; - border-radius: 28px; - box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3); } - .switcher-list .switcher-list-item-container { - spacing: 12px; } - .switcher-list .item-box { - background-color: transparent; } - .switcher-list .item-box:hover { - background-color: rgba(255, 255, 255, 0.1); } - .switcher-list .item-box:selected, .switcher-list .item-box:focus { - background-color: rgba(255, 255, 255, 0.13); } - .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.16); } - .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { - background-color: rgba(255, 255, 255, 0.13); } - .switcher-list .item-box:active { - background-color: rgba(255, 255, 255, 0.16); } - .switcher-list .item-box:outlined, .switcher-list .item-box:checked { - background-color: rgba(255, 255, 255, 0.19); } - .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { - background-color: rgba(255, 255, 255, 0.22); } - .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { - background-color: rgba(255, 255, 255, 0.25); } - .switcher-list .item-box:drop { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - .switcher-list .item-box:hover { - background: none; } - .switcher-list .separator { - width: 1px; - background: #0d0e11; } - .switcher-list .thumbnail-box { - padding: 2px; - spacing: 6px; } - .switcher-list .thumbnail { - width: 256px; - border-radius: 8px; } - -.switcher-arrow { - border-color: rgba(255, 255, 255, 0.8); - color: rgba(255, 255, 255, 0.8); } - .switcher-arrow:highlighted { - border-color: white; - color: white; } - -.input-source-switcher-symbol { - font-size: 34pt; - width: 96px; - height: 96px; } - -.cycler-highlight { - border: 5px solid #a400a4; } - -/* Workspace Switcher */ -.workspace-switcher { - margin-bottom: 4em; - spacing: 12px; - padding: 12px 18px; } - -.ws-switcher-indicator { - background-color: rgba(255, 255, 255, 0.5); - padding: 0.1816666667em; - margin: 0.9083333333em; - border-radius: 2.18em; } - .ws-switcher-indicator:active { - background-color: white; - padding: 0.3633333333em; - margin: 0.7266666667em; } - -.icon-label-button-container { - spacing: 6px; } - .icon-label-button-container StIcon { - icon-size: 32px; } - -.screenshot-ui-panel { - border-radius: 37px; - 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.3); } - .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: 19px; } - -.screenshot-ui-capture-button { - width: 36px; - height: 36px; - border-radius: 99px; - border: 4px white; - padding: 4px; } - .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { - background-color: white; - transition-duration: 200ms; - border-radius: 99px; } - .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { - background-color: #383d4b; } - .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: #bf1717; } - .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { - background-color: #d61a1a; } - .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { - background-color: #9f1313; } - -.screenshot-ui-shot-cast-container { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 16px; - 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: 13px; } - .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { - background-color: rgba(255, 255, 255, 0.2); } - .screenshot-ui-shot-cast-button:active { - background-color: rgba(255, 255, 255, 0.5); } - .screenshot-ui-shot-cast-button:checked { - background-color: white; - color: #303340; } - .screenshot-ui-shot-cast-button:insensitive { - color: rgba(255, 255, 255, 0.5); } - .screenshot-ui-shot-cast-button StIcon { - icon-size: 1.09em; } - -.screenshot-ui-show-pointer-button { - border-radius: 99px; - padding: 12px !important; } - .screenshot-ui-show-pointer-button StIcon { - icon-size: 1.09em; } - -.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: 99px; - background-color: white; - box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.3); - width: 24px; - height: 24px; } - -.screenshot-ui-window-selector { - background-color: #323643; } - .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: 16px; - 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: #580058; } - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { - border-color: #a400a4; - background-color: rgba(164, 0, 164, 0.2); } - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { - color: #ffffff; - background-color: #a400a4; } - -.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 { - text-align: center; - -y-offset: 24px; } - -/* Top Bar */ -#panel { - background-color: black; - font-weight: bold; - height: 2.2em; - transition-duration: 250ms; - box-shadow: inset 0 -1px 0 0 black; } - #panel .panel-button { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #e2e2df; - box-shadow: none; - -natural-hpadding: 12px; - -minimum-hpadding: 6px; } - #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.25); } - #panel .panel-button:active:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.35); } - #panel .panel-button:hover { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.2); } - #panel .panel-button .system-status-icon { - icon-size: 1.09em; - padding: 5px; - margin: 0 4px; } - #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: 15px; } - #panel .panel-button#panelActivities StBoxLayout { - spacing: 5px; } - #panel .panel-button#panelActivities .workspace-dot { - border-radius: 999px; - min-width: 8px; - min-height: 8px; - background-color: #e2e2df; } - #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { - spacing: 6px; } - #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { - icon-size: 1.09em; } - #panel .panel-button.screen-recording-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #e2e2df; - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } - #panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:checked { - box-shadow: inset 0 0 0 100px #bf1717; } - #panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:focus:hover, #panel .panel-button.screen-recording-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.95); } - #panel .panel-button.screen-recording-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } - #panel .panel-button.screen-sharing-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #e2e2df; - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } - #panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:checked { - box-shadow: inset 0 0 0 100px #fd7d00; } - #panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:focus:hover, #panel .panel-button.screen-sharing-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.95); } - #panel .panel-button.screen-sharing-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } - #panel .panel-button.clock-display { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #e2e2df; - box-shadow: none; - box-shadow: none !important; } - #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.25); } - #panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:focus:hover, #panel .panel-button.clock-display:checked:hover { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.35); } - #panel .panel-button.clock-display:hover { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.2); } - #panel .panel-button.clock-display .clock { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; } - #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { - box-shadow: none !important; } - #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.25); } - #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:focus .clock:hover, #panel .panel-button.clock-display:checked .clock:hover { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.35) !important; } - #panel .panel-button.clock-display:hover { - box-shadow: none !important; } - #panel .panel-button.clock-display:hover .clock { - box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.2); } - #panel.unlock-screen, #panel.login-screen, #panel:overview { - background-color: transparent; - box-shadow: none; } - #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel:overview .panel-button { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: white; - box-shadow: none; } - #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35); } - #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.login-screen .panel-button#panelActivities .workspace-dot, #panel:overview .panel-button#panelActivities .workspace-dot { - background-color: white; } - #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display, #panel:overview .panel-button.clock-display { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: white; - box-shadow: none; - box-shadow: none !important; } - #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:focus:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:focus:hover, #panel.login-screen .panel-button.clock-display:checked:hover, #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:focus:hover, #panel:overview .panel-button.clock-display:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35); } - #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock, #panel:overview .panel-button.clock-display .clock { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; } - #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { - box-shadow: none !important; } - #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:focus .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:focus .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover, #panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:focus .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35) !important; } - #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover { - box-shadow: none !important; } - #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:hover .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator, #panel:overview .panel-button.screen-recording-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #e2e2df; - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } - #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:checked, #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:checked { - box-shadow: inset 0 0 0 100px #bf1717; } - #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover, #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:focus:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.95); } - #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:hover, #panel:overview .panel-button.screen-recording-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } - #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator, #panel:overview .panel-button.screen-sharing-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #e2e2df; - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } - #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:checked, #panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:checked { - box-shadow: inset 0 0 0 100px #fd7d00; } - #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover, #panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:focus:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.95); } - #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:hover, #panel:overview .panel-button.screen-sharing-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } - #panel .panel-status-indicators-box, - #panel .panel-status-menu-box { - spacing: 2px; } - #panel .power-status.panel-status-indicators-box { - spacing: 0; } - #panel .privacy-indicator { - color: #fd7d00; } - -#appMenu { - spacing: 6px; } - #appMenu .label-shadow { - color: transparent; } - -#appMenu .panel-status-menu-box { - padding: 0 6px; - spacing: 6px; } - -.clock-display-box { - spacing: 2px; } - .clock-display-box .clock { - padding-left: 12px; - padding-right: 12px; } - -/* Activities Ripple */ -.ripple-box { - background-color: rgba(255, 255, 255, 0.2); - box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); - width: 52px; - height: 52px; - border-radius: 0 0 52px 0; } - .ripple-box:rtl { - border-radius: 0 0 0 52px; } - -.quick-settings { - padding: 18px; - border-radius: 36px; } - .quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .background-app-item .close-button, .background-app-item .quick-settings .close-button, .quick-settings .button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .calendar .calendar-day, .calendar .quick-settings .calendar-day { - padding: 10.5px; } - -.quick-settings-grid { - spacing-rows: 12px; - spacing-columns: 12px; } - -.quick-toggle, .quick-menu-toggle { - border-radius: 99px; - min-width: 12em; - max-width: 12em; - min-height: 48px; - border: none; } - -.quick-toggle { - /* Move padding into the box; this is to allow menu arrows - to extend to the border */ } - .quick-toggle:checked { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .quick-toggle:checked:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .quick-toggle:checked:hover, .quick-toggle:checked:focus { - background-color: #be00be; - color: white; } - .quick-toggle:checked:active { - background-color: purple; - color: #ededed; } - .quick-toggle:checked:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - .quick-toggle > StBoxLayout { - spacing: 9px; } - .quick-toggle.button, .quick-toggle.icon-button, .quick-toggle.login-dialog-button.cancel-button, .quick-toggle.login-dialog-button.switch-user-button, .quick-toggle.login-dialog-button.login-dialog-session-list-button, .background-app-item .quick-toggle.close-button, .calendar .calendar-month-header .quick-toggle.pager-button, .calendar .quick-toggle.calendar-day { - 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-title { - font-weight: bold; } - .quick-toggle StBoxLayout > .quick-toggle-subtitle { - font-weight: normal; - font-size: 12px; } - .quick-toggle .quick-toggle-icon { - icon-size: 1.09em; } - -.quick-menu-toggle .quick-toggle { - min-width: auto; - max-width: auto; } - .quick-menu-toggle .quick-toggle:ltr { - border-radius: 99px 0 0 99px; } - .quick-menu-toggle .quick-toggle:ltr > StBoxLayout { - padding-right: 9px; } - .quick-menu-toggle .quick-toggle:rtl { - border-radius: 0 99px 99px 0; } - .quick-menu-toggle .quick-toggle:rtr > StBoxLayout { - padding-left: 9px; } - .quick-menu-toggle .quick-toggle:ltr:last-child { - border-radius: 99px; } - .quick-menu-toggle .quick-toggle:rtl:last-child { - border-radius: 99px; } - -.quick-menu-toggle .quick-toggle-arrow { - padding: 6px 10.5px; - border-width: 0; - border-color: rgba(238, 238, 236, 0.25); } - .quick-menu-toggle .quick-toggle-arrow:checked { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; - border-color: #0b000b; } - .quick-menu-toggle .quick-toggle-arrow:checked:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-arrow:checked:focus { - background-color: #be00be; - color: white; } - .quick-menu-toggle .quick-toggle-arrow:checked:active { - background-color: purple; - color: #ededed; } - .quick-menu-toggle .quick-toggle-arrow:checked:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - .quick-menu-toggle .quick-toggle-arrow:ltr { - border-radius: 0 99px 99px 0; - border-left-width: 1px; } - .quick-menu-toggle .quick-toggle-arrow:rtl { - border-radius: 99px 0 0 99px; - border-right-width: 1px; } - -.quick-slider > StBoxLayout { - spacing: 6px; } - -.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .background-app-item .close-button, .background-app-item .quick-slider .close-button { - padding: 6px; } - -.quick-slider .slider-bin { - min-height: 16px; - padding: 6px; - border-radius: 99px; } - .quick-slider .slider-bin:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .quick-slider .slider-bin:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .quick-slider .slider-bin:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - -.quick-toggle-menu { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; - background-color: #23252e !important; - color: #eeeeec !important; - border-radius: 24px; - padding: 12px; - margin: 12px 18px 0; } - .quick-toggle-menu:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .quick-toggle-menu:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .quick-toggle-menu:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .quick-toggle-menu:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .quick-toggle-menu:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .quick-toggle-menu:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - .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: 1.635em; - border-radius: 999px; - padding: 9px; - background-color: rgba(238, 238, 236, 0.2); } - .quick-toggle-menu .header .icon.active { - background-color: #a400a4; - color: #ffffff; } - -.quick-settings-system-item > StBoxLayout { - spacing: 12px; } - -.quick-settings-system-item .power-item { - min-height: 0; - min-width: 0; } - .quick-settings-system-item .power-item:insensitive { - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; - background-color: transparent; } - -.nm-network-item .wireless-secure-icon { - icon-size: 0.545em; } - -.bt-device-item .popup-menu-icon { - -st-icon-style: symbolic; } - -.bt-menu-placeholder.popup-menu-item { - text-align: center; - padding: 2em 4em; } - -.device-subtitle { - color: rgba(238, 238, 236, 0.5); } - -.keyboard-brightness-item .slider { - min-height: 16px; } - -.keyboard-brightness-level { - spacing: 6px; } - .keyboard-brightness-level .button:checked, .keyboard-brightness-level .icon-button:checked, .keyboard-brightness-level .login-dialog-button.cancel-button:checked, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked, .keyboard-brightness-level .background-app-item .close-button:checked, .background-app-item .keyboard-brightness-level .close-button:checked, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked, .keyboard-brightness-level .calendar .calendar-day:checked, .calendar .keyboard-brightness-level .calendar-day:checked { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .keyboard-brightness-level .button:checked:hover, .keyboard-brightness-level .icon-button:checked:hover, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:hover, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:hover, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:hover, .keyboard-brightness-level .background-app-item .close-button:checked:hover, .background-app-item .keyboard-brightness-level .close-button:checked:hover, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:hover, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:hover, .keyboard-brightness-level .calendar .calendar-day:checked:hover, .calendar .keyboard-brightness-level .calendar-day:checked:hover, .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { - background-color: #be00be; - color: white; } - .keyboard-brightness-level .button:checked:active, .keyboard-brightness-level .icon-button:checked:active, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:active, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:active, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:active, .keyboard-brightness-level .background-app-item .close-button:checked:active, .background-app-item .keyboard-brightness-level .close-button:checked:active, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:active, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:active, .keyboard-brightness-level .calendar .calendar-day:checked:active, .calendar .keyboard-brightness-level .calendar-day:checked:active { - background-color: purple; - color: #ededed; } - .keyboard-brightness-level .button:checked:insensitive, .keyboard-brightness-level .icon-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:insensitive, .keyboard-brightness-level .background-app-item .close-button:checked:insensitive, .background-app-item .keyboard-brightness-level .close-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:insensitive, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-day:checked:insensitive, .calendar .keyboard-brightness-level .calendar-day:checked:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - -.background-apps-quick-toggle { - min-height: 40px; - background-color: transparent; } - .background-apps-quick-toggle StIcon { - icon-size: 1.09em !important; } - -.background-app-item .popup-menu-icon { - icon-size: 2.18em !important; - -st-icon-style: regular !important; } - -.background-app-item .close-button { - padding: 6px; } - -.background-app-item .spinner { - padding: 6px; } - -.background-app-item.popup-inactive-menu-item { - color: #eeeeec; } - -/* OVERVIEW */ -.controls-manager, .secondary-monitor-workspaces { - spacing: 12px; } - -#overviewGroup { - background-color: #272a34; } - -.overview-controls { - padding-bottom: 32px; } - -/* Window Picker */ -.window-picker { - spacing: 6px; } - -.window-close, .screenshot-ui-close-button { - background-color: rgba(65, 70, 87, 0.98); - color: white; - border-radius: 99px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); - padding: 3px; - height: 30px; - width: 30px; - transition-duration: 100ms; } - .window-close StIcon, .screenshot-ui-close-button StIcon { - icon-size: 24px; } - .window-close:hover, .screenshot-ui-close-button:hover { - background-color: rgba(81, 87, 107, 0.98); } - .window-close:active, .screenshot-ui-close-button:active { - background-color: rgba(94, 101, 125, 0.98); } - -.workspace-background { - border-radius: 30px; - background-color: rgba(3, 2, 1, 0); - box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } - -.search-entry { - border-radius: 99px; - margin-top: 12px; - margin-bottom: 6px; - width: 24em; } - .search-entry .search-entry-icon { - icon-size: 1.09em; - margin-top: 2px; - padding: 0 4px; } - -/* Search */ -#searchResults { - margin: 0 4px; } - -#searchResultsContent { - max-width: 1072px; } - -.search-section { - spacing: 18px; } - .search-section .search-section-separator { - height: 8px; - background-color: transparent; } - -.search-section-content { - background-color: #3d3f48; - color: white; - border-radius: 24px; - padding: 12px; - margin: 0 12px; } - -.list-search-result, .search-provider-icon { - background-color: transparent; - border-radius: 11px; } - .list-search-result:hover, .search-provider-icon:hover { - background-color: rgba(255, 255, 255, 0.1); } - .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { - background-color: rgba(255, 255, 255, 0.13); } - .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { - background-color: rgba(255, 255, 255, 0.16); } - .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { - background-color: rgba(255, 255, 255, 0.13); } - .list-search-result:active, .search-provider-icon:active { - background-color: rgba(255, 255, 255, 0.16); } - .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(255, 255, 255, 0.19); } - .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { - background-color: rgba(255, 255, 255, 0.22); } - .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { - background-color: rgba(255, 255, 255, 0.25); } - .list-search-result:drop, .search-provider-icon:drop { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.search-statustext { - color: rgba(255, 255, 255, 0.8); } - -.grid-search-results { - spacing: 30px; - margin: 0 12px; } - -.search-provider-icon:ltr { - margin-right: 4px; } - -.search-provider-icon:rtl { - margin-left: 4px; } - -.search-provider-icon .list-search-provider-content { - spacing: 12px; } - .search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - color: white; } - -.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: #989aa1; } - -/* Dash */ -#dash { - margin-top: 12px; } - #dash .placeholder { - background-image: none; - background-size: contain; - height: 32px; } - #dash .empty-dash-drop-target { - width: 32px; - height: 32px; } - #dash .app-well-app-running-dot { - margin-bottom: 14px; } - -.dash-background { - background-color: #3d3f48; - border-radius: 28px; - padding: 12px; - spacing: 6px; - margin-bottom: 12px; } - -.dash-item-container > * { - margin: 0 2px; } - -.dash-item-container:ltr:first-child { - margin-left: 0; } - -.dash-item-container:rtl:first-child { - margin-right: 0; } - -.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { - padding: 6px; - border-radius: 16px; } - -.dash-item-container .show-apps { - transition-duration: 400ms; } - .dash-item-container .show-apps .overview-icon { - background-color: transparent; } - .dash-item-container .show-apps:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .dash-item-container .show-apps:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .dash-item-container .show-apps:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { - padding-bottom: 12px; - color: white; } - -.dash-separator { - width: 1px; - margin: 0 4px; - background-color: rgba(255, 255, 255, 0.1); - margin-bottom: 12px; } - -.dash-label { - -y-offset: 8px; } - -/* App Grid */ -.icon-grid { - row-spacing: 12px; - column-spacing: 12px; - max-row-spacing: 42px; - max-column-spacing: 42px; - page-padding-top: 24px; - page-padding-bottom: 24px; - page-padding-left: 18px; - page-padding-right: 18px; } - -/* App Icons */ -.app-well-app, .grid-search-result { - transition-duration: 400ms; } - .app-well-app .overview-icon, .grid-search-result .overview-icon { - background-color: transparent; } - .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - .app-well-app .overview-icon, .grid-search-result .overview-icon { - padding: 12px; - border-radius: 24px; - color: white; } - .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; } - -.app-well-app.app-folder, .app-folder.grid-search-result { - transition-duration: 400ms; } - .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { - background-color: rgba(255, 255, 255, 0.07); } - .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.app-folder-dialog { - border-radius: 64px; - background-color: #3d3f48; - padding: 12px; - 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-entry { - width: 12em; - color: white !important; } - .app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: white; } - .app-folder-dialog .folder-name-container .edit-folder-button { - padding: 0; - width: 36px; - height: 36px; - border-radius: 99px; } - .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 1.09em; } - .app-folder-dialog .icon-grid { - row-spacing: 12px; - column-spacing: 30px; - 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: 12px; - width: 720px; - height: 720px; } - -.app-well-app-running-dot { - height: 5px; - width: 5px; - border-radius: 5px; - margin-bottom: 8px; - background-color: white; } - -.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; } - -.page-indicator { - padding: 6px 12px 0; - transition-duration: 400ms; } - .page-indicator .page-indicator-icon { - width: 10px; - height: 10px; - border-radius: 10px; - background-color: white; - transition-duration: 400ms; } - -.apps-scroll-view { - padding: 0; } - -.system-action-icon { - background-color: rgba(255, 255, 255, 0.1); - color: white; - border-radius: 99px; - icon-size: 48px; } - -.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: 24px 0px 0px 24px; } - -.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 24px 24px 0px; } - -.page-navigation-arrow { - margin: 6px; - padding: 18px; - width: 24px; - height: 24px; - border-radius: 99px; - transition-duration: 100ms; } - .page-navigation-arrow > StIcon { - color: white; } - .page-navigation-arrow:insensitive { - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; } - .page-navigation-arrow:insensitive:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); - background-color: transparent; } - .page-navigation-arrow:hover { - transition-duration: 100ms; - color: white; - background-color: rgba(104, 107, 118, 0.545); } - .page-navigation-arrow:active { - transition-duration: 100ms; - color: white; - background-color: rgba(111, 115, 126, 0.545); } - -/* Workspace pager */ -.workspace-thumbnails { - visible-width: 32px; - spacing: 6px; - padding: 6px; } - .workspace-thumbnails .workspace-thumbnail { - color: white; - background-color: #484d60; - border-radius: 4px; - border: 1px solid transparent; } - .workspace-thumbnails .placeholder { - background-image: url("assets/workspace-placeholder.svg"); - background-size: contain; - width: 18px; } - -.workspace-thumbnail-indicator { - border: 3px solid #a400a4; - border-radius: 8px; } - -.ripple-pointer-location { - width: 50px; - height: 50px; - border-radius: 25px; - background-color: rgba(255, 62, 255, 0.3); - box-shadow: 0 0 2px 2px #ff0bff; } - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #a400a4; - -pie-background-color: rgba(255, 113, 255, 0.3); } - -.magnifier-zoom-region { - border: 2px solid #a400a4; } - .magnifier-zoom-region.full-screen { - border-width: 0; } - -.select-area-rubberband { - background-color: rgba(164, 0, 164, 0.3); - border: 1px solid #a400a4; } - -.user-icon { - background-size: contain; - color: white; - border-radius: 99px; - icon-size: 4.36em; } - .user-icon StIcon { - background-color: rgba(255, 255, 255, 0.05); - border-radius: 99px; - padding: 12px; - width: 2.725em; - height: 2.725em; } - .user-icon.user-avatar { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); } - -.lightbox { - background-color: black; } - -.flashspot { - background-color: white; } - -.hidden { - color: transparent; } - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - color: #fd7d00; } - -/* Workspace animation */ -.workspace-animation { - background-color: #323643; } - -/* Tiled window previews */ -.tile-preview { - background-color: rgba(164, 0, 164, 0.5); - border: 1px solid #a400a4; } - -/* On-screen Keyboard */ -#keyboard { - background-color: rgba(26, 28, 35, 0.96); - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } - #keyboard .page-indicator { - padding: 6px; } - #keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; } - -.key-container { - padding: 4px; - spacing: 4px; } - -.keyboard-key { - font-size: 15pt; - font-weight: bold; - min-height: 1.2em; - min-width: 1.2em; - border-width: 1px; - border-style: solid; - border-radius: 12px; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3); - color: white; - background-color: #363a48; } - .keyboard-key:focus { - color: white; - background-color: #413552; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } - .keyboard-key:focus:hover { - background-color: #4b3f5f; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-key:focus:active { - background-color: #4f4364; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-key:hover { - color: white; - background-color: #3f4454; } - .keyboard-key:active { - color: white; - background-color: #464b5d; } - .keyboard-key:checked { - color: white; - background-color: #51576b; } - .keyboard-key:grayed { - background-color: #1c1e25; - color: white; - border-color: black; } - .keyboard-key.default-key { - color: white; - background-color: #4c5266; - border-radius: 12px; } - .keyboard-key.default-key:hover { - color: white; - background-color: #555b71; } - .keyboard-key.default-key:active { - color: white; - background-color: #5b627a; } - .keyboard-key.default-key:checked { - color: white; - background-color: #666e89; } - .keyboard-key.default-key:latched { - border-color: #be00be; - background-color: #a400a4; } - .keyboard-key.enter-key { - color: #ffffff; - background-color: #b300b3; - border-radius: 12px; - color: white; } - .keyboard-key.enter-key:hover { - color: #ffffff; - background-color: #c800c8; } - .keyboard-key.enter-key:active { - color: #ffffff; - background-color: #d700d7; } - .keyboard-key.enter-key:checked { - color: #ffffff; - background-color: #f100f1; } - .keyboard-key.shift-key-uppercase { - background-color: #5b627a; - color: #303340; } - .keyboard-key.shift-key-uppercase:hover { - background-color: #666e89; - color: #3b3f4e; } - .keyboard-key StIcon { - icon-size: 24px; } - -.keyboard-subkeys { - -arrow-border-radius: 16px; - -arrow-background-color: #303340; - -arrow-border-width: 1px; - -arrow-border-color: #43495a; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 6px; - padding: 6px; } - .keyboard-subkeys .keyboard-key { - color: white; - background-color: #363a48; - border-radius: 12px; } - .keyboard-subkeys .keyboard-key:focus { - color: white; - background-color: #413552; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } - .keyboard-subkeys .keyboard-key:focus:hover { - background-color: #4b3f5f; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-subkeys .keyboard-key:focus:active { - background-color: #4f4364; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-subkeys .keyboard-key:hover { - color: white; - background-color: #3f4454; } - .keyboard-subkeys .keyboard-key:active { - color: white; - background-color: #464b5d; } - .keyboard-subkeys .keyboard-key:checked { - color: white; - background-color: #51576b; } - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; } - -.emoji-panel .keyboard-key:latched { - border-color: #be00be; - background-color: #a400a4; } - -.word-suggestions { - font-size: 11pt; - spacing: 12px; - min-height: 17pt; - padding: 12px; - color: white; } - .word-suggestions StButton { - margin: 0 3px; - min-width: 32px; - border-radius: 6px; - padding: 0px 18px; - background-color: transparent; - background-image: none; } - .word-suggestions StButton:focus { - color: white; - background-color: #413552; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } - .word-suggestions StButton:focus:hover { - background-color: #4b3f5f; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .word-suggestions StButton:focus:active { - background-color: #4f4364; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .word-suggestions StButton:hover { - color: white; - background-color: #3f4454; } - .word-suggestions StButton:active { - color: white; - background-color: #464b5d; } - .word-suggestions StButton:checked { - color: white; - background-color: #51576b; } - -/* Looking Glass */ -#LookingGlassDialog { - background-color: rgba(48, 51, 64, 0.98); - color: white; - border-radius: 16px; - margin-top: 4px; - border-top-width: 0; - padding: 6px; - spacing: 6px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } - #LookingGlassDialog > #Toolbar { - border: none; - padding: 6px; - border-radius: 0; - background-color: transparent; - spacing: 6px; } - #LookingGlassDialog > #Toolbar .lg-toolbar-button { - padding: 6px 12px; } - #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { - icon-size: 1.09em; } - #LookingGlassDialog .labels { - spacing: 6px; } - #LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 12px; - padding: 6px 12px; } - #LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 6px; - padding: 6px; } - #LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 6px; - padding: 6px; } - -.lg-dialog StEntry { - min-height: 22px; } - -.lg-dialog .shell-link { - color: #ff0bff; } - .lg-dialog .shell-link:hover { - color: #ff3eff; } - .lg-dialog .shell-link:active { - color: #d700d7; } - -.lg-dialog .actor-link { - color: #888a8d; } - .lg-dialog .actor-link:hover { - color: #bcbdbf; } - .lg-dialog .actor-link:active { - color: #565759; } - .lg-dialog .actor-link StIcon { - icon-size: 12px; } - -.lg-completions-text { - font-style: italic; } - -.lg-obj-inspector-title { - spacing: 6px; } - -.lg-obj-inspector-button { - border: 1px solid #0d0e11; - padding: 4px; - border-radius: 8px; } - .lg-obj-inspector-button:hover { - border: 1px solid #eeeeec; } - -#lookingGlassExtensions { - padding: 6px; } - -.lg-extensions-list { - padding: 6px; - spacing: 6px; } - -.lg-extension { - padding: 12px; - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #eeeeec; - background-color: #35373f; } - .lg-extension:hover { - transition-duration: 100ms; - color: #eeeeec; - background-color: #3c3e47; } - .lg-extension:active { - transition-duration: 100ms; - color: #eeeeec; - background-color: #434650; } - .lg-extension:focus { - transition-duration: 100ms; - color: #eeeeec; - background-color: #403249; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .lg-extension:focus:hover { - background-color: #463851; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .lg-extension:focus:active { - background-color: #4d3f58; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .lg-extension:insensitive { - transition-duration: 100ms; - color: rgba(238, 238, 236, 0.5); - background-color: rgba(238, 238, 236, 0.05); } - -.lg-extension-meta { - spacing: 6px; } - -#LookingGlassPropertyInspector { - background: #23252e; - border: 1px solid #0d0e11; - border-radius: 8px; - padding: 6px; } - -.lg-debug-flag-button { - color: white; } - .lg-debug-flag-button StLabel { - padding: 6px, 12px; } - .lg-debug-flag-button:hover { - color: white; } - .lg-debug-flag-button:active { - color: #cccccc; } - -.lg-debug-flags-header { - padding-top: 12px; - padding: 6px; } - -.login-dialog .caps-lock-warning-label, -.login-dialog .login-dialog-message-warning, -.unlock-dialog .caps-lock-warning-label, -.unlock-dialog .login-dialog-message-warning { - color: white; } - -/* Login Dialog */ -.login-dialog { - background-color: #323643; } - -.login-dialog-button.cancel-button { - padding: 9px; } - -.login-dialog-button-box { - width: 23em; - spacing: 12px; } - -.login-dialog-logo-bin { - margin: 3em 0; } - -.login-dialog-banner { - color: #e6e6e6; } - -.login-dialog-banner-view { - max-width: 23em; } - -.login-dialog-message { - text-align: center; } - -.login-dialog-user-selection-box { - padding: 100px 0px; } - -.login-dialog-not-listed-label { - font-size: 10pt; - font-weight: bold; - color: #b3b3b3; - padding: 12px; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label { - text-decoration: underline; } - -.login-dialog-auth-list-view { - -st-vfade-offset: 1em; } - -.login-dialog-auth-list { - spacing: 6px; - margin-left: 2em; } - -.login-dialog-auth-list-title { - margin-left: 2em; } - -.login-dialog-auth-list-item { - border-radius: 16px; - padding: 4px; - color: #b3b3b3; } - .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { - background-color: #a400a4; - color: #ffffff; } - -.login-dialog-auth-list-label { - font-size: 12pt; - font-weight: bold; - padding-left: 15px; } - .login-dialog-auth-list-label:ltr { - padding-left: 14px; - text-align: left; } - .login-dialog-auth-list-label:rtl { - padding-right: 14px; - text-align: right; } - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; } - -.login-dialog-user-list { - spacing: 12px; - width: 23em; } - .login-dialog-user-list .login-dialog-user-list-item { - border-radius: 12px; - padding: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: white; } - .login-dialog-user-list .login-dialog-user-list-item .user-widget .user-icon { - border: 4px solid transparent; } - .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin-top: 6px; - background-color: #b3b3b3; } - .login-dialog-user-list .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #ffffff; } - .login-dialog-user-list:expanded .login-dialog-user-list-item { - transition-duration: 300ms; - transition-timing-function: ease; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.1); - color: white; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: #a400a4; - color: #ffffff; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover { - background-color: #be00be; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in .user-widget .user-icon { - border-color: #a400a4; } - -.login-dialog-prompt-layout { - spacing: 12px; - width: 26em; } - -/* Screen Shield */ -.unlock-dialog { - background-color: transparent; } - .unlock-dialog .login-dialog-prompt-entry:focus { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.2625); - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); - color: white; } - -.screen-shield-background { - background: black; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } - -#lockDialogGroup { - background-color: #323643; } - -.unlock-dialog-clock { - color: white; - spacing: 2em; } - .unlock-dialog-clock .unlock-dialog-clock-time { - font-size: 72pt; - font-weight: 200; } - .unlock-dialog-clock .unlock-dialog-clock-date { - font-weight: 400; } - .unlock-dialog-clock .unlock-dialog-clock-hint { - margin-top: 2em; - padding: 6px 18px; - border-radius: 16px; - font-weight: bold; } - -#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { - background-color: rgba(35, 37, 46, 0.3); } - #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - background-color: rgba(35, 37, 46, 0.5); } - #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - background-color: rgba(164, 0, 164, 0.5); } - -.unlock-dialog-notifications-container { - margin: 12px; - 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 16px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: white; - border-radius: 16px; } - .unlock-dialog-notifications-container .notification.critical, - .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(255, 255, 255, 0.2); } - -.unlock-dialog-notification-label { - padding-left: 12px; - padding-right: 0; } - .unlock-dialog-notification-label:rtl { - padding-right: 12px; - padding-left: 0; } - -.unlock-dialog-notification-count-text { - font-weight: bold; - padding: 0 12px; - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 99px; } - -.user-widget .user-widget-label { - color: white; } - -.user-widget.horizontal { - spacing: 18px; } - .user-widget.horizontal .user-icon StIcon { - padding: 12px; - icon-size: 2.18em; - width: 3.27em; - height: 3.27em; - background-color: rgba(255, 255, 255, 0.1); } - -.user-widget.vertical { - spacing: 24px; } - .user-widget.vertical .user-widget-label { - text-align: center; - margin-bottom: .75em; } - .user-widget.vertical .user-icon { - icon-size: 10.9em; } - .user-widget.vertical .user-icon StIcon { - padding: 32px; - icon-size: 4.36em; - background-color: rgba(255, 255, 255, 0.1); } - -.workspace-thumbnails .workspace-thumbnail, .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .dash-background, .dash-separator, .search-section-content, .search-entry { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); } - -.icon-dropshadow { - icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } - -/* Slider */ -.slider { - -barlevel-border-width: 0; - -barlevel-height: 6px; - -slider-handle-radius: 0; } - -/* Message List */ -.message-list-controls { - spacing: 12px; - font-size: 10pt; } - -.message .message-content { - padding: 6px; - spacing: 0; } - -.message .message-title { - padding-top: .5em; } - -.message .message-secondary-bin > .event-time { - padding-bottom: .5em; } - -/* Notifications & Message Tray */ -.notification-banner { - box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } - -/* Window Picker */ -.window-caption { - color: black; - background-color: white; - box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } - -.window-close, .screenshot-ui-close-button { - background-image: url("assets/close-window.svg"); - background-size: 32px; - background-color: transparent; - box-shadow: none; - color: transparent; - height: 32px; - width: 32px; - transition-duration: .2s; } - .window-close:hover, .screenshot-ui-close-button:hover { - background-image: url("assets/close-window-hover.svg"); - background-color: transparent; } - .window-close:active, .screenshot-ui-close-button:active { - background-image: url("assets/close-window-active.svg"); - background-color: transparent; - color: transparent; - transition-duration: 0s; } - -/* Workspace Switcher */ -.ws-switcher-indicator { - padding: 2px; - margin: 10px; } - .ws-switcher-indicator:active { - padding: 4px; - margin: 8px; } - -/* Top Bar */ -#panel { - background: rgba(35, 37, 46, 0.8); - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: none; } - #panel StIcon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - #panel .panel-button { - color: white; } - #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel .panel-button:active:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35); } - #panel .panel-button:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel .panel-button.clock-display { - color: white; } - #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:focus .clock:hover, #panel .panel-button.clock-display:checked .clock:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35); } - #panel .panel-button.clock-display:hover { - box-shadow: none !important; } - #panel .panel-button.clock-display:hover .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel .panel-button#panelActivities .workspace-dot { - background-color: white; } - #panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { - color: white; } - -/* Search */ -.search-entry { - width: 21em; - padding: .6em .8em; - font-size: 1.1em; - font-weight: bold; - border: none; - text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); - transition-duration: 200ms; } - .search-entry, .search-entry StLabel.hint-text { - color: white; } - .search-entry:focus, .search-entry:hover { - background-color: white; - font-weight: normal; - box-shadow: none; - text-shadow: none; } - .search-entry:focus, .search-entry:focus StLabel.hint-text, .search-entry:hover, .search-entry:hover StLabel.hint-text { - color: black; } - .search-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon { - color: black; - icon-shadow: none; } - .search-entry .search-entry-icon { - color: white; - icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } - -.search-provider-icon .list-search-provider-details { - font-weight: bold; } - -.list-search-result .list-search-result-description { - color: rgba(255, 255, 255, 0.8); } - -/* Dash */ -#dash { - color: white; } - #dash StIcon { - icon-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } - -/* App Grid */ -#overview, .app-well-app, .grid-search-result { - color: white; } - -.app-well-app.app-folder, .app-folder.grid-search-result { - transition-duration: 400ms; } - .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { - background-color: rgba(255, 255, 255, 0.07); } - .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.app-folder-dialog { - background: black; - box-shadow: 0 0 100px #0a0a0a; } - -/* OSD */ -.osd-window, .workspace-switcher { - margin-bottom: 128px; } - -/* Workspace pager */ -.workspace-thumbnail-indicator { - border: 2px solid white; } diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/border.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/border.png deleted file mode 100644 index fa607701..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/border.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-active.png deleted file mode 100644 index 4da3f73f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-hover.png deleted file mode 100644 index aca610f8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-insensitive.png deleted file mode 100644 index 95e60455..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button.png deleted file mode 100644 index 3bc6214d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-active.png deleted file mode 100644 index 45219072..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-hover.png deleted file mode 100644 index c1b8553d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png deleted file mode 100644 index e772c6dc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked.png deleted file mode 100644 index 38a9a994..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-active.png deleted file mode 100644 index 1e51a8c9..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index 5db26490..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png deleted file mode 100644 index 322fa33d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed.png deleted file mode 100644 index d2be5117..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-active.png deleted file mode 100644 index ee30bd35..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png deleted file mode 100644 index cc49f068..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png deleted file mode 100644 index 1a40a53d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked.png deleted file mode 100644 index e29167d6..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png deleted file mode 100644 index bdc1dff8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png deleted file mode 100644 index d93935c1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png deleted file mode 100644 index 19ed6dd5..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button.png deleted file mode 100644 index 069dcfc6..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-active.png deleted file mode 100644 index b5dbb791..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png deleted file mode 100644 index f532cb94..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry.png deleted file mode 100644 index c8b4f488..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png deleted file mode 100644 index 99f82581..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png deleted file mode 100644 index cc673839..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png deleted file mode 100644 index 5d888e4d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button.png deleted file mode 100644 index e3c8d9c9..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png deleted file mode 100644 index eaacc1ce..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png deleted file mode 100644 index 4c053a75..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png deleted file mode 100644 index 84696151..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-active.png deleted file mode 100644 index 081644ad..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background-insensitive.png deleted file mode 100644 index e59dede8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background.png deleted file mode 100644 index e61f87e8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-insensitive.png deleted file mode 100644 index b585a402..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry.png deleted file mode 100644 index 674e1cf3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/focus.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/focus.png deleted file mode 100644 index a9e1ab5d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/focus.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-inline.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-inline.png deleted file mode 100644 index e7c95066..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-inline.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-notebook.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-notebook.png deleted file mode 100644 index 8226de1d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-notebook.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame.png deleted file mode 100644 index 8534d2bc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-horz.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-horz.png deleted file mode 100644 index 4593d31d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-horz.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-vert.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-vert.png deleted file mode 100644 index 0e6e49ce..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-vert.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle.png deleted file mode 100644 index 733e08e1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/line.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/line.png deleted file mode 100644 index 298041c1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/line.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-border.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-border.png deleted file mode 100644 index 8534d2bc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-border.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png deleted file mode 100644 index 4605163a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png deleted file mode 100644 index dd09cf1f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked.png deleted file mode 100644 index 4605163a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-hover.png deleted file mode 100644 index 1f744119..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png deleted file mode 100644 index 084b06b2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png deleted file mode 100644 index 5d41cb75..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png deleted file mode 100644 index 9588c98a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed.png deleted file mode 100644 index 5d41cb75..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox.png deleted file mode 100644 index 1f744119..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png deleted file mode 100644 index 66854570..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down.png deleted file mode 100644 index 7ef4f07c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-hover.png deleted file mode 100644 index 51641dc5..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png deleted file mode 100644 index 4110b179..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left.png deleted file mode 100644 index 51641dc5..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-hover.png deleted file mode 100644 index 1140a2f1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png deleted file mode 100644 index f7cb703c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right.png deleted file mode 100644 index 1140a2f1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png deleted file mode 100644 index e09c2225..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up.png deleted file mode 100644 index 31094b5e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-hover.png deleted file mode 100644 index 0af512ef..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png deleted file mode 100644 index 71a57cc1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked.png deleted file mode 100644 index 0af512ef..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-hover.png deleted file mode 100644 index 073bd14a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-insensitive.png deleted file mode 100644 index 012a4c7d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png deleted file mode 100644 index 45d00d3c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png deleted file mode 100644 index 63124664..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed.png deleted file mode 100644 index 45d00d3c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio.png deleted file mode 100644 index 073bd14a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menubar-item-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menubar-item-active.png deleted file mode 100644 index 31fd1303..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menubar-item-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png deleted file mode 100644 index a8d9882d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png deleted file mode 100644 index e845b9ab..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png deleted file mode 100644 index 547a4adc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png deleted file mode 100644 index 52476f0e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png deleted file mode 100644 index 2d20235a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png deleted file mode 100644 index 9942b31f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-active.png deleted file mode 100644 index 42280190..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-insensitive.png deleted file mode 100644 index 739ba647..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry.png deleted file mode 100644 index 22957171..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down-insensitive.png deleted file mode 100644 index 66854570..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down.png deleted file mode 100644 index 7ef4f07c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-insensitive.png deleted file mode 100644 index 63da9909..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-semi.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-semi.png deleted file mode 100644 index d66c52f4..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-semi.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left.png deleted file mode 100644 index e35ac182..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-insensitive.png deleted file mode 100644 index 7e32e6d6..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-semi.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-semi.png deleted file mode 100644 index b3edf6b5..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-semi.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right.png deleted file mode 100644 index 1c1c3537..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up-insensitive.png deleted file mode 100644 index e09c2225..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up.png deleted file mode 100644 index 31094b5e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz-trough.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz-trough.png deleted file mode 100644 index a29aea0f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz.png deleted file mode 100644 index e3e672cf..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert-trough.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert-trough.png deleted file mode 100644 index 579e3de2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert.png deleted file mode 100644 index 28b8027d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-active.png deleted file mode 100644 index da99b262..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-hover.png deleted file mode 100644 index aa8cb2c5..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-insensitive.png deleted file mode 100644 index e6371038..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked.png deleted file mode 100644 index f76f67e9..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-active.png deleted file mode 100644 index f1cf2747..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-hover.png deleted file mode 100644 index b51fd50f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-insensitive.png deleted file mode 100644 index a0f3c38c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed.png deleted file mode 100644 index 0512a835..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-active.png deleted file mode 100644 index 0c453440..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-hover.png deleted file mode 100644 index 4f8337ac..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png deleted file mode 100644 index 05186936..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked.png deleted file mode 100644 index dbf1e0d3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-focus.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-focus.png deleted file mode 100644 index afacaf05..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-focus.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough-active.png deleted file mode 100644 index 54286a48..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough.png deleted file mode 100644 index 62591a64..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-active.png deleted file mode 100644 index 1b9d90c4..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-hover.png deleted file mode 100644 index 8c951754..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-insensitive.png deleted file mode 100644 index aacb4fd9..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider.png deleted file mode 100644 index 24efc5fc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough-active.png deleted file mode 100644 index ca14e21a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough.png deleted file mode 100644 index 08b970cf..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png deleted file mode 100644 index 7546030f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png deleted file mode 100644 index c188b72f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider.png deleted file mode 100644 index a8145993..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-trough.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-trough.png deleted file mode 100644 index 20367393..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png deleted file mode 100644 index 2f467c3c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png deleted file mode 100644 index c44ecf3b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png deleted file mode 100644 index fe633ea6..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png deleted file mode 100644 index 2347fcdb..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png deleted file mode 100644 index 3b12d477..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider.png deleted file mode 100644 index 9903b1ce..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough-rtl.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough-rtl.png deleted file mode 100644 index aa4538e7..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough.png deleted file mode 100644 index 01291c2c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down-insensitive.png deleted file mode 100644 index 6767cfbc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down.png deleted file mode 100644 index c55cbd0b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-active.png deleted file mode 100644 index 6bac2db7..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-hover.png deleted file mode 100644 index b05ceb63..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png deleted file mode 100644 index 7129752f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down.png deleted file mode 100644 index 31c3538c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-active.png deleted file mode 100644 index 35f53dec..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-hover.png deleted file mode 100644 index 40f62394..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png deleted file mode 100644 index 90a94861..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up.png deleted file mode 100644 index 7bc253b8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-active.png deleted file mode 100644 index 6590c295..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-hover.png deleted file mode 100644 index 2c95ce6d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png deleted file mode 100644 index 47843784..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down.png deleted file mode 100644 index 48a14f7c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-active.png deleted file mode 100644 index ae5ab9a3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-hover.png deleted file mode 100644 index af01679f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png deleted file mode 100644 index c11ef4f3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up.png deleted file mode 100644 index 07de07bb..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up-insensitive.png deleted file mode 100644 index f0efaa5b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up.png deleted file mode 100644 index a8a0cfd7..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down-active.png deleted file mode 100644 index 514f872e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down.png deleted file mode 100644 index bc92b9dd..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-horz-gap.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-horz-gap.png deleted file mode 100644 index 49069bcb..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-horz-gap.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left-active.png deleted file mode 100644 index 3d909358..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left.png deleted file mode 100644 index 528891c7..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right-active.png deleted file mode 100644 index e3154f8c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right.png deleted file mode 100644 index c047d8ea..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up-active.png deleted file mode 100644 index 3c3b8e59..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up.png deleted file mode 100644 index 091e1d8e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-vert-gap.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-vert-gap.png deleted file mode 100644 index 71748009..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-vert-gap.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-active.png deleted file mode 100644 index b8e53859..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-hover.png deleted file mode 100644 index e96bc580..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down.png deleted file mode 100644 index 55ba5295..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-active.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-active.png deleted file mode 100644 index 612d7bde..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-hover.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-hover.png deleted file mode 100644 index 36ee52e1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up.png deleted file mode 100644 index 6348cf4f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-ltr.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-ltr.png deleted file mode 100644 index 085c9657..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-ltr.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-rtl.png b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-rtl.png deleted file mode 100644 index 1a3e036a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/gtkrc b/share/themes/Kali-Purple-Dark/gtk-2.0/gtkrc deleted file mode 100644 index 0b6ff232..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-2.0/gtkrc +++ /dev/null @@ -1,39 +0,0 @@ -# Based on Bridge by ScionicSpectre -# vim:set ts=2 sw=2 sts=2 ai et: -# -# This is the GTK+ 2 version of Adwaita. 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:white\nbase_color:#292c37" -# Foreground/background -gtk-color-scheme = "fg_color:#eeeeec\nbg_color:#23252e" -# Selected foreground/background -gtk-color-scheme = "selected_bg_color:#a400a4" -gtk-color-scheme = "selected_fg_color: #ffffff" -# Insensitive foreground/background -gtk-color-scheme = "insensitive_fg_color:#888a8d\ninsensitive_bg_color:#242731" -# Menus -gtk-color-scheme = "menu_color:#1a1e23" -# Links -gtk-color-scheme = "link_color:#a400a4\nvisited_link_color:#8db7ff" -# Treeview headers -gtk-color-scheme = "column_header_color:#898b8b\nhover_column_header_color:#bcbdbc" -# Window decoration -gtk-color-scheme = "window_color:#292c37" -# Tooltips -gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" - -# 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" diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/main.rc b/share/themes/Kali-Purple-Dark/gtk-2.0/main.rc deleted file mode 100644 index 062796d0..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-2.0/main.rc +++ /dev/null @@ -1,2554 +0,0 @@ -# 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-line-width = 1 - GtkWidget::focus-line-pattern = "\2\1" - - GtkToolbar::internal-padding = 4 - GtkToolButton::icon-spacing = 4 - - GtkWidget::tooltip-radius = 3 - GtkWidget::tooltip-alpha = 235 - 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 = 1 - - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = {0, 0, 0, 0} - GtkButton::default-outside-border = {0, 0, 0, 0} - GtkButton::inner-border = {4, 4, 4, 4} - - GtkEntry::state-hint = 1 - GtkEntry::inner-border = {7, 7, 4, 5} - - GtkPaned::handle-size = 9 - GtkHPaned::handle-size = 9 - GtkVPaned::handle-size = 9 - - GtkScrollbar::trough-border = 0 - GtkRange::trough-border = 0 - GtkRange::slider-width = 13 - 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 = 48 # 42 + 2*3 (margins) - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkScale::slider_length = 26 - GtkScale::slider_width = 26 - GtkScale::trough-side-details = 1 - - GtkProgressBar::min-horizontal-bar-height = 6 - GtkProgressBar::min-vertical-bar-width = 6 - # Making this bigger than the min[height,width]-2*[y,x]spacing makes the - # whole progressbar thicker, so by setting it to the exact above value - # we get the maximum spacing between the text and the edges without - # doing so. - 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 = 2 - GtkMenu::double-arrows = 0 - GtkMenuItem::arrow-scaling = 1 - GtkMenuItem::toggle-spacing = 10 - - GtkCheckButton::indicator_spacing = 3 - GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} - - 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 = 4 - - ########## - # Colors # - ########## - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = @insensitive_bg_color - bg[ACTIVE] = @bg_color - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = @insensitive_fg_color - fg[ACTIVE] = @fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @selected_fg_color - text[INSENSITIVE] = @insensitive_fg_color - text[ACTIVE] = @selected_fg_color - - base[NORMAL] = @base_color - base[PRELIGHT] = shade (0.95, @bg_color) - base[SELECTED] = @selected_bg_color - base[INSENSITIVE] = @insensitive_bg_color - base[ACTIVE] = @selected_bg_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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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/menu-pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/menu-pan-left-hover.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/menu-pan-left-insensitive.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/menu-pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/menu-pan-right-hover.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/menu-pan-right-insensitive.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_up" - overlay_file = "assets/menu-pan-up-insensitive.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_up" - overlay_file = "assets/menu-pan-up.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_down" - overlay_file = "assets/menu-pan-down-insensitive.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_down" - overlay_file = "assets/menu-pan-down.png" - overlay_stretch = FALSE - } - - # Regular arrows - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-left.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-right.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - ###################### - # Option Menu Arrows # - ###################### - - image { - function = TAB - state = NORMAL - overlay_file = "assets/pan-down.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-insensitive.png" - overlay_stretch = FALSE - } - - ######### - # Lines # - ######### - - image { - function = VLINE - file = "assets/line.png" - border = {1, 0, 0, 0} - } - - image { - function = HLINE - file = "assets/line.png" - border = {0, 0, 1, 0} - } - - ######### - # Focus # - ######### - - image { - function = FOCUS - file = "assets/focus.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - ########### - # Handles # - ########### - - image { - function = HANDLE - detail = "handlebox" - overlay_file = "assets/handle.png" - overlay_stretch = FALSE - } - - image { - function = HANDLE - file = "assets/handle-horz.png" - border = {0, 0, 4, 4} - orientation = HORIZONTAL - } - - image { - function = HANDLE - file = "assets/handle-vert.png" - border = {4, 4, 0, 0} - orientation = VERTICAL - } - - image { - function = RESIZE_GRIP - } - - ############# - # Expanders # - ############# - - image { - function = EXPANDER - expander_style = EXPANDED - file = "assets/pan-down.png" - } - - # LTR - - image { - function = EXPANDER - expander_style = COLLAPSED - file = "assets/pan-right.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 - file = "assets/pan-left.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-left-active.png" - border = {3, 0, 3, 3} - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - file = "assets/tab-left.png" - border = {3, 0, 3, 3} - stretch = TRUE - gap_side = RIGHT - } - - # Right - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab-right-active.png" - border = {0, 3, 3, 3} - stretch = TRUE - gap_side = LEFT - } - - image { - function = EXTENSION - file = "assets/tab-right.png" - border = {0, 3, 3, 3} - stretch = TRUE - gap_side = LEFT - } - - # Up - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab-up-active.png" - border = {3, 3, 3, 0} - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - file = "assets/tab-up.png" - border = {3, 3, 3, 0} - stretch = TRUE - gap_side = BOTTOM - } - - # Down - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab-down-active.png" - border = {3, 3, 0, 3} - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - file = "assets/tab-down.png" - border = {3, 3, 0, 3} - stretch = TRUE - 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-vert-gap.png" - gap_border = {1, 0, 1, 1} - 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-vert-gap.png" - gap_border = {0, 1, 1, 1} - 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-horz-gap.png" - gap_border = {1, 1, 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-horz-gap.png" - gap_border = {1, 1, 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-trough.png" - border = {1, 0, 0, 0} - orientation = VERTICAL - direction = LTR - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-trough-rtl.png" - border = {0, 1, 0, 0} - orientation = VERTICAL - direction = RTL - } - - - # Disable insensitive sliders - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - } - - # Horizontal sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-horz-slider.png" - border = {6, 6, 7, 6 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-horz-slider-hover.png" - border = {6, 6, 7, 6 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-active.png" - border = {6, 6, 7, 6 } - stretch = TRUE - orientation = HORIZONTAL - } - - # Vertical sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-slider.png" - border = {7, 6, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-slider-hover.png" - border = {7, 6, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-slider-active.png" - border = {7, 6, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - # RTL - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-slider-rtl.png" - border = {6, 7, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-slider-hover-rtl.png" - border = {6, 7, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-slider-active-rtl.png" - border = {6, 7, 6, 6} - 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 = {10, 10, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {10, 10, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 10, 10} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 10, 10} - 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-insensitive.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-insensitive.png" - } - - ########### - # Menubar # - ########### - - image { - function = BOX - detail = "menubar" - file = "assets/line.png" - border = {0, 0, 0, 1} - } - - ######### - # Menus # - ######### - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_up" - file = "assets/line.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_up" - file = "assets/line.png" - border = {0, 0, 0, 1} - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_down" - file = "assets/line.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_down" - file = "assets/line.png" - border = {0, 0, 1, 0} - } - - ########### - # Entries # - ########### - - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {4, 4, 4, 4} - 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-insensitive.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 = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-ltr-up-hover.png" - border = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-active.png" - border = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-insensitive.png" - border = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up-insensitive.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Up RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-rtl-up.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-insensitive.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up-insensitive.png" - overlay_stretch = FALSE - direction = RTL - } - - # Spin-Down LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-ltr-down.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-ltr-down-hover.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-active.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-insensitive.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down-insensitive.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Down RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-rtl-down.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-rtl-down-hover.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-active.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-insensitive.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down-insensitive.png" - overlay_stretch = FALSE - direction = RTL - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-horz.png" - stretch = TRUE - border = {2, 2, 1, 1} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-vert.png" - stretch = TRUE - border = {1, 1, 2, 2} - 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" { - - # Needed to fix Firefox's menubar text - bg[SELECTED] = @selected_fg_color - fg[SELECTED] = @link_color - -} - -style "menubar_item" { - - xthickness = 3 - ythickness = 4 - - fg[PRELIGHT] = @link_color - - engine "pixmap" { - image { - function = BOX - state = PRELIGHT - file = "assets/menubar-item-active.png" - border = {0, 0, 0, 3} - } - } - -} - -style "menu" { - - xthickness = 0 - ythickness = 0 - - bg[NORMAL] = @menu_color - bg[INSENSITIVE] = @menu_color - bg[PRELIGHT] = @menu_color - bg[SELECTED] = @selected_bg_color - -} - -style "menu_item" { - - xthickness = 3 - ythickness = 4 - - bg[PRELIGHT] = @selected_bg_color - # Chromium uses this setting - bg[SELECTED] = @selected_bg_color - - fg[PRELIGHT] = @selected_fg_color - # Some widgets use text, we need to handle that - text[NORMAL] = @fg_color - text[PRELIGHT] = @selected_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.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-checkbox-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-checkbox.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-insensitive.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-hover.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-insensitive.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-hover.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-insensitive.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-radio.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-radio-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-radio.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-radio-insensitive.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-hover.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-insensitive.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-hover.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-insensitive.png" - overlay_stretch = FALSE - } - - - - } - -} - -style "separator_menu_item" { - - xthickness = 0 - ythickness = 0 - - engine "pixmap" { - image { - function = BOX - file = "assets/line.png" - } - } - -} - -style "button" { - - xthickness = 2 - ythickness = 2 - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/button-hover.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/button-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - } -} - -style "link_button" { - - # Disable the button effect, leave just the link - engine "pixmap" { - image { - function = BOX - } - } - -} - -style "entry" { - - # We set this same as the border of the border of the entry - # This way there's no overlap - xthickness = 4 - ythickness = 4 - -} - -style "combobox" { - - xthickness = 6 - ythickness = 4 - - # This affects only the button beside an entry - GtkButton::inner-border = {0, 0, 0, 0} - -} - -style "combobox_cellview" { - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_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, 1, 0, 0} - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-entry-ltr-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-entry-ltr-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-entry-ltr-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-entry-rtl-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-entry-rtl-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-entry-rtl-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - ############## - # LTR button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-entry-ltr-button.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-entry-ltr-button-hover.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-entry-ltr-button-active.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-entry-ltr-button-insensitive.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - ############## - # RTL button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-entry-rtl-button.png" - border = {4, 0, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-entry-rtl-button-hover.png" - border = {4, 0, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-entry-rtl-button-active.png" - border = {4, 0, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-entry-rtl-button-insensitive.png" - border = {4, 0, 4, 4} - 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 = {6, 8, 4, 4} - -} - -style "notebook" { - - xthickness = 5 - ythickness = 2 - -} - -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" { - - engine "pixmap" { - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/notebook-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - } -} - -style "normal_bg" { - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[INSENSITIVE] = @insensitive_bg_color -} - -style "normal_entry" { - - engine "pixmap" { - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - } -} - -style "notebook_combo" { - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/notebook-combo-entry-ltr-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-combo-entry-ltr-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/notebook-combo-entry-rtl-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-combo-entry-rtl-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - } - -} - -style "textview" { - bg[NORMAL] = @base_color -} - -style "scale_horz" { - - engine "pixmap" { - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {10, 10, 0, 0} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {10, 10, 0, 0} - stretch = TRUE - } - - } - -} - -style "scale_vert" { - - engine "pixmap" { - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 10, 10} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 10, 10} - stretch = TRUE - } - - } - -} - -style "progressbar" { - - xthickness = 1 - ythickness = 1 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-horz-trough.png" - border = {3, 3, 2, 2} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-vert-trough.png" - border = {2, 2, 3, 3} - stretch = TRUE - orientation = VERTICAL - } - - } - -} - -style "treeview_header" { - - xthickness = 1 - ythickness = 0 - - fg[NORMAL] = @column_header_color - fg[PRELIGHT] = @hover_column_header_color - - font_name = "Bold" - - GtkButton::inner-border = {5, 5, 0, 1} - - engine "pixmap" { - - image { - function = BOX - file = "assets/treeview-separator-ltr.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - file = "assets/treeview-separator-rtl.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/treeview-pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/treeview-pan-up-hover.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/treeview-pan-up-active.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/treeview-pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/treeview-pan-down-hover.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/treeview-pan-down-active.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 "toolbar_button" { - - xthickness = 2 - ythickness = 2 - - GtkButton::inner-border = {2, 2, 2, 2} - -} - -style "toolbar_separator" { - - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 1 - - engine "pixmap" { - image { - function = BOX - file = "assets/line.png" - } - } - -} - -style "inline_toolbar" { - - GtkToolbar::button-relief = GTK_RELIEF_NORMAL - - engine "pixmap" { - image { - function = SHADOW - file = "assets/frame-inline.png" - border = {1, 1, 0, 1} - stretch = TRUE - } - } - -} - -style "tooltip" { - - xthickness = 13 - ythickness = 13 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color - -} - -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" -# And disable separators on them -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 - -# Toolbar buttons have different paddings -widget_class "**" style "toolbar_button" - -# 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" -widget_class "***" style "notebook_combo" -widget_class "***" style "notebook_combo" - -# 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" -widget_class "****" style "combobox_entry" -widget_class "****" style "combobox_entry" -widget_class "***." style "combo_button_padding" - -# ComboBoxes tend to draw the button label with text[] -# instead of fg[], we need to fix that -widget_class "**" style "combobox_cellview" - -# GTK tooltips -widget "gtk-tooltip*" style "tooltip" diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.svg b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.svg deleted file mode 100644 index c0299734..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png deleted file mode 100644 index 0ed01194..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png deleted file mode 100644 index 2f26a510..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.svg b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.svg deleted file mode 100644 index bac5cd6a..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.svg +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.symbolic.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.symbolic.png deleted file mode 100644 index 21be6127..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.symbolic.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png deleted file mode 100644 index 2c2a0ddb..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black.png deleted file mode 100644 index 2d90544e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black@2.png deleted file mode 100644 index 09db8b2f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white.png deleted file mode 100644 index 70618145..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white@2.png deleted file mode 100644 index a81f5172..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.svg b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.svg deleted file mode 100644 index 7886d541..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png deleted file mode 100644 index c20d4bac..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png deleted file mode 100644 index d2b3385e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png deleted file mode 100644 index b9c2a745..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png deleted file mode 100644 index 0733be88..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo.png deleted file mode 100644 index c5abba33..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png deleted file mode 100644 index 5b61c912..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark.png deleted file mode 100644 index f2e61a2b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark@2.png deleted file mode 100644 index c4c45728..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize.png deleted file mode 100644 index 2d82891f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize@2.png deleted file mode 100644 index 9f68f675..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark.png deleted file mode 100644 index 3cd96980..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark@2.png deleted file mode 100644 index 026b0185..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize.png deleted file mode 100644 index 798de286..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize@2.png deleted file mode 100644 index fc5771c1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png deleted file mode 100644 index c0fff40f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png deleted file mode 100644 index 1ed6fd58..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png deleted file mode 100644 index 47a6007d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png deleted file mode 100644 index 0359eb74..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png deleted file mode 100644 index de735a3c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png deleted file mode 100644 index d08be88c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png deleted file mode 100644 index de735a3c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png deleted file mode 100644 index d08be88c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png deleted file mode 100644 index a228a98d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png deleted file mode 100644 index 17fa9de3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png deleted file mode 100644 index c5576dee..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png deleted file mode 100644 index 9f7ff4df..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png deleted file mode 100644 index 552a9ded..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png deleted file mode 100644 index 27dcb79e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png deleted file mode 100644 index 547e7862..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png deleted file mode 100644 index 7591a1cc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png deleted file mode 100644 index 23d1d70a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png deleted file mode 100644 index aaa54ce8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png deleted file mode 100644 index de735a3c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png deleted file mode 100644 index d08be88c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png deleted file mode 100644 index a228a98d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index 17fa9de3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png deleted file mode 100644 index 9c72027c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png deleted file mode 100644 index 4acaf693..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png deleted file mode 100644 index 4fc024e9..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png deleted file mode 100644 index ab85f970..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png deleted file mode 100644 index aa1943d1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png deleted file mode 100644 index 199e00fa..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png deleted file mode 100644 index e5fef501..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png deleted file mode 100644 index 81dda220..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png deleted file mode 100644 index e5fef501..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png deleted file mode 100644 index 81dda220..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png deleted file mode 100644 index 43578f47..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png deleted file mode 100644 index b4c6871c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png deleted file mode 100644 index e8e835d0..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png deleted file mode 100644 index 3c1d4788..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png deleted file mode 100644 index 1885b0b1..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png deleted file mode 100644 index b613d121..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png deleted file mode 100644 index 679f129e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png deleted file mode 100644 index e9921c95..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png deleted file mode 100644 index 5219a662..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png deleted file mode 100644 index f0fbebd8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png deleted file mode 100644 index e5fef501..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png deleted file mode 100644 index 81dda220..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png deleted file mode 100644 index e8e835d0..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png deleted file mode 100644 index 3c1d4788..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png deleted file mode 100644 index b6d9d6ab..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png deleted file mode 100644 index a210b686..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png deleted file mode 100644 index a4512f9b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png deleted file mode 100644 index 42e98e35..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png deleted file mode 100644 index 2adff0a0..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png deleted file mode 100644 index 41588a9b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png deleted file mode 100644 index 37d516b3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png deleted file mode 100644 index 7ac53c41..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png deleted file mode 100644 index 37d516b3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png deleted file mode 100644 index 7ac53c41..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png deleted file mode 100644 index 350549cf..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png deleted file mode 100644 index 0a8131d2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png deleted file mode 100644 index 9b1f0aaa..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png deleted file mode 100644 index 0a8131d2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png deleted file mode 100644 index b2718cfb..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png deleted file mode 100644 index 53c28382..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png deleted file mode 100644 index acc6e6c0..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png deleted file mode 100644 index 9107ff35..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png deleted file mode 100644 index d245c109..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png deleted file mode 100644 index 88a4de74..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png deleted file mode 100644 index 37d516b3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png deleted file mode 100644 index 7ac53c41..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png deleted file mode 100644 index 350549cf..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index 50807887..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png deleted file mode 100644 index 0eab7cbe..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png deleted file mode 100644 index f9706301..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png deleted file mode 100644 index bc7ed6e6..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png deleted file mode 100644 index 107c2e11..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png deleted file mode 100644 index 373acb01..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png deleted file mode 100644 index 2d132127..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png deleted file mode 100644 index 3d22e92b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png deleted file mode 100644 index cb292ea2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png deleted file mode 100644 index 3d22e92b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png deleted file mode 100644 index cb292ea2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png deleted file mode 100644 index 4e2aaee3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png deleted file mode 100644 index 4b024b6b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png deleted file mode 100644 index 4e2aaee3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png deleted file mode 100644 index 4b024b6b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png deleted file mode 100644 index 3db1adbe..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png deleted file mode 100644 index a83633a3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png deleted file mode 100644 index 8d222e5e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png deleted file mode 100644 index 6d7b4946..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png deleted file mode 100644 index 9fc726b6..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png deleted file mode 100644 index b2134623..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png deleted file mode 100644 index 3d22e92b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png deleted file mode 100644 index cb292ea2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png deleted file mode 100644 index 4e2aaee3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png deleted file mode 100644 index 333b068c..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png deleted file mode 100644 index 7e72cd89..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png deleted file mode 100644 index f6393565..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark.png deleted file mode 100644 index 6b05f5f2..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png deleted file mode 100644 index 96618412..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active.png deleted file mode 100644 index 1884e84d..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active@2.png deleted file mode 100644 index c0f7fb9e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark.png deleted file mode 100644 index 669de792..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark@2.png deleted file mode 100644 index d1b2b838..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark.png deleted file mode 100644 index 0be10849..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png deleted file mode 100644 index 2eef4d8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover.png deleted file mode 100644 index fcffa6e8..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover@2.png deleted file mode 100644 index 17a80775..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end.png deleted file mode 100644 index c644680e..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end@2.png deleted file mode 100644 index 2ecd2db3..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark.png deleted file mode 100644 index 3bddebe9..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png deleted file mode 100644 index e6e4bdfa..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active.png deleted file mode 100644 index 4d566b13..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active@2.png deleted file mode 100644 index 02ba7a06..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark.png deleted file mode 100644 index 64be8427..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark@2.png deleted file mode 100644 index 2fe0233f..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark.png deleted file mode 100644 index 09b93772..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png deleted file mode 100644 index 26f44622..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover.png deleted file mode 100644 index 942c1448..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover@2.png deleted file mode 100644 index fbd7c7aa..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start.png deleted file mode 100644 index 3983ed2a..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start@2.png deleted file mode 100644 index 25018ba5..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton.png deleted file mode 100644 index 5b1fb6a9..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton@2.png b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton@2.png deleted file mode 100644 index 5e21d2fc..00000000 Binary files a/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton@2.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/gtk-dark.css b/share/themes/Kali-Purple-Dark/gtk-3.0/gtk-dark.css deleted file mode 120000 index 78c9d4e3..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1 +0,0 @@ -gtk.css \ No newline at end of file diff --git a/share/themes/Kali-Purple-Dark/gtk-3.0/gtk.css b/share/themes/Kali-Purple-Dark/gtk-3.0/gtk.css deleted file mode 100644 index 4252c9c7..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-3.0/gtk.css +++ /dev/null @@ -1,7160 +0,0 @@ -/*************************** - * Check and Radio buttons * - ***************************/ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #bf1717; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #a400a4; } - -/*************** - * Base States * - ***************/ -.background { - color: #eeeeec; - background-color: #23252e; } - .background:backdrop { - color: #888a8d; - background-color: #23252e; - text-shadow: none; - -gtk-icon-shadow: none; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - color: #eeeeec; - background-color: #23252e; } - .gtkstyle-fallback:hover { - color: #eeeeec; - background-color: #383d4b; } - .gtkstyle-fallback:active { - color: #eeeeec; - background-color: #0d0e11; } - .gtkstyle-fallback:disabled { - color: #888a8d; - background-color: #242731; } - .gtkstyle-fallback:selected { - color: #ffffff; - background-color: #a400a4; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: white; - background-color: #272a34; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: #d4d5d7; - background-color: #292c37; } - .view:backdrop:disabled, iconview:backdrop:disabled, - .view text:backdrop:disabled, - iconview text:backdrop:disabled, - textview text:backdrop:disabled { - color: #43495a; } - .view:disabled, iconview:disabled, - .view text:disabled, - iconview text:disabled, - textview text:disabled { - color: #888a8d; - background-color: #242731; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 3px; } - -textview border { - background-color: #252831; } - -.rubberband, -rubberband, -.content-view rubberband, -.content-view .rubberband, -treeview.view rubberband, -flowbox rubberband { - border: 1px solid #710071; - background-color: rgba(113, 0, 113, 0.2); } - -flowbox flowboxchild { - padding: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -.content-view .tile { - margin: 2px; - background-color: black; - border-radius: 0; - padding: 0; } - .content-view .tile:backdrop { - background-color: #1e2128; } - .content-view .tile:active, .content-view .tile:selected { - background-color: #a400a4; } - .content-view .tile:disabled { - background-color: #242731; } - -label { - caret-color: currentColor; } - label selection { - background-color: #a400a4; - color: #ffffff; } - label:disabled { - color: #888a8d; } - button label:disabled { - color: inherit; } - label:disabled:backdrop { - color: #43495a; } - button label:disabled:backdrop { - color: inherit; } - label.error { - color: #bf1717; } - label.error:disabled { - color: rgba(191, 23, 23, 0.5); } - label.error:disabled:backdrop { - color: rgba(191, 23, 23, 0.4); } - -.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, label.separator { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: #272a34; - border-top: 1px solid #0d0e11; } - assistant .sidebar:backdrop { - background-color: #292c37; - border-color: #0d0e11; } - -assistant.csd .sidebar { - border-top-style: none; } - -assistant .sidebar label { - padding: 6px 12px; } - -assistant .sidebar label.highlight { - background-color: #4b4d54; } - -.osd .scale-popup, .app-notification, -.app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, -.osd { - color: white; - border: none; - background-color: #303340; - background-clip: padding-box; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:backdrop { - color: #888a8d; } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/********************** - * General Typography * - **********************/ -.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-heading { - font-weight: 700; - font-size: 9pt; } - -.caption { - font-weight: 400; - font-size: 9pt; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 28px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: white; - border-color: #0d0e11; - background-color: #272a34; - box-shadow: inset 0 0 0 1px rgba(164, 0, 164, 0); } - spinbutton:not(.vertical) image.left, - entry image.left { - margin-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - margin-left: 6px; } - spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton:focus:not(.vertical), - entry:focus { - box-shadow: inset 0 0 0 1px #a400a4; - border-color: #0b000b; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; - box-shadow: none; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: #d4d5d7; - border-color: #0d0e11; - background-color: #292c37; - box-shadow: none; - transition: 200ms ease-out; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-color: #242731; - box-shadow: none; } - spinbutton.error:not(.vertical), - entry.error { - color: #bf1717; - border-color: #200404; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - box-shadow: inset 0 0 0 1px #bf1717; - border-color: #200404; } - spinbutton.error:not(.vertical) selection, - entry.error selection { - background-color: #bf1717; } - spinbutton.warning:not(.vertical), - entry.warning { - color: #fd7d00; - border-color: #4b2500; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - box-shadow: inset 0 0 0 1px #fd7d00; - border-color: #4b2500; } - spinbutton.warning:not(.vertical) selection, - entry.warning selection { - background-color: #fd7d00; } - spinbutton:not(.vertical) image, - entry image { - color: #c6c7c7; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: #eeeeec; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: #a400a4; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: #75777c; } - spinbutton:drop(active):not(.vertical), - entry:drop(active):focus, - entry:drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - .osd spinbutton:not(.vertical), .osd entry { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd entry:focus { - color: white; - border-color: #a400a4; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #a400a4; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #97999f; - border-color: black; - background-color: rgba(68, 72, 83, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #a400a4; - border-style: solid; - box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { - background-color: transparent; } - -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { - border-left-color: #0b000b; } - -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { - border-left-color: #200404; } - -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #19a187; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #1f222a; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #21232c; } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #1f222a; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: #0b000b; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus.error:not(:only-child) { - border-top-color: #200404; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #19a187; } - -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + entry, -.linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #0b000b; } - -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus.error:not(:only-child) + entry, -.linked.vertical > entry:focus.error:not(:only-child) + button, -.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { - border-top-color: #200404; } - -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + entry, -.linked.vertical > entry:drop(active):not(:only-child) + button, -.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #19a187; } - -spinbutton.error:not(.vertical), -entry.error { - color: #bf1717; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #272a34; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #272a34; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #a400a4; } - -.entry-tag { - padding: 5px; - margin-top: 2px; - margin-bottom: 2px; - border-style: none; - color: #272a34; - background-color: #8b8c90; } - :dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: -5px; } - :dir(rtl) .entry-tag { - margin-left: -5px; - margin-right: 8px; } - .entry-tag:hover { - background-color: #a5a6a9; } - :backdrop .entry-tag { - color: #292c37; - background-color: #595b62; } - .entry-tag.button { - background-color: transparent; - color: rgba(39, 42, 52, 0.7); } - :not(:backdrop) .entry-tag.button:hover { - border: 1px solid #8b8c90; - color: #272a34; } - :not(:backdrop) .entry-tag.button:active { - background-color: #8b8c90; - color: rgba(39, 42, 52, 0.7); } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f100f1), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#a400a4), to(transparent)); } } - -button.titlebutton, notebook > header > tabs > arrow, -button { - min-height: 24px; - min-width: 16px; - padding: 2px 6px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button:active, - button:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, - button:backdrop.flat, - button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - color: #43495a; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { - color: #888a8d; - border-color: #17191f; - background-image: image(#16181d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.image-button, - button.image-button { - min-width: 24px; - padding-left: 2px; - padding-right: 2px; } - notebook > header > tabs > arrow.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { - color: #19a187; - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #888a8d; } - - -button.osd { - min-width: 26px; - min-height: 32px; - color: white; - border-radius: 5px; - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 34px; } - - button.osd:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd:disabled:backdrop, - button.osd:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - - button.osd:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - -.app-notification button, -.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - - -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a400a4; } - - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - color: #e5cde5; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - color: #ab5dac; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(164, 0, 164, 0.8); } - - button.suggested-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #c79bc8; - border-color: #710071; - background-image: image(#740576); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd button.suggested-action { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a400a4); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd button.suggested-action:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #991212; - border-bottom-color: #6b0d0d; - background-image: image(#c61717); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a61414; } - - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - border-bottom-color: #4b0909; - background-image: linear-gradient(to top, #a21313, #ab1414 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - background-image: image(#7d0f0f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - color: #edd0d0; - border-color: #790e0e; - background-image: image(#a61414); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - color: #e6d0d0; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - color: #ad6667; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(166, 20, 20, 0.8); } - - button.destructive-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #c9a1a1; - border-color: #790e0e; - background-image: image(#791314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd button.destructive-action { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a61414); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd button.destructive-action:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -.stack-switcher > button { - outline-offset: -3px; } - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > button.image-button { - padding-left: 2px; - padding-right: 2px; } - .stack-switcher > button.needs-attention:active > label, - .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, - .stack-switcher > button.needs-attention:checked > image { - animation: none; - background-image: none; } - - -button.font separator, -button.file separator { - background-color: transparent; } - - -button.font > box > box > label { - font-weight: bold; } - -.primary-toolbar button { - -gtk-icon-shadow: none; } - - -button.circular { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 2px; - /* circles instead of ellipses */ - background-origin: padding-box, border-box; - background-clip: padding-box, border-box; } - - button.circular label { - padding: 0; } - - button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: transparent; } - - button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: transparent; } - -stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f100f1), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, - .stack-switcher > button.needs-attention > image:backdrop { - background-size: 6px 6px, 0 0; } - stacksidebar 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, left 2px; } - -.inline-toolbar toolbutton > button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .inline-toolbar toolbutton > button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .inline-toolbar toolbutton > button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: #888a8d; - border-color: #17191f; - background-image: image(#16181d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: #43495a; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { - border-right-style: none; - border-radius: 0; - -gtk-outline-radius: 0; } - -.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - -gtk-outline-top-left-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; } - -.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-right-style: solid; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-top-right-radius: 4px; - -gtk-outline-bottom-right-radius: 4px; } - -.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-style: solid; - border-radius: 4px; - -gtk-outline-radius: 4px; } - -.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { - border-style: solid solid none solid; - border-radius: 0; - -gtk-outline-radius: 0; } - -.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - -gtk-outline-top-left-radius: 4px; - -gtk-outline-top-right-radius: 4px; } - -.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-style: solid; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; - -gtk-outline-bottom-right-radius: 4px; } - -.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-style: solid; - border-radius: 4px; - -gtk-outline-radius: 4px; } - -.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, button:link, -button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, -.menuitem.button.flat { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 4px; - outline-offset: -2px; } - modelbutton.flat:hover, - .menuitem.button.flat:hover { - background-color: #3b3e46; } - -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow:hover { - background: none; } - 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 { - padding: 4px; } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - -/* list buttons */ -/* tone down as per new designs, see issue #1473, #1748 */ -list row button.image-button:not(.flat) { - border: 1px solid rgba(13, 14, 17, 0.5); } - list row button.image-button:not(.flat):hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/********* - * Links * - *********/ -button:link > label, -button:visited > label, button:link, -button:visited, -*:link { - color: #ff0bff; } - button:link > label:visited, - button:visited > label:visited, - button:visited, - *:link:visited { - color: #d700d7; } - *:selected button:link > label:visited, - *:selected button:visited > label:visited, - *:selected button:visited, *:selected *:link:visited { - color: #ef99ef; } - button:link > label:hover, - button:visited > label:hover, button:hover:link, - button:hover:visited, - *:link:hover { - color: #ff3eff; } - *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected button:hover:link, - *:selected button:hover:visited, *:selected *:link:hover { - color: #ffecff; } - button:link > label:active, - button:visited > label:active, button:active:link, - button:active:visited, - *:link:active { - color: #ff0bff; } - *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected button:active:link, - *:selected button:active:visited, *:selected *:link:active { - color: #ffceff; } - button:link > label:disabled, - button:visited > label:disabled, button:disabled:link, - button:disabled:visited, - *:link:disabled, - *:link:disabled:backdrop { - color: rgba(133, 133, 133, 0.8); } - button:link > label:backdrop, - button:visited > label:backdrop, button:backdrop:link, - button:backdrop:visited, - *:link:backdrop:backdrop:hover, - *:link:backdrop:backdrop:hover:selected, - *:link:backdrop { - color: rgba(255, 11, 255, 0.9); } - .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, - headerbar.selection-mode .subtitle:link, button:link > label:selected, - button:visited > label:selected, button:selected:link, - button:selected:visited, *:selected button:link > label, - *:selected button:visited > label, *:selected button:link, - *:selected button:visited, - *:link:selected, *:selected *:link { - color: #ffceff; } - -button:link, -button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked { - text-shadow: none; } - button:link > label, - button:visited > label { - text-decoration-line: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton { - font-feature-settings: "tnum"; } - spinbutton:not(.vertical) { - padding: 0; } - .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #dadada; - background-image: none; - border-style: none none none solid; - border-color: rgba(13, 14, 17, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:hover { - color: #eeeeec; - background-color: rgba(238, 238, 236, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: rgba(136, 138, 141, 0.3); - background-color: transparent; } - spinbutton:not(.vertical) button:active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) button:backdrop { - color: #7f8184; - background-color: transparent; - border-color: rgba(13, 14, 17, 0.3); - transition: 200ms ease-out; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(67, 73, 90, 0.3); - background-color: transparent; - background-image: none; - border-style: none none none solid; } - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - .osd spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.7); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(255, 255, 255, 0.1); - -gtk-icon-shadow: 0 1px black; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #97999f; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - spinbutton.vertical:disabled { - color: #888a8d; } - spinbutton.vertical:backdrop:disabled { - color: #43495a; } - spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } - spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; } - spinbutton.vertical button.up { - border-radius: 4px 4px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button.down { - border-radius: 0 0 4px 4px; - border-style: none solid solid solid; } - .osd spinbutton.vertical button:first-child { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton.vertical button:first-child:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - 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:drop(active) { - box-shadow: none; } - -/************ - * Toolbars * - ************/ -searchbar > revealer > box, -.location-bar, .inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #23252e; } - -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: #303340; } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - toolbar.horizontal separator { - margin: 0 7px 1px 6px; } - toolbar.vertical separator { - margin: 6px 1px 7px 0; } - toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar > revealer > box, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -searchbar > revealer > box { - margin: -6px; - padding: 6px; } - -.inline-toolbar, searchbar > revealer > box, -.location-bar { - border-style: solid; - border-color: #0d0e11; - background-color: #1c1e25; } - .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, - .location-bar:backdrop { - border-color: #0d0e11; - background-color: #1b1d24; - box-shadow: none; - transition: 200ms ease-out; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 40px; - border-width: 0 0 1px; - border-style: solid; - border-color: black; - border-radius: 0; - background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - /* Darken switchbuttons for headerbars. issue #1588 */ - /* hide the close button separator */ } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #0d0e11; - background-color: #23252e; - background-image: none; - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) stackswitcher button:checked, - .titlebar:not(headerbar) button.toggle:checked, - headerbar stackswitcher button:checked, - headerbar button.toggle:checked { - background: image(#0f1014); - border-color: #060708; - border-top-color: black; } - .titlebar:not(headerbar) stackswitcher button:checked:backdrop, - .titlebar:not(headerbar) button.toggle:checked:backdrop, - headerbar stackswitcher button:checked:backdrop, - headerbar button.toggle:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, - headerbar.selection-mode { - color: #ffffff; - border-color: #0b000b; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - background: #a400a4 linear-gradient(to top, #b800b8, #c300c3); - box-shadow: inset 0 1px rgba(167, 8, 167, 0.535); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, - headerbar.selection-mode:backdrop { - background-color: #a400a4; - background-image: none; - box-shadow: inset 0 1px rgba(168, 12, 168, 0.442); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, - headerbar.selection-mode:backdrop label { - text-shadow: none; - color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, - headerbar.selection-mode button { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, - headerbar.selection-mode button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, - headerbar.selection-mode button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, - headerbar.selection-mode button:active, - headerbar.selection-mode button:checked, - headerbar.selection-mode button.toggle:checked, - headerbar.selection-mode button.toggle:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - -gtk-icon-effect: none; - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked { - color: #e5cde5; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled { - color: #b85db9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:checked { - color: #ab5dac; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, - headerbar.selection-mode button.flat:backdrop, - headerbar.selection-mode button.flat:disabled, - headerbar.selection-mode button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, - headerbar.selection-mode button:disabled { - color: #c883c9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked { - color: #c79bc8; - border-color: #710071; - background-image: image(#740576); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, - headerbar.selection-mode button.suggested-action { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, - headerbar.selection-mode button.suggested-action:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, - headerbar.selection-mode button.suggested-action:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(164, 0, 164, 0); - background-color: rgba(164, 0, 164, 0); - background-image: none; - box-shadow: none; - min-height: 20px; - padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, - headerbar.selection-mode .selection-menu:backdrop arrow, - headerbar.selection-mode .selection-menu arrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, - headerbar.selection-mode .selection-menu:backdrop .arrow, - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - headerbar.default-decoration { - min-height: 28px; - padding: 4px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - .titlebar:not(headerbar) separator.titlebutton, - headerbar separator.titlebutton { - opacity: 0; } - .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button { - margin-top: 5px; - margin-bottom: 5px; } - -headerbar switch { - margin-top: 7px; - margin-bottom: 7px; } - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; } - -.background .titlebar:backdrop, .background .titlebar { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -.background.tiled .titlebar:backdrop, .background.tiled .titlebar, -.background.tiled-top .titlebar:backdrop, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar:backdrop, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar:backdrop, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar:backdrop, -.background.tiled-left .titlebar, -.background.maximized .titlebar:backdrop, -.background.maximized .titlebar, -.background.solid-csd .titlebar:backdrop, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 7px; } - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 7px; } - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } - -.titlebar:not(headerbar) separator { - background-color: #0d0e11; } - -window.devel headerbar.titlebar:not(.selection-mode) { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(164, 0, 164, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } - window.devel headerbar.titlebar:not(.selection-mode):backdrop { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); - /* background-color would flash */ } - -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-left-color: #8b8c90; - border-top-color: #23252e; } - * { - -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; } - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #d280d2; - border-top-color: rgba(238, 238, 236, 0.1); } - treeview.view:disabled { - color: #888a8d; } - treeview.view:disabled:selected { - color: #c866c8; } - treeview.view:disabled:selected:backdrop { - color: #b240b3; } - treeview.view:disabled:backdrop { - color: #43495a; } - treeview.view.separator { - min-height: 2px; - color: #23252e; } - treeview.view.separator:backdrop { - color: rgba(35, 37, 46, 0.1); } - treeview.view:backdrop { - border-left-color: #55585e; - border-top: #23252e; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0b000b; } - 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-end-symbolic"); - color: #bebfc2; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: white; } - treeview.view.expander:selected { - color: #e4b3e4; } - treeview.view.expander:selected:hover { - color: #ffffff; } - treeview.view.expander:selected:backdrop { - color: #c695c8; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: #6c6e73; } - treeview.view.progressbar { - background-color: #a400a4; - background-image: image(#a400a4); - box-shadow: none; } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: image(#272a34); } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - background-color: #292c37; } - treeview.view.progressbar:backdrop { - border-color: #292c37; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(238, 238, 236, 0.1); } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: #710071; } - treeview.view header button { - color: #8b8c90; - background-color: #272a34; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: #bdbdbe; - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #eeeeec; - transition: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: #272a34; - background-image: none; - background-color: #a400a4; - border-style: none; - border-radius: 0; - box-shadow: inset 0 0 0 1px #272a34; - text-shadow: none; - transition: none; } - treeview.view acceleditor > label { - background-color: #a400a4; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 0 6px; - background-image: none; - border-style: none solid solid none; - border-color: #4f5159; - border-radius: 0; - text-shadow: none; } - treeview.view header button:disabled { - border-color: #23252e; - background-image: none; } - treeview.view header button:backdrop { - color: #55585e; - border-color: #23252e; - border-style: none solid solid none; - background-image: none; - background-color: #292c37; } - treeview.view header button:backdrop:disabled { - border-color: #23252e; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - menubar:backdrop, - .menubar:backdrop { - background-color: #23252e; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), - .menubar > menuitem menu:dir(rtl), - .menubar > menuitem menu:dir(ltr) { - border-radius: 0; - padding: 0; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #a400a4; - color: #ff0bff; } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: #888a8d; - box-shadow: none; } - menubar .csd.popup decoration, - .menubar .csd.popup decoration { - border-radius: 0; } - -.background.popup { - background-color: transparent; } - -menu, -.menu, -.context-menu { - margin: 4px; - padding: 4px 0px; - background-color: #1f222a; - border: 1px solid #0d0e11; } - .csd menu, .csd .menu, .csd .context-menu { - border: none; - border-radius: 5px; } - menu:backdrop, - .menu:backdrop, - .context-menu:backdrop { - background-color: #282b35; } - menu menuitem, - .menu menuitem, - .context-menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover, - .context-menu menuitem:hover { - color: #ffffff; - background-color: #a400a4; } - menu menuitem:disabled, - .menu menuitem:disabled, - .context-menu menuitem:disabled { - color: #888a8d; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { - color: #43495a; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .context-menu menuitem:backdrop, - .context-menu menuitem:backdrop:hover { - color: #888a8d; - background-color: transparent; } - 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: 10px; } - 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: 10px; } - 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 > arrow, - .menu > arrow, - .context-menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #1f222a; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { - margin-top: -4px; - border-bottom: 1px solid #3b3e46; - border-top-right-radius: 5px; - border-top-left-radius: 5px; - -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-top: 1px solid #3b3e46; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { - background-color: #3b3e46; } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { - background-color: #282b35; } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -menuitem accelerator { - color: alpha(currentColor,0.55); } - -menuitem check, -menuitem radio { - min-height: 16px; - min-width: 16px; } - menuitem check:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - menuitem check:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } - -/*************** - * Popovers * - ***************/ -popover.background { - padding: 2px; - background-color: #1f222a; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd popover.background, popover.background { - border: 1px solid #0d0e11; - border-radius: 8px; } - .csd popover.background { - background-clip: padding-box; - border-color: rgba(0, 0, 0, 0.75); } - popover.background:backdrop { - background-color: #23252e; - box-shadow: none; } - popover.background > list, - popover.background > .view, - popover.background > iconview, - popover.background > toolbar { - border-style: none; - background-color: transparent; } - .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); } - popover.background separator { - margin: 3px; } - popover.background list separator { - margin: 0px; } - -/************* - * Notebooks * - *************/ -notebook > header { - padding: 1px; - border-color: #0d0e11; - border-width: 1px; - background-color: #1b1d24; } - notebook > header:backdrop { - border-color: #0d0e11; - background-color: #1b1d24; } - notebook > header tabs { - margin: -1px; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -4px #0d0e11; } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -4px #a400a4; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 4px #0d0e11; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 4px #a400a4; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -4px 0 #0d0e11; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -4px 0 #a400a4; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 4px 0 #0d0e11; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 4px 0 #a400a4; } - 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 { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -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 { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #eeeeec; - font-weight: normal; - border-width: 1px; - border-color: transparent; } - notebook > header tab:hover { - color: #eeeeec; - background-color: #1a1c23; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(13, 14, 17, 0.3); - background-color: rgba(35, 37, 46, 0.2); } - notebook > header tab:backdrop { - color: #5f6267; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #eeeeec; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(13, 14, 17, 0.5); - background-color: rgba(35, 37, 46, 0.5); } - notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(35, 37, 46, 0.7); } - notebook > header tab:backdrop:checked { - color: #888a8d; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #0d0e11; - background-color: #23252e; } - notebook > header tab button.flat { - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header tab button.flat:hover { - color: currentColor; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); } - notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none solid; } - notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid none; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } - -notebook > stack:not(:only-child) { - background-color: #272a34; } - notebook > stack:not(:only-child):backdrop { - background-color: #292c37; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-color: #272a34; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { - border-bottom: 1px solid #0d0e11; } - scrollbar.bottom { - border-top: 1px solid #0d0e11; } - scrollbar.left { - border-right: 1px solid #0d0e11; } - scrollbar.right { - border-left: 1px solid #0d0e11; } - scrollbar:backdrop { - background-color: #1c1e25; - border-color: #0d0e11; - transition: 200ms ease-out; } - scrollbar slider { - min-width: 8px; - min-height: 8px; - margin: -1px; - border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: #9d9ea0; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar slider:hover { - background-color: #c5c6c6; } - scrollbar slider:hover:active { - background-color: #a400a4; } - scrollbar slider:backdrop { - background-color: #4b4e54; } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - transition: none; - min-width: 6px; - min-height: 6px; } - scrollbar.fine-tune.horizontal slider { - border-width: 5px 4px; } - scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #eeeeec; - border: 1px solid black; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: #eeeeec; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid black; - -gtk-icon-source: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #9d9ea0; } - scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #c5c6c6; } - scrollbar button:active, scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a400a4; } - scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(157, 158, 160, 0.2); } - scrollbar button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #4b4e54; } - scrollbar button:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(75, 78, 84, 0.2); } - 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"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #0d0e11; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - outline-offset: -4px; - border: 1px solid #0d0e11; - border-radius: 14px; - color: #eeeeec; - background-color: #1b1d24; - text-shadow: 0 1px rgba(0, 0, 0, 0.1); - /* only show i / o for the accessible theme */ } - switch:checked { - color: #ffffff; - border-color: black; - background-color: #a400a4; - text-shadow: 0 1px rgba(11, 0, 11, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - switch:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; - text-shadow: none; } - switch:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-color: #1b1d24; - text-shadow: none; - transition: 200ms ease-out; } - switch:backdrop:checked { - border-color: #0b000b; - background-color: #a400a4; } - switch:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-color: #242731; } - switch slider { - margin: -1px; - min-width: 24px; - min-height: 24px; - border: 1px solid; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-outline-radius: 20px; - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #040405; - background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - switch image { - color: transparent; } - switch:hover slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #040405; - background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - switch:checked > slider { - border: 1px solid black; } - switch:disabled slider { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop slider { - transition: 200ms ease-out; - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop:checked > slider { - border-color: black; } - switch:backdrop:disabled slider { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list), -.content-view:not(list) check { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), -.content-view:not(list) check:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), -.content-view:not(list) check:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), -.content-view:not(list) check:backdrop { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), -.content-view:not(list) check:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), -.content-view:not(list) check:checked:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), -.content-view:not(list) check:checked:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), -.content-view:not(list) check:backdrop:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.8); - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -radio { - margin: 0 4px; - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; } - check:only-child, - radio:only-child { - margin: 0; } - popover check.left:dir(rtl), popover radio.left:dir(rtl) { - margin-left: 0; - margin-right: 12px; } - popover check.right:dir(ltr), popover radio.right:dir(ltr) { - margin-left: 12px; - margin-right: 0; } - check, - radio { - background-clip: padding-box; - background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #eeeeec; } - check:hover, - radio:hover { - background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } - check:active, - radio:active { - box-shadow: inset 0 1px 1px 0px black; } - check:disabled, - radio:disabled { - box-shadow: none; - color: rgba(238, 238, 236, 0.7); } - check:backdrop, - radio:backdrop { - background-image: image(#23252e); - box-shadow: none; - color: #eeeeec; } - check:backdrop:disabled, - radio:backdrop:disabled { - box-shadow: none; - color: rgba(238, 238, 236, 0.7); } - check:checked, - radio:checked { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #a400a4; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:checked:hover, - radio:checked:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:checked:active, - radio:checked:active { - box-shadow: inset 0 1px 1px 0px black; } - check:checked:disabled, - radio:checked:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:checked:backdrop, - radio:checked:backdrop { - background-image: image(#a400a4); - box-shadow: none; - color: #ffffff; } - check:checked:backdrop:disabled, - radio:checked:backdrop:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate, - radio:indeterminate { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #a400a4; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:indeterminate:hover, - radio:indeterminate:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:indeterminate:active, - radio:indeterminate:active { - box-shadow: inset 0 1px 1px 0px black; } - check:indeterminate:disabled, - radio:indeterminate:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate:backdrop, - radio:indeterminate:backdrop { - background-image: image(#a400a4); - box-shadow: none; - color: #ffffff; } - check:indeterminate:backdrop:disabled, - radio:indeterminate:backdrop:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:backdrop, - radio:backdrop { - transition: 200ms ease-out; } - .osd check, .osd radio { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:hover, .osd radio:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:active, .osd radio:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:backdrop, .osd radio:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem radio { - margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { - min-height: 14px; - min-width: 14px; - background-image: none; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - color: inherit; - border-color: currentColor; } - - -check { - border-radius: 3px; } - - check:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } - - check:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - -radio:active, -check:active { - -gtk-icon-transform: scale(0, 1); } - -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), -check:checked:not(:backdrop), -check:indeterminate:not(:backdrop) { - -gtk-icon-transform: unset; - transition: 400ms; } - -menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), -menu menuitem check:checked:not(:backdrop), -menu menuitem check:indeterminate:not(:backdrop) { - transition: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #ffffff; } - -/************ - * GtkScale * - ************/ -progressbar trough, scale fill, scale trough { - border: 1px solid #0d0e11; - border-radius: 3px; - background-color: #1b1d24; } - progressbar trough:disabled, scale fill:disabled, scale trough:disabled { - background-color: #242731; } - progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { - background-color: #1b1d24; - border-color: #0d0e11; - transition: 200ms ease-out; } - progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { - background-color: #242731; } - row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { - border-color: #0b000b; } - .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { - border-color: black; - background-color: rgba(0, 0, 0, 0.8); } - .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { - background-color: rgba(68, 72, 83, 0.5); } - -progressbar progress, scale highlight { - border: 1px solid #0b000b; - border-radius: 3px; - background-color: #a400a4; } - progressbar progress:disabled, scale highlight:disabled { - background-color: transparent; - border-color: transparent; } - progressbar progress:backdrop, scale highlight:backdrop { - border-color: #0b000b; } - progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { - background-color: transparent; - border-color: transparent; } - row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { - border-color: #0b000b; } - .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { - border-color: black; } - .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; } - scale fill, - scale highlight { - margin: -1px; } - scale slider { - min-height: 18px; - min-width: 18px; - margin: -9px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune slider { - margin: -6px; } - scale.fine-tune fill, - scale.fine-tune highlight, - scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; } - scale trough { - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale fill:backdrop, scale fill { - background-color: #0d0e11; } - scale fill:disabled:backdrop, scale fill:disabled { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: #404040; } - .osd scale fill:disabled:backdrop, .osd scale fill:disabled { - border-color: transparent; - background-color: transparent; } - scale slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: black; - background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border: 1px solid black; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale slider:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: black; - background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - scale slider:active { - border-color: #0b000b; } - scale slider:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop { - transition: 200ms ease-out; - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - row:selected scale slider:disabled, row:selected scale slider { - border-color: #0b000b; } - .osd scale slider { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border-color: black; - background-color: #303340; } - .osd scale slider:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #303340; } - .osd scale slider:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #303340; } - .osd scale slider:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: #303340; } - .osd scale slider:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: #303340; } - .osd scale slider:backdrop:disabled { - background-color: #303340; } - scale marks, - scale value { - color: alpha(currentColor,0.55); - font-feature-settings: "tnum"; } - scale.horizontal marks.top { - margin-bottom: 6px; - margin-top: -12px; } - scale.horizontal.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; } - scale.horizontal marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - scale.horizontal.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; } - scale.vertical marks.top { - margin-right: 6px; - margin-left: -12px; } - scale.vertical.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; } - scale.vertical marks.bottom { - margin-left: 6px; - margin-right: -12px; } - scale.vertical.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; } - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - scale.horizontal.fine-tune indicator { - min-height: 3px; } - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - scale.vertical.fine-tune indicator { - min-width: 3px; } - scale.horizontal.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.vertical.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.color { - min-height: 0; - min-width: 0; } - scale.color trough { - background-image: image(#0d0e11); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(238, 238, 236, 0.4); - font-feature-settings: "tnum"; } - progressbar.horizontal trough, - progressbar.horizontal progress { - min-height: 2px; } - progressbar.vertical trough, - progressbar.vertical progress { - min-width: 2px; } - progressbar.horizontal progress { - margin: 0 -1px; } - progressbar.vertical progress { - margin: -1px 0; } - progressbar:backdrop { - box-shadow: none; - transition: 200ms ease-out; } - progressbar progress { - border-radius: 1.5px; } - progressbar progress.left { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar progress.right { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } - progressbar progress.top { - border-top-right-radius: 2px; - border-top-left-radius: 2px; } - progressbar progress.bottom { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd progress { - border-style: none; - border-radius: 0; } - progressbar trough.empty progress { - all: unset; } - -/************* - * Level Bar * - *************/ -levelbar.horizontal block { - min-height: 1px; } - -levelbar.horizontal.discrete block { - margin: 0 1px; - min-width: 32px; } - -levelbar.vertical block { - min-width: 1px; } - -levelbar.vertical.discrete block { - margin: 1px 0; - min-height: 32px; } - -levelbar:backdrop { - transition: 200ms ease-out; } - -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: white; - border-color: #0d0e11; - background-color: #272a34; - box-shadow: inset 0 0 0 1px rgba(164, 0, 164, 0); } - levelbar trough:backdrop { - color: #d4d5d7; - border-color: #0d0e11; - background-color: #292c37; - box-shadow: none; } - -levelbar block { - border: 1px solid; - border-radius: 1px; } - levelbar block.low { - border-color: #fd7d00; - background-color: #fd7d00; } - levelbar block.low:backdrop { - border-color: #fd7d00; } - levelbar block.high, levelbar block:not(.empty) { - border-color: #a400a4; - background-color: #a400a4; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: #a400a4; } - levelbar block.full { - border-color: #308e63; - background-color: #308e63; } - levelbar block.full:backdrop { - border-color: #308e63; } - levelbar block.empty { - background-color: transparent; - border-color: rgba(238, 238, 236, 0.1); } - levelbar block.empty:backdrop { - border-color: rgba(136, 138, 141, 0.15); } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #eeeeec; - border: 1px solid #0d0e11; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #888a8d; - border-color: #0d0e11; } - -printdialog .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #0d0e11; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #0d0e11; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #0d0e11; } - actionbar > revealer > box:backdrop { - border-color: #0d0e11; } - -scrolledwindow viewport.frame { - border-style: none; } - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #0d0e11 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #272a34; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #0d0e11 1px, transparent 1px); - background-color: #1c1e25; - transition: 200ms ease-out; } - -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -list { - color: white; - background-color: #272a34; - border-color: #0d0e11; } - list:backdrop { - color: #d4d5d7; - background-color: #292c37; - border-color: #0d0e11; } - list row { - padding: 2px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(238, 238, 236, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #ab18ab; } - row.activatable:selected:backdrop { - background-color: #a400a4; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: #303340; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; - transition: 200ms ease-out; } - .app-notification border, - .app-notification.frame border { - border: none; } - -/************* - * Expanders * - *************/ -expander title > arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander title > arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander title > arrow:hover { - color: white; } - expander title > arrow:disabled { - color: #888a8d; } - expander title > arrow:disabled:backdrop { - color: #43495a; } - expander title > arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -calendar { - color: white; - border: 1px solid #0d0e11; } - calendar:selected { - border-radius: 3px; } - calendar.header { - border-bottom-color: rgba(0, 0, 0, 0.1); } - calendar.header:backdrop { - border-bottom-color: rgba(0, 0, 0, 0.1); } - calendar.button { - color: rgba(238, 238, 236, 0.45); } - calendar.button:hover { - color: #eeeeec; } - calendar.button:backdrop { - color: rgba(136, 138, 141, 0.45); } - calendar.button:disabled { - color: rgba(136, 138, 141, 0.45); } - calendar.highlight { - color: #888a8d; } - calendar.highlight:backdrop { - color: #43495a; } - calendar:backdrop { - color: #d4d5d7; - border-color: #0d0e11; } - calendar:indeterminate { - color: alpha(currentColor,0.1); } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #23252e; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -messagedialog.csd.background { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - -messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-right-style: none; - border-bottom-style: none; - border-radius: 0; - -gtk-outline-radius: 0; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 6px; - -gtk-outline-bottom-left-radius: 6px; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 6px; - -gtk-outline-bottom-right-radius: 6px; } - -filechooser .dialog-action-box { - border-top: 1px solid #0d0e11; } - filechooser .dialog-action-box:backdrop { - border-top-color: #0d0e11; } - -filechooser #pathbarbox { - border-bottom: 1px solid #23252e; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #252831; } - 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 #0d0e11; - 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 #0d0e11; - border-right-style: none; } - .sidebar:backdrop { - background-color: #262933; - border-color: #0d0e11; - transition: 200ms ease-out; } - .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 row { - padding: 10px 4px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -separator.sidebar { - background-color: #0d0e11; } - separator.sidebar:backdrop { - background-color: #0d0e11; } - separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: #3e003e; } - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - opacity: 0.7; } - -placessidebar > viewport.frame { - border-style: none; } - -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled { - color: #888a8d; } - placessidebar row:backdrop { - color: #888a8d; } - placessidebar row:backdrop:selected { - color: #d4d5d7; } - placessidebar row:backdrop:disabled { - color: #43495a; } - 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:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#19a187); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #a400a4; } - placessidebar row:drop(active):not(:disabled) { - color: #19a187; - box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #19a187; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } - -placesview row.activatable:hover { - background-color: transparent; } - -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(#0d0e11); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#a400a4); } - paned > separator:backdrop { - background-image: image(#0d0e11); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #23252e; - background-image: image(#0d0e11), image(#0d0e11); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #23252e; - background-image: image(#0d0e11), image(#0d0e11); } - -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-style: none; } - infobar.action:hover > revealer > box { - background-color: #2e562e; - border-bottom: 1px solid #181a20; } - infobar.info, infobar.question, infobar.warning, infobar.error { - text-shadow: none; } - infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { - background-color: #325c32; - border-bottom: 1px solid #181a20; } - infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { - color: #eeeeec; } - infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { - text-shadow: none; } - infobar.info button, infobar.question button, infobar.warning button, infobar.error button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0d0e11; } - infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0d0e11; } - infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { - color: #eeeeec; } - infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - background-color: #0d0e11; } - infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { - color: #ff0bff; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 4px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: 0 1px black; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); } - tooltip decoration { - background-color: transparent; } - tooltip * { - padding: 4px; - background-color: transparent; - color: white; } - -/***************** - * Color Chooser * - *****************/ -colorswatch:drop(active), colorswatch { - border-style: none; } - -colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - colorswatch.top overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - -colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - -colorswatch.dark { - outline-color: rgba(255, 255, 255, 0.6); } - colorswatch.dark overlay { - color: white; } - colorswatch.dark overlay:hover { - border-color: #0d0e11; } - colorswatch.dark overlay:backdrop { - color: rgba(255, 255, 255, 0.5); } - -colorswatch.light { - outline-color: rgba(0, 0, 0, 0.6); } - colorswatch.light overlay { - color: black; } - colorswatch.light overlay:hover { - border-color: #0d0e11; } - colorswatch.light overlay:backdrop { - color: rgba(0, 0, 0, 0.5); } - -colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - colorswatch:drop(active).dark overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - -colorswatch overlay { - border: 1px solid #0d0e11; } - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: #0d0e11; - box-shadow: none; } - -colorswatch#add-color-button { - border-radius: 5px 5px 0 0; } - colorswatch#add-color-button:only-child { - border-radius: 5px; } - colorswatch#add-color-button overlay { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch#add-color-button overlay:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch#add-color-button overlay:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -colorswatch:disabled { - opacity: 0.5; } - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } - -row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } - -colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #13151a; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #13151a; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } - -.scale-popup button:hover { - background-color: rgba(238, 238, 236, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 7px 7px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration { - border-radius: 0; - box-shadow: none; } - .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - .ssd decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - .csd.popup decoration { - border-radius: 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - tooltip.csd decoration { - border-radius: 5px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - .solid-csd decoration { - margin: 0; - padding: 4px; - background-color: #0d0e11; - border: solid 1px #0d0e11; - border-radius: 0; - box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } - .solid-csd decoration:backdrop { - box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } - -button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } - button.titlebutton:not(.appmenu) { - border-radius: 9999px; - padding: 5px; - margin: 0 2px; - min-width: 0; - min-height: 0; } - button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.selection-mode headerbar button.titlebutton, -.selection-mode .titlebar button.titlebutton, -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.742745); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.742745); } - .selection-mode headerbar button.titlebutton:backdrop, - .selection-mode .titlebar button.titlebutton:backdrop, - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.view:selected:focus, .view:selected, -.view text:selected:focus, -textview text:selected:focus, -.view text:selected, -textview text:selected, .view text selection:focus, .view text selection, -textview text selection:focus, -textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, -entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - background-color: #a400a4; } - label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, - .view text:selected:focus, - textview text:selected:focus, - .view text:selected, - textview text:selected, .view text selection:focus, .view text selection, - textview text selection:focus, - textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, - entry selection, modelbutton.flat:selected, - .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - color: #ffffff; } - label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, - textview text:disabled:selected:focus, - .view text:disabled:selected, - textview text:disabled:selected, .view text selection:disabled, - textview text selection:disabled:focus, - textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, - entry selection:disabled, modelbutton.flat:disabled:selected, - .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { - color: #d280d2; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - textview text:backdrop:selected, .view text selection:backdrop, - textview text selection:backdrop:focus, - textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, - entry selection:backdrop, modelbutton.flat:backdrop:selected, - .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { - color: #d4d5d7; } - filechooser placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, - textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, - entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #b240b3; } - -.monospace { - font-family: monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -.context-menu { - font: initial; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #eeeeec; - background-color: #272a34; - border: 1px solid; - border-color: #0d0e11; - border-radius: 5px; - box-shadow: inset 0 -3px #17191f; - font-size: smaller; } - .keycap:backdrop { - background-color: #292c37; - color: #888a8d; - transition: 200ms ease-out; } - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; - caret-color: #19a187; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************* - * App Icons * - *************/ -/* Outline for low res icons */ -.lowres-icon { - -gtk-icon-shadow: 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); } - -/* Dropshadow for large icons */ -.icon-dropshadow { - -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); } - -/********* - * Emoji * - ********/ -popover.emoji-picker { - padding-left: 0; - padding-right: 0; } - popover.emoji-picker entry.search { - margin: 3px 5px 5px 5px; } - -button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; - border-radius: 0; - margin: 2px 4px 2px 4px; - padding: 3px 0 0; - min-width: 32px; - min-height: 28px; - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; - outline-offset: -5px; } - button.emoji-section:first-child { - margin-left: 7px; } - button.emoji-section:last-child { - margin-right: 7px; } - button.emoji-section:backdrop:not(:checked) { - border-color: transparent; } - button.emoji-section:hover { - border-color: rgba(238, 238, 236, 0.1); } - button.emoji-section:checked { - border-color: #a400a4; } - button.emoji-section label { - padding: 0; - opacity: 0.55; } - button.emoji-section:hover label { - opacity: 0.775; } - button.emoji-section:checked label { - opacity: 1; } - -popover.emoji-picker .emoji { - font-size: x-large; - padding: 6px; } - popover.emoji-picker .emoji :hover { - background: #a400a4; - border-radius: 6px; } - -popover.emoji-completion arrow { - border: none; - background: none; } - -popover.emoji-completion contents row box { - padding: 2px 10px; } - -popover.emoji-completion .emoji:hover { - background: #3b3e46; } - -/*************************** - * Check and Radio buttons * - ***************************/ -row label.subtitle { - font-size: smaller; - opacity: 0.55; - text-shadow: none; } - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 50px; } - row > box.header > box.title { - margin-top: 8px; - margin-bottom: 8px; } - -row.expander { - background-color: transparent; } - row.expander list.nested > row { - background-color: alpha(#23252e, 0.5); - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - border-width: 1px 0px 0px 0px; } - row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); } - row.expander:not(:checked) image.expander-row-arrow { - opacity: 0.55; - text-shadow: none; } - row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(-0.25turn); } - row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(0.25turn); } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #a400a4; } - row.expander image.expander-row-arrow:disabled { - color: #888a8d; } - -flap > dimming, -deck > dimming, -leaflet > dimming { - background: rgba(0, 0, 0, 0.24); } - -flap > border, -deck > border, -leaflet > border { - min-width: 1px; - min-height: 1px; - background: #0d0e11; } - -flap > shadow, -deck > shadow, -leaflet > shadow { - min-width: 56px; - min-height: 56px; } - flap > shadow.left, - deck > shadow.left, - leaflet > shadow.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.right, - deck > shadow.right, - leaflet > shadow.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.up, - deck > shadow.up, - leaflet > shadow.up { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.down, - deck > shadow.down, - leaflet > shadow.down { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - -flap > outline, -deck > outline, -leaflet > outline { - min-width: 1px; - min-height: 1px; - background: transparent; } - -avatar { - border-radius: 9999px; - -gtk-outline-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: #fff; } - avatar.image { - background: none; } - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; } - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; } - statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { - margin-bottom: 12px; } - -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, -preferencespage > scrolledwindow > viewport > clamp { - margin: 0 12px; - transition: margin-bottom 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp > list, - preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { - transition: margin-top 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, - preferencespage > scrolledwindow > viewport > clamp.small { - margin-bottom: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.small > list, - preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { - margin-top: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, - preferencespage > scrolledwindow > viewport > clamp.medium { - margin-bottom: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.medium > list, - preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { - margin-top: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, - preferencespage > scrolledwindow > viewport > clamp.large { - margin-bottom: 30px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.large > list, - preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { - margin-top: 30px; } - -preferencesgroup > box > label:not(:first-child) { - margin-top: 6px; } - -preferencesgroup > box > box:not(:first-child) { - margin-top: 12px; } - -tabbar .tab-indicator:not(.clickable) { - background: none; - box-shadow: none; - border-color: transparent; } - -/*************************** - * Check and Radio buttons * - ***************************/ -popover.combo list { - min-width: 200px; } - -window.csd.unified:not(.solid-csd) headerbar { - border-radius: 0; } - -.windowhandle, .windowhandle * { - -GtkWidget-window-dragging: true; } - -popover.combo { - padding: 0px; } - popover.combo list { - border-style: none; - background-color: transparent; } - popover.combo list > row { - padding: 0px 12px 0px 12px; - min-height: 50px; } - popover.combo list > row:not(:last-child) { - border-bottom: 1px solid alpha(#0d0e11, 0.5); } - popover.combo list > row:first-child { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo list > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo overshoot.top { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo overshoot.bottom { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical { - padding-top: 2px; - padding-bottom: 2px; } - popover.combo scrollbar.vertical:dir(ltr) { - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical:dir(rtl) { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; } - -row.expander { - padding: 0px; } - row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; } - row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; } - -keypad .digit { - font-size: 200%; - font-weight: bold; } - -keypad .letters { - font-size: 70%; } - -keypad .symbol { - font-size: 160%; } - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; } - -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; - box-shadow: none; - font-size: 1rem; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; } - viewswitcher button:not(:only-child):not(:last-child) { - border-right-width: 0px; } - viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { - border-left-color: transparent; } - viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { - border-right-color: transparent; } - viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: image(lighter(#23252e)); } - viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(only-child):last-child:not(:checked):hover { - border-right-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } - headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { - border-right-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 12px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button > stack > box label.active { - font-weight: bold; } - viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { - animation: none; - background-image: none; } - viewswitcher button.needs-attention > stack > box label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 0px, right 1px; } - viewswitcher button.needs-attention > stack > box label:backdrop { - background-size: 6px 6px, 0 0; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px, left 1px; } - -viewswitcherbar actionbar > revealer > box { - padding: 0; } - -list.content, -list.content list { - background-color: transparent; } - -list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: mix(#23252e, #272a34, 0.5); } - -list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #272a34; } - -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row, -list.content > row list > row { - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - -list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - -list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 6px; } - -button.list-button:not(:active):not(:checked):not(:hover) { - background: none; - border: 1px solid alpha(#0d0e11, 0.5); - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 8px; } - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - color: rgba(238, 238, 236, 0.5); } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { - color: rgba(136, 138, 141, 0.5); } - -tabbar .box { - min-height: 38px; - background: #0f1014; - border-bottom: 1px solid black; } - tabbar .box:backdrop { - background-color: #0f1014; - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned undershoot { - border: 0 solid black; } - -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:backdrop undershoot { - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(ltr) { - padding-right: 1px; - box-shadow: inset -1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { - box-shadow: inset -1px 0 #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(rtl) { - padding-left: 1px; - box-shadow: inset 1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { - box-shadow: inset 1px 0 #0d0e11; } - -tabbar undershoot { - transition: none; } - tabbar undershoot.left { - background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - tabbar undershoot.right { - background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - -tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar tab { - border-style: solid; - border-color: black; - border-width: 0 1px 0 1px; - transition: background 150ms ease-in-out; - background-color: #16171d; } - tabbar tab:checked { - background-color: #23252e; } - tabbar tab:checked:hover { - background-color: #292c37; } - tabbar tab:hover { - background-color: #1c1e25; } - tabbar tab:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - tabbar tab:backdrop:checked { - background-color: #23252e; } - -tabbar .start-action, -tabbar .end-action { - background: #16171d; - border-color: black; - border-style: solid; - transition: background 150ms ease-in-out; } - tabbar .start-action:backdrop, - tabbar .end-action:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - 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(ltr) > *, - tabbar .end-action:dir(rtl) > * { - margin-right: 1px; } - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - border-left-width: 1px; } - tabbar .start-action:dir(rtl) > *, - tabbar .end-action:dir(ltr) > * { - margin-left: 1px; } - -.tab-drag-icon tab { - min-height: 26px; - background-color: #292c37; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(13, 14, 17, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); - margin: 25px; } - -tabbar tab, -.tab-drag-icon tab { - padding: 6px; } - tabbar tab.needs-attention, - .tab-drag-icon tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(164, 0, 164, 0.2) 15%, rgba(164, 0, 164, 0) 15%); } - tabbar tab .tab-close-button, - tabbar tab .tab-indicator, - .tab-drag-icon tab .tab-close-button, - .tab-drag-icon tab .tab-indicator { - padding: 0; - margin: 0; - min-width: 24px; - min-height: 24px; - border-radius: 99px; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - text-shadow: none; - background: none; } - tabbar tab .tab-close-button:hover, - tabbar tab .tab-indicator.clickable:hover, - .tab-drag-icon tab .tab-close-button:hover, - .tab-drag-icon tab .tab-indicator.clickable:hover { - background: alpha(#eeeeec, 0.15); } - tabbar tab .tab-close-button:active, - tabbar tab .tab-indicator.clickable:active, - .tab-drag-icon tab .tab-close-button:active, - .tab-drag-icon tab .tab-indicator.clickable:active { - background: alpha(black, 0.2); } - -* { - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 3px; - outline-color: alpha(currentColor,0.07); } - * button, * button:hover, * button:active, * button:checked, * button:focus { - outline-color: alpha(currentColor,0.07); } - -/********** - * Button * - **********/ -.titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, -.titlebar:not(headerbar) button.toggle:active, -.titlebar:not(headerbar) button.toggle:checked, -headerbar stackswitcher button:active, -headerbar stackswitcher button:checked, -headerbar button.toggle:active, -headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { - background: #1b1d24; - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - .titlebar:not(headerbar) stackswitcher button:backdrop:active, .titlebar:not(headerbar) stackswitcher button:backdrop:checked, - .titlebar:not(headerbar) button.toggle:backdrop:active, - .titlebar:not(headerbar) button.toggle:backdrop:checked, - headerbar stackswitcher button:backdrop:active, - headerbar stackswitcher button:backdrop:checked, - headerbar button.toggle:backdrop:active, - headerbar button.toggle:backdrop:checked, button.flat:backdrop:hover, button:active:backdrop, button:checked:backdrop { - box-shadow: none; } - -button.flat { - border-color: transparent; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.flat:hover { - transition: none; } - button.flat:link, button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -button.suggested-action { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.suggested-action:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.suggested-action:active, button.suggested-action:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - button.suggested-action:backdrop, button.suggested-action.flat:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - color: #e5cde5; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - color: #ab5dac; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - color: #c79bc8; - border-color: #710071; - background-image: image(#740576); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #991212; - border-bottom-color: #6b0d0d; - background-image: image(#c61717); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - border-bottom-color: #4b0909; - background-image: linear-gradient(to top, #a21313, #ab1414 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.destructive-action:active, button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - background-image: image(#7d0f0f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { - color: #edd0d0; - border-color: #790e0e; - background-image: image(#a61414); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - color: #e6d0d0; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - color: #ad6667; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - color: #c9a1a1; - border-color: #790e0e; - background-image: image(#791314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -/********** - * Entry * - **********/ -spinbutton:not(.vertical), -entry { - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - background-color: #1b1d24; } - -headerbar spinbutton:not(.vertical), -headerbar entry { - background: #272a34; } - -/********** - * Switch * - **********/ -switch { - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - switch:checked { - border-color: rgba(0, 0, 0, 0.2); - border-right-width: 0; - margin-right: 1px; - box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } - switch:backdrop, switch:disabled { - box-shadow: none; - border-color: #0d0e11; } - switch slider:checked { - border-color: #0d0e11; } - switch slider:checked:backdrop:not(:disabled) { - border-color: #0d0e11; } - switch slider:disabled { - border-color: #0d0e11; } - -/************************* - * Check and Radio items * - *************************/ -check, menu menuitem check, menu menuitem:hover check, -radio, menu menuitem radio, menu menuitem:hover radio { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, - radio:disabled, - radio:disabled:checked, - radio:disabled:indeterminate, - radio:disabled:backdrop, - radio:disabled:backdrop:checked, - radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { - border-color: #0d0e11; - background-image: image(#23252e); - color: #eeeeec; } - -check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, -radio:checked, -radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { - background-image: linear-gradient(to bottom, #a400a4 20%, #9a009a 90%); - border-color: #0b000b; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); - color: #ffffff; } - check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, - radio:checked:active, - radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { - box-shadow: none; } - check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, - radio:checked:backdrop, - radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { - background-image: image(#a400a4); } - -switch slider, -scale slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: black; } - switch:hover slider, switch slider:active, - scale slider:active { - background-image: image(#0f1014); - border-color: #a400a4; } - switch slider:disabled, - scale slider:disabled { - border-color: #0d0e11; } - -/*************** - * Header bars * - ***************/ -headerbar { - border-color: black; - background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); - background-repeat: no-repeat; - background-position: left; } - headerbar:backdrop { - background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); - background-repeat: no-repeat; - background-position: left; - box-shadow: none; } - -.titlebar:not(headerbar) viewswitcher button > stack > box.narrow, -.titlebar:not(headerbar) hdyviewswitcher > button box.narrow, -headerbar viewswitcher button > stack > box.narrow, -headerbar hdyviewswitcher > button box.narrow { - margin: -7px 0 -5px; } - -.titlebar:not(headerbar) viewswitcher button > stack > box.wide, -.titlebar:not(headerbar) hdyviewswitcher > button box.wide, -headerbar viewswitcher button > stack > box.wide, -headerbar hdyviewswitcher > button box.wide { - margin: -8px 0; } - -dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop { - background: #23252e; - border: 0; - box-shadow: none; } - -.titlebar:not(headerbar) button.titlebutton:not(.appmenu), -headerbar button.titlebutton:not(.appmenu) { - color: transparent; - background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); - background-color: #383d4b; - background-repeat: no-repeat; - background-position: center; - margin: 0; - margin-left: 5px; - padding: 0; - min-width: 0; - min-height: 0; - border: 1px solid black; - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-shadow: none; - transition: all .2s; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu) + button.titlebutton, - headerbar button.titlebutton:not(.appmenu) + button.titlebutton { - margin-left: 0; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, - headerbar button.titlebutton:not(.appmenu):last-child { - margin-right: 5px; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover, - headerbar button.titlebutton:not(.appmenu):hover { - background-color: #383d4b; - border-color: transparent; - box-shadow: 0 0 0 1px #0d0e11; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.minimize, - headerbar button.titlebutton:not(.appmenu):hover.minimize { - background-image: -gtk-scaled(url("assets/minimize-dark.png"), url("assets/minimize-dark@2.png")); } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.maximize, - headerbar button.titlebutton:not(.appmenu):hover.maximize { - background-image: -gtk-scaled(url("assets/maximize-dark.png"), url("assets/maximize-dark@2.png")); } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, - headerbar button.titlebutton:not(.appmenu).close { - background-color: #a400a4; - background-image: -gtk-scaled(url("assets/close-black.png"), url("assets/close-black@2.png")); - border-color: transparent; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, - headerbar button.titlebutton:not(.appmenu).close:hover { - background-color: #ad1aad; - background-image: -gtk-scaled(url("assets/close-white.png"), url("assets/close-white@2.png")); } - .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { - margin-right: 0; } - .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { - margin-left: 0; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.close, - headerbar button.titlebutton:not(.appmenu):backdrop.maximize, - headerbar button.titlebutton:not(.appmenu):backdrop.minimize, - headerbar button.titlebutton:not(.appmenu):backdrop.close { - box-shadow: none; - border-color: #0d0e11; - background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); - background-color: rgba(0, 0, 0, 0.3); } - -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { - min-height: 0; - padding: 6px; - box-shadow: none; - background: transparent -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, rgba(10, 10, 10, 0), rgba(15, 15, 15, 0)); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - background-color: #181a20; - background-position: -35px; - background-repeat: no-repeat; } - .default-decoration.titlebar:backdrop:not(headerbar), - headerbar.default-decoration:backdrop { - background-color: #23252e; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 0; - min-width: 0; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton, - headerbar.default-decoration button.titlebutton:last-child { - margin: 0; } - -paned headerbar:first-child, -hdyleaflet headerbar:first-child, -headerbar.titlebar headerbar:first-child, -deck leaflet box:first-child headerbar:first-child, -leaflet > headerbar:first-child { - border-color: #0d0e11; - background: #272a34; - box-shadow: none; } - paned headerbar:first-child:backdrop, - hdyleaflet headerbar:first-child:backdrop, - headerbar.titlebar headerbar:first-child:backdrop, - deck leaflet box:first-child headerbar:first-child:backdrop, - leaflet > headerbar:first-child:backdrop { - background: #292c37; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-top-color: #0d0e11; } - treeview.view:backdrop { - border-top-color: #0d0e11; } - treeview.view header button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - treeview.view header button:hover, treeview.view header button:active { - border-color: #0d0e11; } - treeview.view header button:backdrop { - box-shadow: none; } - -/*************** - * Popovers * - ***************/ -popover.background { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } - .csd popover.background, popover.background { - border-color: rgba(13, 14, 17, 0.75); } - -/************* - * Notebooks * - *************/ -notebook > header { - border: 0; - padding: 0; - background-color: #1b1d24; } - notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { - margin: 0; } - notebook > header.top > tabs > tab, - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, - notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, - notebook > header.right > tabs > tab.reorderable-page { - border: 1px solid transparent; - margin: 3px; } - notebook > header.top > tabs > tab:hover:not(:backdrop), - notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), - notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), - notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), - notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header.top > tabs > tab:checked, - notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, - notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, - notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, - notebook > header.right > tabs > tab.reorderable-page:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header.top > tabs > tab:checked:backdrop, - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header.top { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.bottom { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header tab { - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 24px; } - notebook > header tab button.flat { - margin-top: 1px; - margin-bottom: 1px; } - -/************** - * Scrollbars * - **************/ -scrollbar slider { - min-width: 6px; - min-height: 6px; } - -/************** - * GtkInfoBar * - **************/ -infobar, infobar.info, infobar.question, infobar.warning, infobar.error { - border-style: none; - text-shadow: none; } - infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { - color: #ffffff; } - infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { - text-shadow: none; } - infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - background-color: #0d0e11; } - infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { - color: #ff0bff; } - -infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { - background-color: #a400a4; } - -infobar.info button, -infobar.info button.flat, infobar.info.action:hover button, -infobar.info.action:hover button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:hover, - infobar.info button.flat:hover, infobar.info.action:hover button:hover, - infobar.info.action:hover button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:active, infobar.info button:checked, - infobar.info button.flat:active, - infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, - infobar.info.action:hover button.flat:active, - infobar.info.action:hover button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.info button:disabled, - infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, - infobar.info.action:hover button.flat:disabled { - color: #c883c9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.info button:backdrop, - infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, - infobar.info.action:hover button.flat:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #710071; } - infobar.info button:backdrop:disabled, - infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, - infobar.info.action:hover button.flat:backdrop:disabled { - color: #b85db9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #710071; } - infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, - infobar.info button.flat:backdrop label, - infobar.info button.flat:backdrop, - infobar.info button.flat label, - infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, - infobar.info.action:hover button.flat:backdrop label, - infobar.info.action:hover button.flat:backdrop, - infobar.info.action:hover button.flat label, - infobar.info.action:hover button.flat { - color: #ffffff; } - -infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { - background-color: #fd7d00; } - -infobar.question button, -infobar.question button.flat, infobar.warning button, -infobar.warning button.flat, infobar.question.action:hover button, -infobar.question.action:hover button.flat, infobar.warning.action:hover button, -infobar.warning.action:hover button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ee7500; - border-bottom-color: #bb5c00; - background-image: image(#ff8f22); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.question button:hover, - infobar.question button.flat:hover, infobar.warning button:hover, - infobar.warning button.flat:hover, infobar.question.action:hover button:hover, - infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, - infobar.warning.action:hover button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ca6400; - border-bottom-color: #974b00; - background-image: linear-gradient(to top, #f87a00, #ff8003 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.question button:active, infobar.question button:checked, - infobar.question button.flat:active, - infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, - infobar.warning button.flat:active, - infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, - infobar.question.action:hover button.flat:active, - infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, - infobar.warning.action:hover button.flat:active, - infobar.warning.action:hover button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ca6400; - background-image: image(#cf6600); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.question button:disabled, - infobar.question button.flat:disabled, infobar.warning button:disabled, - infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, - infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, - infobar.warning.action:hover button.flat:disabled { - color: #eeb884; - border-color: #ca6400; - background-image: image(#dd7108); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.question button:backdrop, - infobar.question button.flat:backdrop, infobar.warning button:backdrop, - infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, - infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, - infobar.warning.action:hover button.flat:backdrop { - color: #ffe5cc; - border-color: #ca6400; - background-image: image(#fd7d00); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #ca6400; } - infobar.question button:backdrop:disabled, - infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, - infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, - infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, - infobar.warning.action:hover button.flat:backdrop:disabled { - color: #e9a35e; - border-color: #ca6400; - background-image: image(#dd7108); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #ca6400; } - infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, - infobar.question button.flat:backdrop label, - infobar.question button.flat:backdrop, - infobar.question button.flat label, - infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, - infobar.warning button.flat:backdrop label, - infobar.warning button.flat:backdrop, - infobar.warning button.flat label, - infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, - infobar.question.action:hover button.flat:backdrop label, - infobar.question.action:hover button.flat:backdrop, - infobar.question.action:hover button.flat label, - infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, - infobar.warning.action:hover button.flat:backdrop label, - infobar.warning.action:hover button.flat:backdrop, - infobar.warning.action:hover button.flat label, - infobar.warning.action:hover button.flat { - color: #ffffff; } - -infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { - background-color: #bf1717; } - infobar.error:backdrop > revealer > box button, - infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, - infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, - infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, - infobar.error.action:hover > revealer > box button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #b11515; - border-bottom-color: #841010; - background-image: image(#df1b1b); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.error:backdrop > revealer > box button:hover, - infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, - infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, - infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, - infobar.error.action:hover > revealer > box button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #911212; - border-bottom-color: #640c0c; - background-image: linear-gradient(to top, #ba1616, #c41818 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, - infobar.error:backdrop > revealer > box button.flat:active, - infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, - infobar.error > revealer > box button.flat:active, - infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, - infobar.error.action:hover:backdrop > revealer > box button.flat:active, - infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, - infobar.error.action:hover > revealer > box button.flat:active, - infobar.error.action:hover > revealer > box button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #911212; - background-image: image(#961212); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.error:backdrop > revealer > box button:disabled, - infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, - infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, - infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, - infobar.error.action:hover > revealer > box button.flat:disabled { - color: #d48d8d; - border-color: #911212; - background-image: image(#a81a1b); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.error:backdrop > revealer > box button:backdrop, - infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, - infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, - infobar.error.action:hover > revealer > box button.flat:backdrop { - color: #f2d1d1; - border-color: #911212; - background-image: image(#bf1717); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #911212; } - infobar.error:backdrop > revealer > box button:backdrop:disabled, - infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, - infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, - infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { - color: #c66a6b; - border-color: #911212; - background-image: image(#a81a1b); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #911212; } - infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, - infobar.error:backdrop > revealer > box button.flat:backdrop label, - infobar.error:backdrop > revealer > box button.flat:backdrop, - infobar.error:backdrop > revealer > box button.flat label, - infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, - infobar.error > revealer > box button.flat:backdrop label, - infobar.error > revealer > box button.flat:backdrop, - infobar.error > revealer > box button.flat label, - infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, - infobar.error.action:hover:backdrop > revealer > box button.flat label, - infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, - infobar.error.action:hover > revealer > box button.flat:backdrop label, - infobar.error.action:hover > revealer > box button.flat:backdrop, - infobar.error.action:hover > revealer > box button.flat label, - infobar.error.action:hover > revealer > box button.flat { - color: #ffffff; } - -/********* - * Lists * - *********/ -row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { - border-radius: 8px; - background-color: #23252e; - color: white; - box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #272a34; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 5px 10px; - margin: 20px; - border-radius: 5px; - border: 1px solid rgba(13, 14, 17, 0.65); - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); - background-image: none; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - box-shadow: none; } - -/************ - * Calendar * - ***********/ -calendar { - border-radius: 6px; - border: 0; - padding: 1px; } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar:backdrop { - background-image: none; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - background-color: #23252e; } - -stacksidebar row { - padding: 7px 3px; } - -/**************** - * File chooser * - ****************/ -placessidebar row { - min-height: 30px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 8px 8px 5px 5px; - border: 1px solid #272a34; - border-bottom-width: 2px; - background: #23252e; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } - decoration:backdrop { - box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75); } - .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-width: 0; } - .popup decoration { - border-width: 0; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); - border-width: 0; } - .csd.popup decoration { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); - border-width: 0; } - tooltip.csd decoration { - border: 0; } - messagedialog.csd decoration { - border-width: 0; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } - -/* Nautilus */ -@define-color disk_space_unknown #383c4a; -@define-color disk_space_used #a400a4; -@define-color disk_space_free white; -filechooser placessidebar.sidebar:dir(ltr), -.nautilus-window placessidebar.sidebar:dir(ltr) { - background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); } - -filechooser placessidebar.sidebar:dir(rtl), -.nautilus-window placessidebar.sidebar:dir(rtl) { - background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); } - -filechooser placessidebar.sidebar:backdrop, -.nautilus-window placessidebar.sidebar:backdrop { - background-image: none; } - -filechooser placessidebar.sidebar row.sidebar-row:selected, -.nautilus-window placessidebar.sidebar row.sidebar-row:selected { - margin-left: 6px; - margin-right: 6px; - border-radius: 4px; - box-shadow: 0 1px 4px rgba(164, 0, 164, 0.5); - transition: box-shadow 200ms ease-out; - background-color: #a400a4; } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { - background-image: linear-gradient(to right, #710071 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { - background-image: linear-gradient(to left, #710071 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { - padding-left: 8px; - padding-right: 8px; } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { - color: #ffffff; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { - box-shadow: none; - background-image: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label { - color: #caaacd; } - -filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - padding-right: 20px; } - -.nautilus-window .floating-bar { - color: #ffffff; - background-color: #a400a4; - border-color: #0b000b; - margin: 10px; - box-shadow: 0 1px 4px rgba(164, 0, 164, 0.5); - transition: background-color 200ms ease-out; } - .nautilus-window .floating-bar:backdrop { - color: inherit; - box-shadow: none; - border-color: #0d0e11; } - .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { - border-radius: 4px; - border-style: solid; } - -.path-bar-box:backdrop { - border-color: #0d0e11; } - -box.nautilus-path-bar > scrolledwindow { - background-color: #272a34; } - -box.nautilus-path-bar > button { - box-shadow: none; } - -/* GNOME TERMINAL */ -terminal-window notebook scrollbar, -.mate-terminal notebook scrollbar { - background: #272a34; } - -terminal-window menubar, -.mate-terminal menubar { - background: #1c1e25; } - -/* GNOME TWEAKS */ -list.tweak-categories separator { - background: transparent; } - -/* XFCE4 PANEL */ -.xfce4-panel.background { - background: rgba(35, 37, 46, 0.8); } - -.xfce4-panel button { - border: 0; - border-radius: 0; - min-width: 30px; - box-shadow: none; - text-shadow: none; - background: transparent; - color: #eeeeec; } - .xfce4-panel button:hover { - background: rgba(0, 0, 0, 0.2); } - .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { - box-shadow: inset 0 -2px 0 #a400a4; - background: rgba(0, 0, 0, 0.2); } - -.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { - box-shadow: inset 2px 0 0 #a400a4; } - -/* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ -#XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { - border: 1px solid #0d0e11; - border-bottom-width: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - -gtk-icon-style: symbolic; } - -.xfsm-logout-dialog > .vertical > .horizontal button { - margin: 8px; } - -/* Whisker menu */ -#whiskermenu-button image { - -gtk-icon-shadow: 0 0 3px #a400a4, 0 0 3px #a400a4; } - -#whiskermenu-window entry { - border-radius: 100px; - border: 2px solid #a400a4; - box-shadow: none; } - -#whiskermenu-window button { - transition-duration: 0s; } - #whiskermenu-window button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - border-bottom-color: #1c1e25; } - #whiskermenu-window button:checked { - border-color: transparent; } - -#whiskermenu-window scrolledwindow.frame { - border: 0; - border-radius: 8px; - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); - padding: 7px 10px; - margin: 0 5px; } - #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { - background: #1c1e25; } - #whiskermenu-window scrolledwindow.frame treeview { - background: transparent; - border-radius: 4px; } - #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { - background-color: rgba(0, 0, 0, 0.27); - color: inherit; } - -/* XFCE4 panel action */ -#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { - -gtk-icon-style: symbolic; - -gtk-icon-transform: scale(0.7); } - -/* XFCE4 workspace switcher */ -wnck-pager { - background-color: #3d4251; } - wnck-pager:selected { - background-color: black; } - wnck-pager:hover { - background-color: black; } - -/* LightDM */ -.lightdm-gtk-greeter #panel_window { - background: rgba(35, 37, 46, 0.8); - color: #eeeeec; - text-shadow: none; - -gtk-icon-shadow: none; } - -.lightdm-gtk-greeter #login_window { - border: 0; - background-color: rgba(35, 37, 46, 0.8); - border-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } - .lightdm-gtk-greeter #login_window entry { - background: rgba(35, 37, 46, 0.4); - border-color: rgba(35, 37, 46, 0.3); - min-height: 32px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } - .lightdm-gtk-greeter #login_window entry image { - margin: 0; } - .lightdm-gtk-greeter #login_window #buttonbox_frame { - padding-top: 20px; - background: #23252e; - border-top: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0 0 4px 4px; - box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } - .lightdm-gtk-greeter #login_window #buttonbox_frame button { - border: 0; - color: #ffffff; - text-shadow: none; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { - background: rgba(0, 0, 0, 0.27); - box-shadow: none; - color: #eeeeec; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { - background: #a400a4; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } - -/* Thunar */ -.thunar .warning { - margin: -7px 0; } - -.budgie-container { - background-color: transparent; } - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #a400a4; } - -.budgie-panel { - background-color: #272a34; - color: white; - font-weight: normal; } - .budgie-panel image { - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } - .budgie-panel label { - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } - .budgie-panel .alert { - color: #a400a4; } - .budgie-panel:backdrop { - color: white; - background-color: rgba(39, 42, 52, 0.8); } - .budgie-panel.transparent { - background-color: rgba(39, 42, 52, 0.8); - color: white; } - .budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; } - .budgie-panel.horizontal button { - padding: 0 4px; } - .budgie-panel.vertical button { - padding: 4px 0; } - .budgie-panel separator { - background-color: rgba(238, 238, 236, 0.4); } - .budgie-panel.vertical #tasklist-button { - min-height: 32px; } - .budgie-panel .end-region { - background-color: rgba(0, 0, 0, 0.3); - border-radius: 0px; } - .budgie-panel .end-region separator { - background-color: rgba(255, 255, 255, 0.15); } - .budgie-panel .end-region label { - font-weight: 700; - color: white; } - -.budgie-panel button.flat.launcher { - padding: 0; - border-radius: 0; - border: none; - background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); - background-position: center center; } - .budgie-panel button.flat.launcher > image { - opacity: 0.87; } - .budgie-panel button.flat.launcher:hover { - -gtk-icon-effect: highlight; } - .budgie-panel button.flat.launcher:hover > image { - opacity: 1.0; } - .budgie-panel button.flat.launcher:active > image { - opacity: 1.0; } - .budgie-panel button.flat.launcher:checked { - background-color: transparent; } - .budgie-panel button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; } - .budgie-panel button.flat.launcher:checked > image { - opacity: 1.0; } - -.budgie-panel .unpinned button.flat.launcher:hover, -.budgie-panel .pinned button.flat.launcher.running:hover { - -gtk-icon-effect: highlight; } - -.budgie-panel .unpinned button.flat.launcher > image, -.budgie-panel .pinned button.flat.launcher.running > image { - background-size: 2px 2px; - background-repeat: no-repeat; - opacity: 1.0; } - -.budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, -.budgie-panel .pinned button.flat.launcher.running:hover > image, -.budgie-panel .pinned button.flat.launcher.running:active > image, -.budgie-panel .pinned button.flat.launcher.running:checked > image { - background-image: none; } - -.top .budgie-panel button#tasklist-button:hover, -.top .budgie-panel button.flat.launcher:hover { - box-shadow: inset 0 2px alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, -.top .budgie-panel button.flat.launcher:active, -.top .budgie-panel button.flat.launcher:checked { - box-shadow: inset 0 2px #a400a4; } - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: top center; } - -.top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, -.top .budgie-panel .pinned button.flat.launcher.running:hover, -.top .budgie-panel .pinned button.flat.launcher.running:active, -.top .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 0 2px #a400a4; } - -.bottom .budgie-panel button#tasklist-button:hover, -.bottom .budgie-panel button.flat.launcher:hover { - box-shadow: inset 0 -2px alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, -.bottom .budgie-panel button.flat.launcher:active, -.bottom .budgie-panel button.flat.launcher:checked { - box-shadow: inset 0 -2px #a400a4; } - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: bottom center; } - -.bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, -.bottom .budgie-panel .pinned button.flat.launcher.running:hover, -.bottom .budgie-panel .pinned button.flat.launcher.running:active, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 0 -2px #a400a4; } - -.left .budgie-panel button#tasklist-button:hover, -.left .budgie-panel button.flat.launcher:hover { - box-shadow: inset 2px 0 alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, -.left .budgie-panel button.flat.launcher:active, -.left .budgie-panel button.flat.launcher:checked { - box-shadow: inset 2px 0 #a400a4; } - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: left center; } - -.left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, -.left .budgie-panel .pinned button.flat.launcher.running:hover, -.left .budgie-panel .pinned button.flat.launcher.running:active, -.left .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 2px 0 #a400a4; } - -.right .budgie-panel button#tasklist-button:hover, -.right .budgie-panel button.flat.launcher:hover { - box-shadow: inset -2px 0 alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, -.right .budgie-panel button.flat.launcher:active, -.right .budgie-panel button.flat.launcher:checked { - box-shadow: inset -2px 0 #a400a4; } - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: right center; } - -.right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, -.right .budgie-panel .pinned button.flat.launcher.running:hover, -.right .budgie-panel .pinned button.flat.launcher.running:active, -.right .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset -2px 0 #a400a4; } - -.top .shadow-block { - background-color: transparent; - background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.bottom .shadow-block { - background-color: transparent; - background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.left .shadow-block { - background-color: transparent; - background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.right .shadow-block { - background-color: transparent; - background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.budgie-popover { - border-style: none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.28); - border-radius: 6px; - box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); - background-color: #23252e; } - .budgie-popover .container { - padding: 2px; } - .budgie-popover border { - border: none; } - .budgie-popover list { - background-color: transparent; } - .budgie-popover row { - padding: 0; } - .budgie-popover row:hover { - box-shadow: none; } - .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #eeeeec; - font-weight: normal; } - .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { - color: #888a8d; } - .budgie-popover.budgie-menu .container { - padding: 0; } - .budgie-popover.user-menu .container { - padding: 8px; } - .budgie-popover.user-menu separator { - margin: 4px 0; } - .budgie-popover.sound-popover separator { - margin: 3px 0; } - .budgie-popover.night-light-indicator .container { - padding: 8px; } - .budgie-popover.places-menu .container { - padding: 8px; } - .budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid #0d0e11; } - .budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; } - .budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; } - .budgie-popover.workspace-popover separator { - margin: 4px 0; } - .budgie-popover.workspace-popover flowboxchild { - padding: 0; } - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(35, 37, 46, 0.8); } - .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(24, 26, 32, 0.8); } - .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.current-workspace { - background-color: rgba(24, 26, 32, 0.8); } - -.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-menu.background { - padding: 0; - background-color: #272a34; } - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; } - -.budgie-menu entry.search { - border-style: none; - border-bottom: 1px solid #0d0e11; - border-radius: 999px; - box-shadow: none; - font-size: 120%; - padding-top: 6px; - padding-bottom: 6px; } - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #eeeeec; - font-weight: normal; } - -.budgie-menu row { - padding: 0; } - .budgie-menu row:hover { - box-shadow: none; } - -button.budgie-menu-launcher { - color: white; - border: none; } - button.budgie-menu-launcher:hover { - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -popover.background.user-menu { - padding: 8px; } - popover.background.user-menu .content-box { - background-color: transparent; } - popover.background.user-menu separator { - margin: 4px 0; } - popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; } - -button.raven-trigger { - color: white; - border: none; } - button.raven-trigger:hover { - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -popover.background.places-menu { - padding: 8px; } - popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; } - popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; } - popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; } - popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; } - popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; } - popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid #0d0e11; - background-color: transparent; } - popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; } - -frame.raven-frame > border { - border-style: none; - box-shadow: none; } - -.raven { - background-color: #23252e; - color: #eeeeec; - padding: 6px 0 0 0; - border: none; } - .raven .raven-header { - min-height: 32px; - padding: 3px; } - .raven .raven-header.top { - padding: 2px 0; - background-color: #23252e; - color: #eeeeec; } - .raven .raven-header.top stackswitcher button { - margin: -6px 0; - min-height: 32px; } - .raven .raven-header.bottom { - border-top: 1px solid #0d0e11; } - .raven viewport.frame .raven-header { - margin-top: -8px; } - .raven .raven-background { - border-style: solid none; - border-width: 1px; - border-color: #0d0e11; - background-color: #272a34; } - .raven scrolledwindow.raven-background { - border-bottom-style: none; } - .raven .powerstrip button { - margin: 2px 0 1px; - padding: 10px; } - .raven .option-subtitle { - font-size: smaller; } - -calendar.raven-calendar { - border-style: none; - background-color: transparent; } - calendar.raven-calendar:selected { - border-radius: 6px; - background-color: #23252e; } - -.raven-mpris { - background-color: rgba(35, 37, 46, 0.8); - color: #eeeeec; } - .raven-mpris label { - min-height: 24px; } - -.budgie-notification-window, .budgie-osd-window { - background-color: transparent; - color: white; - border-radius: 6px; } - .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { - background-color: #303340; } - -.budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { - background-color: #303340; - color: white; } - .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { - font-size: 110%; - color: white; } - .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { - color: white; } - -.budgie-osd .budgie-osd-text { - font-size: 120%; } - -.budgie-switcher-window .drop-shadow { - margin: 8px 8px 16px; - border-radius: 6px; - background-color: #303340; - box-shadow: rgba(0, 0, 0, 0.28); } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title { - color: white; } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { - padding: 0 0 0 6px; } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { - padding: 0 6px 0 0; } - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 2px; - box-shadow: none; - background-color: #23252e; } - -.budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { - border-radius: 6px; - background-color: #23252e; } - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title { - font-size: 120%; } - -.budgie-session-dialog .linked.horizontal > button { - padding: 8px 16px; - border-top: 1px solid #0d0e11; - border-radius: 6px; } - .budgie-session-dialog .linked.horizontal > button:first-child { - border-bottom-left-radius: 2px; } - .budgie-session-dialog .linked.horizontal > button:last-child { - border-bottom-right-radius: 2px; } - -.budgie-polkit-dialog .message { - color: #eeeeec; } - -.budgie-polkit-dialog .failure { - color: #a61414; } - -.budgie-run-dialog { - background-color: #272a34; - border-style: none; } - .budgie-run-dialog entry.search { - font-size: 120%; - box-shadow: none; - background-color: transparent; - border-style: none; - border-bottom: 1px solid #0d0e11; - border-radius: 0; - padding-top: 6px; - padding-bottom: 6px; } - .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, - .budgie-run-dialog list headerbar .subtitle, - headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; } - .budgie-run-dialog scrolledwindow { - border-top: 1px solid #0d0e11; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #eeeeec; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #23252e; -/* -text widgets and the like base background color */ -@define-color theme_base_color #272a34; -/* -base background color of selections */ -@define-color theme_selected_bg_color #a400a4; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #242731; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #888a8d; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #272a34; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #888a8d; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #23252e; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #292c37; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #a400a4; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #43495a; -/* -widgets main borders color */ -@define-color borders #0d0e11; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #0d0e11; -/* -these are pretty self explicative */ -@define-color warning_color #fd7d00; -@define-color error_color #bf1717; -@define-color success_color #308e63; -/* -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 shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #888a8d; -@define-color wm_highlight rgba(0, 0, 0, 0); -@define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#23252e, 1.2); -@define-color wm_bg_b #23252e; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#23252e, 1.3); -@define-color wm_button_hover_color_b #23252e; -@define-color wm_button_active_color_a shade(#23252e, 0.85); -@define-color wm_button_active_color_b shade(#23252e, 0.89); -@define-color wm_button_active_color_c shade(#23252e, 0.9); -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #272a34; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1a1c23; -.open-document-selector-treeview:hover { - background-color: alpha(@theme_fg_color, 0.05); -} - -.open-document-selector-treeview:selected:hover { - background-color: @theme_selected_bg_color; -} - -/* Only normal state is handle */ -.open-document-selector-name-label { - color: @theme_fg_color; -} - -/* Only normal state is handle */ -.open-document-selector-path-label { - color: @theme_unfocused_fg_color; - font-size: smaller; -} - -/* Only normal state is handle */ -.open-document-selector-match { - color: shade (@theme_fg_color, 0.6); - background-color: alpha(@warning_color, 0.4); -} - -.gedit-document-panel { - background-color: @sidebar_bg; -} - -.gedit-document-panel:backdrop { - color: #b0b2b2; -} - -.gedit-document-panel row:selected:backdrop { - background-color: #8b8e8f; -} - -.gedit-document-panel-group-row, -.gedit-document-panel-group-row:hover { - border-top: 1px solid alpha(currentColor, 0.3); -} - -.gedit-document-panel-group-row:first-child, -.gedit-document-panel-group-row:first-child:hover { - border-top: 0px; -} - -/* Try to look as the notebook tab close button */ -.gedit-document-panel row button.flat { - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - min-width: 18px; - min-height: 18px; - color: alpha(currentColor,0.3); -} - -.gedit-document-panel row:hover button.flat { - color: alpha(currentColor,0.5); -} - -.gedit-document-panel row button.flat:hover { - color: @theme_fg_color; -} - -statusbar { - border-top: 1px solid @borders; -} - -.gedit-search-slider { - background-color: @theme_base_color; - padding: 6px; - border-color: @borders; - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - background-color: @theme_base_color; - background-image: none; - color: shade (@theme_unfocused_fg_color, 0.8); - border: 0px; - margin: 2px; - padding: 2px; -} -.nautilus-window, -.nautilus-window notebook, -.nautilus-window notebook > stack { - background: @theme_base_color; -} - -.nautilus-empty-state-icon { - opacity: 0.50; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.nautilus-canvas-item.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.nautilus-canvas-item.dim-label { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); -} - -.nautilus-canvas-item.dim-label:selected { - color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); -} - -/* Toolbar */ - -/* Here we use the .button background-image colors from Adwaita, but ligthen them, - * since is not possible to use lighten () in common css. */ -@keyframes needs_attention_keyframes { - 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } - /* can't do animation-direction, so holding the color on two keyframes */ - 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -/* Remove white background and highlight on hover which GTK adds by default - * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ -.operations-list, -.operations-list > :hover { - background: none; -} - -.disclosure-button { - padding-left: 4px; - padding-right: 4px; -} - -/* Path bar */ - -.nautilus-path-bar scrolledwindow { - border-radius: 5px 0px 0px 5px; - border: 1px @borders solid; - border-right-width: 0px; - background-color: @theme_bg_color; -} -.nautilus-path-bar scrolledwindow undershoot.left { - border-radius: 5px 0px 0px 5px; - background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} -.nautilus-path-bar scrolledwindow undershoot.right { - background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} - -.nautilus-path-bar > button, -.path-buttons-box button { - margin: 0px; -} - -.path-buttons-box button { - background-image: none; - box-shadow: none; - border-radius: 5px; - border-width: 0px; - -gtk-icon-shadow: none; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover { - background: alpha(@theme_fg_color, 0.15); - box-shadow: inset 0 0 0 2px @theme_bg_color; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover * { - opacity: 1; -} - -/* Make the tags fit into the box */ -entry.search > * { - margin: 5px; -} - -/* Sidebar */ - -.nautilus-window .sidebar-row:selected { - background: mix(@theme_bg_color, @theme_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected, -.nautilus-window .sidebar-row:selected image, -.nautilus-window .sidebar-row:selected label { - color: mix(@theme_fg_color, @theme_text_color, 0.5); -} - -.nautilus-window .sidebar-row:selected:backdrop { - background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected:backdrop, -.nautilus-window .sidebar-row:selected:backdrop label { - color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); -} - -/* Floating status bar */ -.floating-bar { - padding: 1px; - background-color: @theme_base_color; - border-width: 1px; - border-style: solid solid none; - border-color: @borders; - border-radius: 8px 8px 0 0; -} - -.floating-bar.bottom.left { /* axes left border and border radius */ - border-left-style: none; - border-top-left-radius: 0; -} -.floating-bar.bottom.right { /* axes right border and border radius */ - border-right-style: none; - border-top-right-radius: 0; -} - -.floating-bar:backdrop { - background-color: @theme_unfocused_base_color; - border-color: @unfocused_borders; -} - -.floating-bar button { - padding: 0px; -} - -@define-color disk_space_unknown #888a85; -@define-color disk_space_used #729fcf; -@define-color disk_space_free #eeeeec; - -.disk-space-display { - border-style: solid; - border-width: 2px; -} - -.disk-space-display.unknown { - background-color: @disk_space_unknown; - border-color: shade(@disk_space_unknown, 0.7); - color: @disk_space_unknown; -} -.disk-space-display.unknown.border { - color: shade(@disk_space_unknown, 0.7); -} - -.disk-space-display.used { - background-color: @disk_space_used; - border-color: shade(@disk_space_used, 0.7); - color: @disk_space_used; -} -.disk-space-display.used.border { - color: shade(@disk_space_used, 0.7); -} - -.disk-space-display.free { - background-color: @disk_space_free; - border-color: shade(@disk_space_free, 0.7); - color: @disk_space_free; -} -.disk-space-display.free.border { - color: shade(@disk_space_free, 0.7); -} - -/* As a workaround for GtkTreeView showing thick border above first row when - * horizontal grid lines are enabled, we add them using CSS instead. Exclude the - * drop targets to let through the default feedback style. */ -.nautilus-list-view .view:not(:drop(active)) { - border-bottom: 1px solid @theme_bg_color; -} - -.nautilus-list-view.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.search-information { - background-color: @theme_selected_bg_color; - color:white; - padding:2px; -} - -@define-color conflict_bg #fef6b6; - -.conflict-row { - background: @conflict_bg; - color: black; -} - -.conflict-row:hover { - background-color: shade(@conflict_bg, 0.9); -} - -.conflict-row:selected { - background: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* Icon view */ -flowbox { - padding: 18px -} - -flowboxchild { - padding: 0px; -} - -flowboxchild:selected { - background-color:transparent; - outline-color: transparent; -} - -flowboxchild .thumbnail { - margin: 4px; - box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), - 0px 0px 0px 1px alpha(@borders, 0.5), - 0px 2px 0px 0px alpha(@borders, 0.5); - border-radius: 2px; -} - -.icon-ui-labels-box { - padding: 2px 4px; - border-radius: 4px; -} - -flowboxchild:selected .icon-ui-labels-box { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; -} - -flowboxchild:selected image { - -gtk-icon-effect: dim; /* GTK 3 only */ - /* GTK 4 TODO: Replace previous line with the following one: - -gtk-icon-filter: opacity(0.5); - */ - -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; -} diff --git a/share/themes/Kali-Purple-Dark/gtk-4.0/assets b/share/themes/Kali-Purple-Dark/gtk-4.0/assets deleted file mode 120000 index fb2256c4..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-4.0/assets +++ /dev/null @@ -1 +0,0 @@ -../gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Purple-Dark/gtk-4.0/gtk.css b/share/themes/Kali-Purple-Dark/gtk-4.0/gtk.css deleted file mode 100644 index 4fb94e6e..00000000 --- a/share/themes/Kali-Purple-Dark/gtk-4.0/gtk.css +++ /dev/null @@ -1,5258 +0,0 @@ -/*************************** - * Check and Radio buttons * - ***************************/ -/*************** - * Base States * - ***************/ -.background { - color: #eeeeec; - background-color: #23252e; } - .background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -dnd { - color: #eeeeec; } - -.normal-icons { - -gtk-icon-size: 16px; } - -.large-icons { - -gtk-icon-size: 32px; } - -image:disabled { - -gtk-icon-filter: opacity(0.5); } - -.view, iconview, -textview > text { - color: white; - background-color: #272a34; } - .view:disabled, iconview:disabled, - textview > text:disabled { - color: #888a8d; - background-color: #242731; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - textview > text:selected:focus, - textview > text:selected { - border-radius: 3px; } - -textview:drop(active) { - caret-color: #19a187; } - -textview > border { - background-color: #252831; } - -iconview { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - iconview { - outline: 0 solid transparent; - outline-offset: 4px; } - iconview:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - iconview:drop(active) { - box-shadow: none; } - iconview > dndtarget:drop(active) { - border-style: solid; - border-width: 1px; - border-color: #0b000b; } - -rubberband, .content-view > rubberband, columnview.view > rubberband, -treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #710071; - background-color: rgba(113, 0, 113, 0.2); } - -flowbox > flowboxchild { - padding: 3px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - flowbox > flowboxchild { - outline: 0 solid transparent; - outline-offset: 4px; } - flowbox > flowboxchild:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - flowbox > flowboxchild:selected { - outline-color: rgba(255, 255, 255, 0.3); } - -gridview > child { - padding: 3px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - gridview > child { - outline: 0 solid transparent; - outline-offset: 4px; } - gridview > child:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - gridview > child:selected { - outline-color: rgba(255, 255, 255, 0.3); } - gridview > child box { - border-spacing: 8px; - margin: 12px; } - -coverflow cover { - color: white; - background-color: #272a34; - border: 1px solid black; } - -label { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - label { - outline: 0 solid transparent; - outline-offset: 4px; } - label:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - label > selection { - background-color: #a400a4; - color: #ffffff; } - label:disabled { - color: #888a8d; } - button label:disabled { - color: inherit; } - label.error { - color: #bf1717; } - label.error:disabled { - color: rgba(191, 23, 23, 0.5); } - -.dim-label, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, -entry > text > placeholder, label.separator { - opacity: 0.55; - text-shadow: none; } - -window.assistant .sidebar { - padding: 5px; - border-top: 1px solid #0d0e11; } - -window.assistant.csd .sidebar { - border-top-style: none; } - -window.assistant .sidebar > label { - padding: 6px 12px; } - -window.assistant .sidebar > label.highlight { - background-color: #3b3e46; - border-radius: 5px; } - -window.aboutdialog image.large-icons { - -gtk-icon-size: 128px; } - -.osd .scale-popup, .app-notification, .osd popover.background > arrow, -.osd popover.background > contents, popover.background.touch-selection > arrow, -popover.background.touch-selection > contents, popover.background.magnifier > arrow, -popover.background.magnifier > contents, -.osd { - color: white; - border: none; - background-color: #303340; - background-clip: padding-box; - -gtk-icon-shadow: 0 1px black; } - -/********************* - * 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; } - -/********************** - * General Typography * - **********************/ -.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-heading { - font-weight: 700; - font-size: 9pt; } - -.caption { - font-weight: 400; - font-size: 9pt; } - -/**************** - * Text Entries * - ****************/ -spinbutton.vertical > text, spinbutton:not(.vertical), -entry { - min-height: 32px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 4px; - border-spacing: 6px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: white; - border-color: #0d0e11; - background-color: #272a34; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text, spinbutton:not(.vertical), - entry { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), - entry:focus-within { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, - entry > image.left { - margin-right: 6px; } - spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, - entry > image.right { - margin-left: 6px; } - spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, - entry > text > block-cursor { - color: #272a34; - background-color: white; } - spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), - entry.flat:focus-within, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, - entry:focus-within > placeholder { - opacity: 0; - /* We hide placeholders on focus */ } - spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), - entry:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; } - spinbutton.vertical > text.error, spinbutton.error:not(.vertical), - entry.error { - color: #bf1717; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text.error, spinbutton.error:not(.vertical), - entry.error { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), - entry.error:focus-within { - outline-color: rgba(191, 23, 23, 0.5); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, - entry.error > selection { - background-color: #bf1717; } - spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), - entry.warning { - color: #fd7d00; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), - entry.warning { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), - entry.warning:focus-within { - outline-color: rgba(253, 125, 0, 0.5); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, - entry.warning > selection { - background-color: #fd7d00; } - spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, - entry > image { - color: #c6c7c7; } - spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, - entry > image:hover { - color: #eeeeec; } - spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, - entry > image:active { - color: #a400a4; } - spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, - entry.password image.caps-lock-indicator { - color: #75777c; } - spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), - entry:drop(active):focus-within, - entry:drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { - color: white; - border-color: #a400a4; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; } - .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #97999f; - border-color: black; - background-color: rgba(68, 72, 83, 0.5); - background-clip: padding-box; } - -spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, -entry > progress { - margin-bottom: 2px; } - -spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, -entry progress > trough > progress { - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #a400a4; - border-style: solid; - box-shadow: none; } - -spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #19a187; } - -spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #1f222a; } - -spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #1f222a; } - -spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #19a187; } - -spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + entry, -.linked.vertical > entry:drop(active):not(:only-child) + button, -.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, -.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #19a187; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), -entry.error { - color: #bf1717; } - -treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { - background-color: #272a34; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #272a34; } - treeview entry.flat:focus-within, treeview entry:focus-within { - border-color: #a400a4; } - -/******************* - * Editable Labels * - *******************/ -editablelabel > stack > text { - color: white; - border-color: #0d0e11; - background-color: #272a34; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: radial-gradient(farthest-side, #f100f1 0%, rgba(241, 0, 241, 0) 0%); } - to { - background-image: radial-gradient(farthest-side, #f100f1 95%, rgba(241, 0, 241, 0)); } } - -notebook > header > tabs > arrow, windowcontrols button, -button { - min-height: 24px; - min-width: 16px; - padding: 4px 9px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - notebook > header > tabs > arrow, windowcontrols button, - button { - outline: 0 solid transparent; - outline-offset: 4px; } - notebook > header > tabs > arrow:focus:focus-visible, - button:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - notebook > header > tabs > arrow:hover, - button:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - -gtk-icon-filter: brightness(1.2); } - notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button.keyboard-activating, - button:active, - button:checked { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#13151a); - box-shadow: none; - transition-duration: 50ms; } - notebook > header > tabs > arrow:checked:hover, - button:checked:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#0d0e11); - box-shadow: none; } - notebook > header > tabs > arrow:checked:active, - button:checked:active { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#08090b); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop, - button:backdrop.flat, - button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - box-shadow: none; - transition: 200ms ease-out; } - notebook > header > tabs > arrow:backdrop:not(:disabled), - button:backdrop.flat:not(:disabled), - button:backdrop:not(:disabled) { - -gtk-icon-filter: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1e2128); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - color: #43495a; - border-color: #0d0e11; - background-image: image(#1e2128); - box-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - -gtk-icon-filter: opacity(0.5); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { - color: #888a8d; - border-color: #17191f; - background-image: image(#1a1c23); - box-shadow: none; } - button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - transition: none; } - button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, - button.flat:hover { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #252831; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, - button.flat.keyboard-activating, - button.flat:active, - button.flat:checked { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #1c1e25; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - notebook > header > tabs > arrow.image-button, - button.image-button { - min-width: 24px; - padding-left: 5px; - padding-right: 5px; } - notebook > header > tabs > arrow.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - dropdown:drop(active) button.combo, - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { - color: #19a187; - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #888a8d; } - - -button.osd { - min-width: 26px; - min-height: 32px; - color: white; - border-radius: 5px; - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 30px; } - - button.osd.image-button:only-child { - margin: 4px; - border-radius: 50%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - - button.osd:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; - border: none; - box-shadow: none; } - -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - - -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #3e003e; - background-image: image(#be00be); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - - button.suggested-action { - outline: 0 solid transparent; - outline-offset: 4px; } - - button.suggested-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #a400a4; } - - button.suggested-action:hover { - color: white; - border-color: #580058; - background-image: linear-gradient(to top, #900090 20%, #950095 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.suggested-action:active, - button.suggested-action:checked { - color: white; - border-color: #580058; - background-image: image(#760076); - box-shadow: none; } - - button.suggested-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(164, 0, 164, 0.8); } - - button.suggested-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #c79bc8; - border-color: #580058; - background-image: image(#740576); - box-shadow: none; } - .osd button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; } - .osd button.suggested-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.7)); - background-clip: padding-box; } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a400a4); - background-clip: padding-box; - box-shadow: none; } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #4b0909; - background-image: image(#bd1616); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - - button.destructive-action { - outline: 0 solid transparent; - outline-offset: 4px; } - - button.destructive-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #a61414; } - - button.destructive-action:hover { - color: white; - border-color: #620c0c; - background-image: linear-gradient(to top, #941111 20%, #991212 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.destructive-action:active, - button.destructive-action:checked { - color: white; - border-color: #620c0c; - background-image: image(#7d0f0f); - box-shadow: none; } - - button.destructive-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(166, 20, 20, 0.8); } - - button.destructive-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #c9a1a1; - border-color: #620c0c; - background-image: image(#791314); - box-shadow: none; } - .osd button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.5)); - background-clip: padding-box; } - .osd button.destructive-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.7)); - background-clip: padding-box; } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a61414); - background-clip: padding-box; - box-shadow: none; } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - -stackswitcher > button > label { - padding: 0 6px; - margin: 0 -6px; } - -stackswitcher > button > image { - padding: 3px 6px; - margin: -3px -6px; } - - -button.font separator { - background-color: transparent; } - - -button.font > box { - border-spacing: 6px; } - - -button.font > box > box > label { - font-weight: bold; } - -menubutton.circular button, -button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; - border-radius: 9999px; } - menubutton.circular button label, - button.circular label { - padding: 0; } - -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, -stackswitcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: radial-gradient(farthest-side, #f100f1 96%, rgba(241, 0, 241, 0)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, - stackswitcher > button.needs-attention > image:backdrop { - background-size: 6px 6px, 0 0; } - 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, left 2px; } - -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { - border-right-style: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - -.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, -.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, -.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, -.linked.vertical > dropdown:not(:first-child) > button, -.linked.vertical > colorbutton:not(:first-child) > button, -.linked.vertical > fontbutton:not(:first-child) > button, -.linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, -.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, -.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, -.linked.vertical > dropdown:not(:last-child) > button, -.linked.vertical > colorbutton:not(:last-child) > button, -.linked.vertical > fontbutton:not(:last-child) > button, -.linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - -.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, -list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 4px; } - modelbutton.flat:hover { - background-color: #3b3e46; } - modelbutton.flat:disabled { - color: #888a8d; } - -modelbutton.flat arrow { - background: none; - min-width: 16px; - min-height: 16px; - opacity: 0.3; } - modelbutton.flat arrow:hover { - background: none; } - modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } - modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } - -/* oldstyle toolbar buttons */ -.toolbar button { - margin: 1px; } - .toolbar button:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .toolbar button:active { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#13151a); - box-shadow: none; } - .toolbar button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - .toolbar button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - box-shadow: none; } - .toolbar button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - box-shadow: none; } - -button.color { - padding: 4px; } - button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { - border-radius: 0; } - -/* list buttons */ -/* tone down as per new designs, see issue #1473 */ -popover.menu box.circular-buttons button.circular.image-button.model, -list > row button.image-button:not(.flat) { - border: 1px solid rgba(13, 14, 17, 0.5); } - popover.menu box.circular-buttons button.circular.image-button.model:hover, - list > row button.image-button:not(.flat):hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, - list > row button.image-button:not(.flat):active, - list > row button.image-button:not(.flat):checked { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#13151a); - box-shadow: none; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, - list > row button.image-button:not(.flat).suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #3e003e; - background-image: image(#be00be); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, - list > row button.image-button:not(.flat).suggested-action { - outline: 0 solid transparent; - outline-offset: 4px; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, - list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, - list > row button.image-button:not(.flat).destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #4b0909; - background-image: image(#bd1616); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, - list > row button.image-button:not(.flat).destructive-action { - outline: 0 solid transparent; - outline-offset: 4px; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, - list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - -/********* - * Links * - *********/ -button.link, -link { - color: #ff0bff; - text-decoration: underline; } - button.link:visited, - link:visited { - color: #d700d7; } - *:selected button.link:visited, *:selected link:visited { - color: #ef99ef; } - button.link:hover, - link:hover { - color: #ff3eff; } - *:selected button.link:hover, *:selected link:hover { - color: #ffecff; } - button.link:active, - link:active { - color: #ff0bff; } - *:selected button.link:active, *:selected link:active { - color: #ffceff; } - button.link:disabled, - link:disabled { - color: rgba(133, 133, 133, 0.8); } - button.link:selected, *:selected button.link, - link:selected, *:selected link { - color: #ffceff; } - -link { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - link { - outline: 0 solid transparent; - outline-offset: 4px; } - link:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - -button.link, button.link:hover, button.link:active, button.link:checked { - text-shadow: none; } - -button.link > label { - text-decoration: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton { - font-feature-settings: "tnum"; } - spinbutton:not(.vertical) { - padding: 0; - border-spacing: 0; - /* :not here just to bump specificity above that of the list button styling */ } - .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - padding: 6px; } - .osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat), - spinbutton:not(.vertical) > button.image-button.down:not(.flat) { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #dadada; - background-image: none; - border-style: none none none solid; - border-color: rgba(13, 14, 17, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { - color: #eeeeec; - background-color: #181a20; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { - color: rgba(136, 138, 141, 0.3); - background-color: transparent; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.7); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - background-color: #1a1c23; - -gtk-icon-shadow: 0 1px black; - box-shadow: none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #97999f; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - spinbutton.vertical:disabled { - color: #888a8d; } - spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - spinbutton.vertical > text { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } - spinbutton.vertical > text > block-cursor { - color: #272a34; - background-color: white; } - spinbutton.vertical > button { - min-height: 32px; - min-width: 32px; - padding: 0; } - spinbutton.vertical > button.up { - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - spinbutton.vertical > button.down { - border-top-style: none; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .osd spinbutton.vertical > button:first-child { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd spinbutton.vertical > button:first-child:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .osd spinbutton.vertical > button:first-child:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .osd spinbutton.vertical > button:first-child:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) > text { - min-height: 0; - padding: 1px 2px; } - -/************** - * ComboBoxes * - **************/ -dropdown > popover.menu.background > contents { - padding: 0; } - -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:drop(active), -combobox:drop(active) { - box-shadow: none; } - -dropdown popover, -combobox popover { - margin-top: 6px; - padding: 0; } - dropdown popover listview, - combobox popover listview { - margin: 8px 0; } - dropdown popover listview > row, - combobox popover listview > row { - padding: 8px; } - dropdown popover listview > row:selected, - combobox popover listview > row:selected { - outline-color: rgba(255, 255, 255, 0.3); - color: white; - background-color: #3b3e46; } - dropdown popover .dropdown-searchbar, - combobox popover .dropdown-searchbar { - padding: 6px; - border-bottom: 1px solid #0d0e11; } - -/************ - * Toolbars * - ************/ -searchbar > revealer > box, .toolbar, -toolbar { - padding: 4px; - border-spacing: 4px; - background-color: #23252e; } - -.osd .toolbar, .osd toolbar { - background-color: transparent; } - -.toolbar.osd, -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: #303340; } - .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, - toolbar.osd.left, - toolbar.osd.right, - toolbar.osd.top, - toolbar.osd.bottom { - border-radius: 0; } - -.toolbar.horizontal > separator, -toolbar.horizontal > separator { - margin: 4px 0; } - -.toolbar.vertical > separator, -toolbar.vertical > separator { - margin: 0 4px; } - -searchbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-width: 0 0 1px; } - -searchbar > revealer > box { - border-style: solid; - border-color: #0d0e11; - background-color: #1c1e25; } - searchbar > revealer > box:backdrop { - border-color: #0d0e11; - background-color: #1b1d24; - box-shadow: none; - transition: 200ms ease-out; } - -/************** - * GtkInfoBar * - **************/ -infobar > revealer > box { - padding: 8px; - border-spacing: 12px; } - -infobar.action:hover > revealer > box { - background-color: #2e562e; } - -infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { - border-bottom: 1px solid #181a20; - background-color: #325c32; } - -infobar .close, -searchbar .close { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 50%; } - infobar .close:hover, - searchbar .close:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - -/***************** - * Title buttons * - *****************/ -windowcontrols { - border-spacing: 6px; } - windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 7px; } - windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 7px; } - windowcontrols button { - border-radius: 9999px; - padding: 6px; - margin: 0 2px; - min-width: 0; - min-height: 0; } - windowcontrols button:hover { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #0d0e11; } - windowcontrols button:active, windowcontrols button:checked { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: black; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: black; - border-radius: 0; - background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); - /* Darken switchbuttons for headerbars. issue #1588 */ } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #0d0e11; - background-color: #23252e; - background-image: none; - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) stackswitcher > button:checked, - .titlebar:not(headerbar) button.toggle:checked, - headerbar stackswitcher > button:checked, - headerbar button.toggle:checked { - background: image(#0f1014); - border-color: #060708; - border-top-color: black; } - .titlebar:not(headerbar) stackswitcher > button:checked:backdrop, - .titlebar:not(headerbar) button.toggle:checked:backdrop, - headerbar stackswitcher > button:checked:backdrop, - headerbar button.toggle:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1e2128); - box-shadow: none; } - .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - headerbar.default-decoration { - min-height: 28px; - padding: 4px; } - .default-decoration.titlebar:not(headerbar) windowcontrols button, - .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, - headerbar.default-decoration windowcontrols button, - headerbar.default-decoration windowcontrols menubutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - .default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, - headerbar.default-decoration windowcontrols menubutton button { - min-height: 20px; - min-width: 20px; - margin: 0; - padding: 4px; } - .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; } - -headerbar > windowhandle > box, -headerbar > windowhandle > box > box.start, -headerbar > windowhandle > box > box.end { - border-spacing: 6px; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button, -headerbar menubutton { - margin-top: 6px; - margin-bottom: 6px; } - -headerbar menubutton > button { - margin-top: 0px; - margin-bottom: 0px; } - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; } - -.titlebar:not(headerbar) separator { - background-color: #0d0e11; } - -window.devel headerbar.titlebar { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(164, 0, 164, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } - window.devel headerbar.titlebar:backdrop { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); - /* background-color would flash */ } - -/************ - * Pathbars * - ************/ -pathbar > button.text-button, pathbar > button.image-button, pathbar > button { - padding-left: 4px; - padding-right: 4px; } - -pathbar > button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - -pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { - padding-right: 8px; } - -pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { - padding-left: 8px; } - -pathbar > button image { - padding-left: 4px; - padding-right: 4px; } - -pathbar > button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #4f5159; - border-top-color: #4f5159; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - columnview.view, - treeview.view { - outline: 0 solid transparent; - outline-offset: 4px; } - columnview.view:focus:focus-visible, - treeview.view:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - columnview.view:selected:focus, columnview.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - border-radius: 0; - outline-color: rgba(255, 255, 255, 0.3); } - columnview.view:disabled, - treeview.view:disabled { - color: #888a8d; } - columnview.view:disabled:selected, - treeview.view:disabled:selected { - color: #c866c8; } - columnview.view:disabled:selected:backdrop, - treeview.view:disabled:selected:backdrop { - color: #b240b3; } - columnview.view.separator, - treeview.view.separator { - min-height: 2px; - color: #4f5159; } - columnview.view:backdrop, - treeview.view:backdrop { - border-left-color: #3a3d46; - border-top: #3a3d46; } - columnview.view:drop(active), - treeview.view:drop(active) { - box-shadow: none; } - columnview.view > dndtarget:drop(active), - treeview.view > dndtarget:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0b000b; } - 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: #bebfc2; } - 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: white; } - columnview.view.expander:selected, - treeview.view.expander:selected { - color: #e4b3e4; } - 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.progressbar, - treeview.view.progressbar { - background-color: #a400a4; - background-image: image(#a400a4); - box-shadow: none; } - columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, - treeview.view.progressbar:selected:focus, - treeview.view.progressbar:selected { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: image(#272a34); } - columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, - treeview.view.progressbar:selected:focus:backdrop, - treeview.view.progressbar:selected:backdrop { - background-color: #292c37; } - columnview.view.trough, - treeview.view.trough { - background-color: rgba(238, 238, 236, 0.1); } - columnview.view.trough:selected:focus, columnview.view.trough:selected, - treeview.view.trough:selected:focus, - treeview.view.trough:selected { - background-color: #710071; } - columnview.view > header > button, - treeview.view > header > button { - color: #8b8c90; - background-color: #272a34; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - columnview.view > header > button:hover, - treeview.view > header > button:hover { - color: #bdbdbe; - box-shadow: none; - transition: none; } - columnview.view > header > button:active, - treeview.view > header > button:active { - color: #eeeeec; - transition: none; } - columnview.view > header > button sort-indicator, - treeview.view > header > button sort-indicator { - min-height: 16px; - min-width: 16px; } - columnview.view > header > button sort-indicator.ascending, - treeview.view > header > button sort-indicator.ascending { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - columnview.view > header > button sort-indicator.descending, - treeview.view > header > button sort-indicator.descending { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, - columnview.view header.button.dnd:active, - columnview.view header.button.dnd:selected, - columnview.view header.button.dnd:hover, - columnview.view header.button.dnd, - treeview.view button.dnd:active, - treeview.view button.dnd:selected, - treeview.view button.dnd:hover, - treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: #272a34; - background-image: none; - background-color: #a400a4; - border-style: none; - border-radius: 0; - box-shadow: inset 0 0 0 1px #272a34; - text-shadow: none; - transition: none; } - columnview.view acceleditor > label, - treeview.view acceleditor > label { - background-color: #a400a4; } - -columnview.view > header > button, -treeview.view > header > button, columnview.view > header > button:hover, -treeview.view > header > button:hover, columnview.view > header > button:active, -treeview.view > header > button:active { - padding: 0 6px; - background-image: none; - border-style: none none solid solid; - border-color: #4f5159; - border-radius: 0; - text-shadow: none; } - columnview.view > header > button:disabled, - treeview.view > header > button:disabled { - border-color: #23252e; - background-image: none; } - columnview.view > header > button:last-child, - treeview.view > header > button:last-child { - border-right-style: none; } - -/*************** - * Popovers * - ***************/ -popover.background { - background-color: transparent; - font: initial; } - popover.background > arrow, - popover.background > contents { - background-color: #1f222a; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - popover.background:backdrop { - background-color: transparent; } - popover.background > contents { - padding: 8px; - border-radius: 8px; } - popover.background > contents > list, - popover.background > contents > .view, - popover.background > contents > iconview, - popover.background > contents > toolbar { - border-style: none; - background-color: transparent; } - popover.background > contents separator { - background-color: #13151a; - margin: 3px; } - popover.background > contents list separator { - margin: 0; } - .osd popover.background, popover.background.touch-selection, popover.background.magnifier { - background-color: transparent; } - .osd popover.background > arrow, - .osd popover.background > contents, popover.background.touch-selection > arrow, - popover.background.touch-selection > contents, popover.background.magnifier > arrow, - popover.background.magnifier > contents { - border: 1px solid rgba(255, 255, 255, 0.1); - box-shadow: none; } - -magnifier { - background-color: #272a34; } - -/********************** - * Popover Base Menus * - **********************/ -popover.menu { - padding: 0; } - popover.menu box.inline-buttons { - padding: 0 12px; } - popover.menu box.inline-buttons button.image-button.model { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - min-height: 30px; - min-width: 30px; - padding: 0; - border: none; - outline: none; - transition: none; } - popover.menu box.inline-buttons button.image-button.model:selected { - background: image(#3b3e46); } - popover.menu box.circular-buttons { - padding: 12px 12px 6px; } - popover.menu box.circular-buttons button.circular.image-button.model { - padding: 11px; } - popover.menu box.circular-buttons button.circular.image-button.model:focus { - background-color: #3b3e46; - border-color: #3b3e46; } - popover.menu > arrow, popover.menu.background > contents { - background-color: #1f222a; - padding: 5px; } - popover.menu.background separator { - margin: 6px 0; } - popover.menu accelerator { - color: alpha(currentColor,0.55); } - popover.menu accelerator:dir(ltr) { - margin-left: 12px; } - popover.menu accelerator:dir(rtl) { - margin-right: 12px; } - popover.menu check, - popover.menu radio { - transform: scale(0.8); - border-width: 1.2px; - border-color: transparent; - box-shadow: none; - background-image: image(transparent); - color: white; } - popover.menu check:hover, - popover.menu radio:hover { - transform: scale(0.8); - border-width: 1.2px; - color: white; - box-shadow: none; - background-image: image(transparent); } - popover.menu check:active, - popover.menu radio:active { - transform: scale(0.8); - border-width: 1.2px; - color: white; - box-shadow: none; - background-image: image(transparent); } - popover.menu radio { - border-color: #0d0e11; } - popover.menu radio:active { - border-color: rgba(13, 14, 17, 0.5); } - popover.menu arrow.left, - popover.menu radio.left, - popover.menu check.left { - margin-left: -2px; - margin-right: 6px; } - popover.menu arrow.right, - popover.menu radio.right, - popover.menu check.right { - margin-left: 6px; - margin-right: -2px; } - popover.menu modelbutton { - min-height: 30px; - min-width: 40px; - padding: 0 12px; - border-radius: 5px; } - popover.menu modelbutton:selected { - color: white; - background-color: #3b3e46; } - popover.menu modelbutton:selected:active { - background-color: #040405; } - popover.menu label.title { - font-weight: bold; - padding: 4px 32px; } - -menubar { - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - menubar > item { - min-height: 16px; - padding: 4px 8px; } - menubar > item:selected { - box-shadow: inset 0 -3px #a400a4; - color: #ff0bff; } - menubar > item:disabled { - color: #888a8d; - box-shadow: none; } - menubar > item popover.menu.background > contents { - padding: 5px; } - menubar > item popover.menu popover.menu { - padding: 0 0 4px 0; } - menubar > item popover.menu.background popover.menu.background > contents { - margin: 0; - border-radius: 8px; } - -/************* - * Notebooks * - *************/ -notebook { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - notebook > header > tabs > tab:checked { - outline: 0 solid transparent; - outline-offset: 4px; } - notebook:focus:focus-visible > header > tabs > tab:checked { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - notebook > header { - padding: 1px; - border-color: #0d0e11; - border-width: 1px; - background-color: #1b1d24; } - notebook > header > tabs { - margin: -1px; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -4px #0d0e11; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -4px #a400a4; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 4px #0d0e11; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 4px #a400a4; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -4px 0 #0d0e11; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -4px 0 #a400a4; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 4px 0 #0d0e11; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 4px 0 #a400a4; } - 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 { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -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 { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - notebook > header > tabs > tab { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - color: #eeeeec; - font-weight: normal; - border-width: 1px; - border-color: transparent; } - notebook > header > tabs > tab:hover { - color: #eeeeec; - background-color: #121418; } - notebook > header > tabs > tab:hover.reorderable-page { - border-color: rgba(13, 14, 17, 0.3); - background-color: rgba(35, 37, 46, 0.2); } - notebook > header > tabs > tab:not(:checked) { - outline-color: transparent; } - notebook > header > tabs > tab:checked { - color: #eeeeec; } - notebook > header > tabs > tab:checked.reorderable-page { - border-color: rgba(13, 14, 17, 0.5); - background-color: rgba(35, 37, 46, 0.5); } - notebook > header > tabs > tab:checked.reorderable-page:hover { - background-color: rgba(35, 37, 46, 0.7); } - notebook > header > tabs > tab button.flat { - color: alpha(currentColor,0.3); - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header > tabs > tab button.flat:hover { - color: currentColor; } - notebook > header > tabs > tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header > tabs > tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top > tabs, notebook > header.bottom > tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { - border-style: none solid; } - notebook > header.left > tabs, notebook > header.right > tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { - border-style: solid none; } - notebook > header.top > tabs > tab { - padding-bottom: 4px; } - notebook > header.bottom > tabs > tab { - padding-top: 4px; } - notebook > stack:not(:only-child) { - background-color: #272a34; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-color: #272a34; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar.top { - border-bottom: 1px solid #0d0e11; } - scrollbar.bottom { - border-top: 1px solid #0d0e11; } - scrollbar.left { - border-right: 1px solid #0d0e11; } - scrollbar.right { - border-left: 1px solid #0d0e11; } - scrollbar > range > trough > slider { - min-width: 8px; - min-height: 8px; - margin: -1px; - border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: #9d9ea0; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar > range > trough > slider:hover { - background-color: #c5c6c6; } - scrollbar > range > trough > slider:hover:active { - background-color: #a400a4; } - scrollbar > range > trough > slider:disabled { - background-color: transparent; } - scrollbar > range.fine-tune > trough > slider { - transition: none; - min-width: 6px; - min-height: 6px; } - scrollbar > range.fine-tune.horizontal > trough > slider { - border-width: 5px 4px; } - scrollbar > range.fine-tune.vertical > trough > slider { - border-width: 4px 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #eeeeec; - border: 1px solid black; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal > range > trough > slider { - min-width: 40px; } - scrollbar.vertical > range > trough > slider { - min-height: 40px; } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #0d0e11; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - font-weight: bold; - font-size: smaller; - border: 1px solid #0d0e11; - border-radius: 14px; - color: #eeeeec; - background-color: #1b1d24; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; - /* only show i / o for the accessible theme */ } - switch { - outline: 0 solid transparent; - outline-offset: 4px; } - switch:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: 0; } - headerbar switch { - background-color: #0a0a0d; } - switch:checked { - color: #ffffff; - border-color: #0b000b; - background-color: #a400a4; } - switch:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; - text-shadow: none; } - switch > slider { - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - margin: -1px; - min-width: 24px; - min-height: 24px; - border: 1px solid; - border-color: #0d0e11; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - switch > image { - color: transparent; } - switch:hover > slider { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - switch:checked > slider { - border: 1px solid #0b000b; } - switch:disabled > slider { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - row:selected switch { - outline-color: rgba(255, 255, 255, 0.3); } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list), -.content-view .tile check:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), -.content-view .tile check:hover:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), -.content-view .tile check:active:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), -.content-view .tile check:backdrop:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), -.content-view .tile check:checked:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), -.content-view .tile check:checked:hover:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), -.content-view .tile check:checked:active:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), -.content-view .tile check:backdrop:checked:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.8); - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -checkbutton { - border-spacing: 4px; - border-radius: 4px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - checkbutton { - outline: 0 solid transparent; - outline-offset: 4px; } - checkbutton:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - checkbutton.text-button { - padding: 4px; } - -check, -radio { - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; } - check, - radio { - background-clip: padding-box; - background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:hover, - radio:hover { - background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } - check:active, - radio:active { - box-shadow: inset 0 1px black; - background-image: image(#181a20); } - check:disabled, - radio:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:checked, - radio:checked { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:checked:hover, - radio:checked:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:checked:active, - radio:checked:active { - box-shadow: inset 0 1px black; - background-image: image(darkmagenta); } - check:checked:disabled, - radio:checked:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate, - radio:indeterminate { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:indeterminate:hover, - radio:indeterminate:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:indeterminate:active, - radio:indeterminate:active { - box-shadow: inset 0 1px black; - background-image: image(darkmagenta); } - check:indeterminate:disabled, - radio:indeterminate:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - .osd check, .osd radio { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd check:hover, .osd radio:hover { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd check:active, .osd radio:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - - -check { - border-radius: 3px; - -gtk-icon-size: 14px; } - - check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } - - check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; - -gtk-icon-size: 14px; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #ffffff; } - -/************ - * GtkScale * - ************/ -progressbar > trough, scale > trough > fill, scale > trough { - border: 1px solid #1b1d24; - border-radius: 3px; - background-color: #1b1d24; } - headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { - background-color: #0a0a0d; } - progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { - background-color: #242731; - border-color: #17191f; } - row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b000b; } - .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { - border-color: black; - background-color: rgba(0, 0, 0, 0.8); } - .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { - background-color: rgba(68, 72, 83, 0.5); } - -progressbar > trough > progress, scale > trough > highlight { - border: 1px solid #a400a4; - border-radius: 3px; - background-color: #a400a4; } - progressbar > trough > progress:disabled, scale > trough > highlight:disabled { - background-color: transparent; - border-color: transparent; } - row:selected progressbar > trough > progress, row:selected scale > trough > highlight { - border-color: #0b000b; } - .osd progressbar > trough > progress, .osd scale > trough > highlight { - border-color: black; } - .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - scale > trough { - outline: 0 solid transparent; - outline-offset: 16px; } - scale:focus:focus-visible > trough { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: 10px; } - scale > trough { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scale > trough > fill, - scale > trough > highlight { - margin: -1px; } - scale > trough > slider { - min-height: 18px; - min-width: 18px; - margin: -9px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune > trough > slider { - margin: -6px; } - scale.fine-tune > trough > fill, - scale.fine-tune > trough > highlight, - scale.fine-tune > trough { - border-radius: 5px; } - scale > trough > fill:disabled { - border-color: transparent; - background-color: transparent; } - .osd scale > trough > fill { - background-color: #404040; } - .osd scale > trough > fill:disabled { - border-color: transparent; - background-color: transparent; } - scale > trough > slider { - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-width: 1px; - border-style: solid; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale > trough > slider:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - scale > trough > slider:active { - border-color: #0b000b; } - scale > trough > slider:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { - border-color: #0b000b; } - .osd scale > trough > slider { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border-color: black; - background-color: #303340; } - .osd scale > trough > slider:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; - background-color: #303340; } - .osd scale > trough > slider:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; - background-color: #303340; } - .osd scale > trough > slider:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - background-color: #303340; } - scale > value { - color: alpha(currentColor,0.55); - font-feature-settings: "tnum"; } - scale.horizontal > marks { - color: alpha(currentColor,0.55); } - scale.horizontal > marks.top { - margin-bottom: 6px; } - scale.horizontal > marks.bottom { - margin-top: 6px; } - scale.horizontal > marks indicator { - background-color: currentColor; - min-height: 6px; - min-width: 1px; } - scale.horizontal > value.left { - margin-right: 9px; } - scale.horizontal > value.right { - margin-left: 9px; } - scale.horizontal.fine-tune > marks.top { - margin-top: 3px; } - scale.horizontal.fine-tune > marks.bottom { - margin-bottom: 3px; } - scale.horizontal.fine-tune > marks indicator { - min-height: 3px; } - scale.vertical > marks { - color: alpha(currentColor,0.55); } - scale.vertical > marks.top { - margin-right: 6px; } - scale.vertical > marks.bottom { - margin-left: 6px; } - scale.vertical > marks indicator { - background-color: currentColor; - min-height: 1px; - min-width: 6px; } - scale.vertical > value.top { - margin-bottom: 9px; } - scale.vertical > value.bottom { - margin-top: 9px; } - scale.vertical.fine-tune > marks.top { - margin-left: 3px; } - scale.vertical.fine-tune > marks.bottom { - margin-right: 3px; } - scale.vertical.fine-tune > marks indicator { - min-height: 3px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.color { - min-height: 0; - min-width: 0; } - scale.color > trough { - background-image: image(#0d0e11); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - scale.color.horizontal > trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) > trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) > trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) > trough { - padding-left: 7px; - background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) > trough > slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) > trough { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) > trough > slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(238, 238, 236, 0.4); - font-feature-settings: "tnum"; } - progressbar.horizontal > trough { - min-width: 150px; } - progressbar.horizontal > trough, progressbar.horizontal > trough > progress { - min-height: 2px; } - progressbar.vertical > trough { - min-height: 80px; } - progressbar.vertical > trough, progressbar.vertical > trough > progress { - min-width: 2px; } - progressbar.horizontal > trough > progress { - margin: 0 -1px; } - progressbar.vertical > trough > progress { - margin: -1px 0; } - progressbar > trough > progress { - /* share most of scales' */ - /* override insensitive that is specific to progress */ - border-radius: 1.5px; } - progressbar > trough > progress:disabled { - background-color: #888a8d; - border-color: #888a8d; } - progressbar > trough > progress.left { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - progressbar > trough > progress.right { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - progressbar > trough > progress.top { - border-top-right-radius: 5px; - border-top-left-radius: 5px; } - progressbar > trough > progress.bottom { - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd > trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd > trough > progress { - border-style: none; - border-radius: 0; } - progressbar > trough.empty > progress { - all: unset; } - -/************* - * Level Bar * - *************/ -levelbar.horizontal trough > block { - min-height: 9px; - border-radius: 5px; } - levelbar.horizontal trough > block:dir(rtl) { - border-radius: 0 5px 5px 0; } - levelbar.horizontal trough > block:dir(ltr) { - border-radius: 5px 0 0 5px; } - levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { - border-radius: 5px; } - -levelbar.horizontal.discrete trough > block { - min-height: 2px; - margin: 1px; - min-width: 24px; - border-radius: 0; } - levelbar.horizontal.discrete trough > block:first-child { - border-radius: 2px 0 0 2px; } - levelbar.horizontal.discrete trough > block:last-child { - border-radius: 0 2px 2px 0; } - -levelbar.vertical trough > block { - min-width: 9px; - border-radius: 5px; } - -levelbar.vertical.discrete > trough > block { - min-width: 2px; - margin: 1px 0; - min-height: 32px; } - -levelbar > trough { - padding: 0; } - -levelbar > trough > block { - border: 1px solid; } - levelbar > trough > block.low { - border-color: #fd7d00; - background-color: #fd7d00; } - levelbar > trough > block.high, levelbar > trough > block:not(.empty) { - border-color: #a400a4; - background-color: #a400a4; } - levelbar > trough > block.full { - border-color: #308e63; - background-color: #308e63; } - levelbar > trough > block.empty { - background-color: #181a20; - border-color: #181a20; } - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: #eeeeec; - background: none; - border: none; - padding: 0; } - window.dialog.print drawing paper { - background: white; - color: #2e3436; - border: 1px solid #0d0e11; } - -window.dialog.print .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid #0d0e11; } - -frame { - border-radius: 7px; } - frame > label { - margin: 4px; } - -actionbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid #0d0e11; } - -scrolledwindow > overshoot.top { - background-image: radial-gradient(farthest-side at top, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 100% 3%, 100% 50%; - background-repeat: no-repeat; - background-position: top; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.bottom { - background-image: radial-gradient(farthest-side at bottom, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 100% 3%, 100% 50%; - background-repeat: no-repeat; - background-position: bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.left { - background-image: radial-gradient(farthest-side at left, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 3% 100%, 50% 100%; - background-repeat: no-repeat; - background-position: left; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.right { - background-image: radial-gradient(farthest-side at right, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 3% 100%, 50% 100%; - background-repeat: no-repeat; - background-position: right; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > junction { - background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to right, transparent 1px, #272a34 1px); } - scrolledwindow > junction:dir(rtl) { - background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to left, transparent 1px, #272a34 1px); } - -separator { - background: #181a20; - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -listview, -list { - color: white; - background-color: #272a34; - border-color: #0d0e11; } - listview:backdrop, - list:backdrop { - color: #d4d5d7; - background-color: #292c37; - border-color: #0d0e11; } - listview > row, - list > row { - padding: 2px; } - listview > row.expander, - list > row.expander { - padding: 0px; } - listview > row.expander .row-header, - list > row.expander .row-header { - padding: 2px; } - listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), - list.horizontal row.separator, - list.separators.horizontal > row:not(.separator) { - border-left: 1px solid #4f5159; } - listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), - list:not(.horizontal) row.separator, - list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid #4f5159; } - -row { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - row { - outline: 0 solid transparent; - outline-offset: 4px; } - row:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(238, 238, 236, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #ab18ab; } - row:selected { - outline-color: rgba(255, 255, 255, 0.3); } - -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: #4f5159; } - -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; } - -treeexpander { - border-spacing: 4px; } - -/******************************************************** - * Data Tables * - * treeview like tables with individual focusable cells * - * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * - ********************************************************/ -columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { - outline: 2px solid rgba(164, 0, 164, 0.7); } - -columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #a400a4; } - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: #ffffff; - background-color: #a400a4; } - -/******************************************************* - * Rich Lists * - * Large list usually containing lots of widgets * - * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * - *******************************************************/ -.rich-list { - /* rich lists usually containing other widgets than just labels/text */ } - .rich-list > row { - padding: 8px 12px; - min-height: 32px; - /* should be tall even when only containing a label */ } - .rich-list > row > box { - border-spacing: 12px; } - -/********************* - * App Notifications * - *********************/ -.app-notification { - padding: 10px; - border-spacing: 10px; - border-radius: 0 0 5px 5px; - background-color: #303340; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - background-clip: padding-box; } - .app-notification border { - border: none; } - -/************* - * Expanders * - *************/ -expander { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander:disabled { - color: #888a8d; } - expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -expander-widget { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - expander-widget > box > title { - outline: 0 solid transparent; - outline-offset: 4px; } - expander-widget:focus:focus-visible > box > title { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - expander-widget > box > title { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-radius: 4px; } - expander-widget > box > title:hover > expander { - color: white; } - -.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 { - color: white; - border: 1px solid #0d0e11; } - calendar > header { - border-bottom: 1px solid #0d0e11; } - calendar > header > button { - border: none; - box-shadow: none; - background: none; - border-radius: 0; } - calendar > header > button:backdrop { - background: none; } - calendar > grid > label.today { - box-shadow: inset 0px -2px #0d0e11; } - calendar > grid > label.today:selected { - box-shadow: none; } - calendar > grid > label:focus { - outline-color: rgba(164, 0, 164, 0.7); - outline-offset: -2px; - outline-width: 2px; - outline-style: solid; } - calendar > grid > label.day-number { - padding: 4px; } - calendar > grid > label.day-number:selected { - border-radius: 3px; } - calendar > grid > label.day-number.other-month { - color: alpha(currentColor,0.3); } - -/*********** - * Dialogs * - ***********/ -window.dialog.message .titlebar { - min-height: 20px; - background-image: none; - background-color: #23252e; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; } - -window.dialog.message label.title { - font-weight: 800; - font-size: 15pt; } - -window.dialog.message.csd.background { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - -window.dialog.message.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - window.dialog.message.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 7px; } - window.dialog.message.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 7px; } - -filechooser .dialog-action-box { - border-top: 1px solid #0d0e11; } - -filechooser #pathbarbox { - border-bottom: 1px solid #23252e; } - -filechooserbutton > button > box { - border-spacing: 6px; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - background-color: #252831; } - .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid #0d0e11; - border-left-style: none; } - .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid #0d0e11; - border-right-style: none; } - .sidebar listview.view, - .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 list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: none; } - -stacksidebar row { - padding: 10px 4px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - stacksidebar row { - outline: 0 solid transparent; - outline-offset: 4px; } - stacksidebar row:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - stacksidebar row:selected { - background-color: #3b3e46; - border-radius: 5px; - color: #eeeeec; } - stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { - background-color: #2f3238; } - stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { - box-shadow: none; } - -separator.sidebar { - background-color: #0d0e11; } - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 5px 0; } - .navigation-sidebar > separator { - margin: 5px; } - .navigation-sidebar > row { - min-height: 36px; - padding: 0 8px; - border-radius: 5px; - margin: 0 5px 2px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - .navigation-sidebar > row { - outline: 0 solid transparent; - outline-offset: 4px; } - .navigation-sidebar > row:focus-visible:focus-within { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - .navigation-sidebar > row:hover { - background-color: #2f3238; } - .navigation-sidebar > row:selected { - background-color: #3b3e46; - color: inherit; } - .navigation-sidebar > row:selected:hover { - background-color: #2f3238; } - .navigation-sidebar > row:disabled { - color: #888a8d; } - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - opacity: 0.7; } - -/* this should be more generic, only using .navigation-sidebar - https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 -*/ -placessidebar .navigation-sidebar > row { - padding: 0; } - placessidebar .navigation-sidebar > row > revealer { - padding: 0 14px; } - placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; } - placessidebar .navigation-sidebar > row:selected:active { - box-shadow: none; } - placessidebar .navigation-sidebar > row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#19a187); - background-clip: content-box; } - placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #a400a4; } - placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { - color: #19a187; - box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } - placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #19a187; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } - -placesview > actionbar > revealer > box > box { - 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(#0d0e11); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#a400a4); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #23252e; - background-image: image(#0d0e11), image(#0d0e11); - 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; } - video image.osd { - min-width: 64px; - min-height: 64px; - border-radius: 32px; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 6px 10px; - border-radius: 7px; - box-shadow: none; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); - color: white; } - tooltip > box { - border-spacing: 6px; } - -/***************** - * Color Chooser * - *****************/ -colorswatch { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - colorswatch { - outline: 0 solid transparent; - outline-offset: 6px; } - colorswatch:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 4px; - outline-offset: -2px; } - colorswatch:drop(active), colorswatch { - border-style: none; } - colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - colorswatch.top > overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.bottom > overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - colorswatch.dark > overlay { - color: white; } - colorswatch.dark.activatable:hover > overlay { - border-color: #0d0e11; } - colorswatch.light > overlay { - color: black; } - colorswatch.light.activatable:hover > overlay { - border-color: #0d0e11; } - colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light > overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - colorswatch:drop(active).dark > overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - colorswatch > overlay { - border: 1px solid #0d0e11; } - colorswatch.activatable:hover > overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch#add-color-button { - border-radius: 5px 0 0 5px; } - colorswatch#add-color-button:only-child { - border-radius: 5px; } - colorswatch#add-color-button > overlay { - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch#add-color-button.activatable:hover > overlay { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch:disabled { - opacity: 0.5; } - colorswatch:disabled > overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } - row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } - colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample > overlay { - border-radius: 4.5px; } - -plane { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - plane { - outline: 0 solid transparent; - outline-offset: 6px; } - plane:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: 2px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #13151a; } - .content-view:hover { - -gtk-icon-filter: brightness(1.2); } - .content-view .tile { - margin: 2px; - background-color: black; - border-radius: 0; - padding: 0; } - .content-view .tile:active, .content-view .tile:selected { - background-color: #a400a4; } - .content-view .tile:disabled { - background-color: #242731; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } - -.scale-popup button:hover { - background-color: rgba(238, 238, 236, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -window { - border-width: 0px; } - window.csd { - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 0px; - border-radius: 7px 7px 0 0; } - window.csd:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); - transition: 200ms ease-out; } - window.csd.popup { - border-radius: 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - window.csd.dialog.message { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - window.solid-csd { - margin: 0; - padding: 4px; - border: solid 1px #0d0e11; - border-radius: 0; - box-shadow: inset 0 0 0 4px #0d0e11, inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } - window.solid-csd:backdrop { - box-shadow: inset 0 0 0 4px #0d0e11, inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } - window.maximized, window.fullscreen { - border-radius: 0; - box-shadow: none; } - window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { - border-radius: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - window:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - window.popup { - box-shadow: none; } - window.ssd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - -tooltip.csd { - border-radius: 5px; - box-shadow: none; } - -.view:selected:focus, .view:selected, -textview > text:selected:focus, -textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, -entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, -treeview.view:selected:focus, -treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { - background-color: #a400a4; } - label:selected, .view:selected:focus, .view:selected, - textview > text:selected:focus, - textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, - entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, - treeview.view:selected:focus, - treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { - color: #ffffff; } - label:disabled > selection, label:disabled:selected, .view:disabled:selected, - textview > text:disabled:selected:focus, - textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, - entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, - treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { - color: #d280d2; } - -.monospace { - font-family: monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; - min-width: 20px; - min-height: 24px; - padding-left: 20px; - padding-right: 20px; - padding-top: 24px; - padding-bottom: 24px; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -shortcuts-section { - margin: 20px; } - -.shortcuts-search-results { - margin: 20px; - border-spacing: 24px; } - -shortcut { - border-spacing: 6px; } - -shortcut > .keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #eeeeec; - background-color: #272a34; - border: 1px solid; - border-color: #0d0e11; - border-radius: 5px; - box-shadow: inset 0 -3px #17191f; - font-size: smaller; } - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; - caret-color: #19a187; } - -stackswitcher > button.text-button { - min-width: 100px; } - -stackswitcher.circular { - border-spacing: 12px; } - stackswitcher.circular > button.circular, - stackswitcher.circular > button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************* - * App Icons * - *************/ -/* Outline for low res icons */ -.lowres-icon { - -gtk-icon-shadow: 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); } - -/* Drapshadow for large icons */ -.icon-dropshadow { - -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); } - -/********* - * Emoji * - ********/ -popover.emoji-picker > contents { - padding: 0; } - -.emoji-searchbar { - padding: 6px; - border-spacing: 6px; - border-bottom: 1px solid #0d0e11; } - -.emoji-toolbar { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid #0d0e11; } - -button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; - border-radius: 0; - padding: 3px 0 0; - min-width: 32px; - min-height: 28px; - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; } - button.emoji-section:hover { - border-color: rgba(238, 238, 236, 0.1); } - button.emoji-section:checked { - border-color: #a400a4; } - -popover.emoji-picker emoji { - font-size: x-large; - padding: 6px; - border-radius: 6px; } - popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { - background: #a400a4; } - -emoji-completion-row > box { - border-spacing: 10px; - padding: 2px 10px; } - -emoji-completion-row:focus, -emoji-completion-row:hover { - background-color: #a400a4; - color: #ffffff; } - -emoji-completion-row emoji:focus, -emoji-completion-row emoji:hover { - background-color: #3b3e46; } - -popover.entry-completion > contents { - padding: 0; } - -statusbar { - padding: 6px 10px 6px 10px; } - -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"); } - -/*************************** - * Check and Radio buttons * - ***************************/ -row label.subtitle { - font-size: smaller; - opacity: 0.55; - text-shadow: none; } - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 50px; } - row > box.header > box.title { - margin-top: 8px; - margin-bottom: 8px; } - -row.expander { - background-color: transparent; } - row.expander list.nested > row { - background-color: alpha(#23252e, 0.5); - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - border-width: 1px 0px 0px 0px; } - row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); } - row.expander:not(:checked) image.expander-row-arrow { - opacity: 0.55; - text-shadow: none; } - row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(-0.25turn); } - row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(0.25turn); } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #a400a4; } - row.expander image.expander-row-arrow:disabled { - color: #888a8d; } - -flap > dimming, -deck > dimming, -leaflet > dimming { - background: rgba(0, 0, 0, 0.24); } - -flap > border, -deck > border, -leaflet > border { - min-width: 1px; - min-height: 1px; - background: #0d0e11; } - -flap > shadow, -deck > shadow, -leaflet > shadow { - min-width: 56px; - min-height: 56px; } - flap > shadow.left, - deck > shadow.left, - leaflet > shadow.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.right, - deck > shadow.right, - leaflet > shadow.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.up, - deck > shadow.up, - leaflet > shadow.up { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.down, - deck > shadow.down, - leaflet > shadow.down { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - -flap > outline, -deck > outline, -leaflet > outline { - min-width: 1px; - min-height: 1px; - background: transparent; } - -avatar { - border-radius: 9999px; - -gtk-outline-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: #fff; } - avatar.image { - background: none; } - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; } - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; } - statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { - margin-bottom: 12px; } - -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, -preferencespage > scrolledwindow > viewport > clamp { - margin: 0 12px; - transition: margin-bottom 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp > list, - preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { - transition: margin-top 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, - preferencespage > scrolledwindow > viewport > clamp.small { - margin-bottom: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.small > list, - preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { - margin-top: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, - preferencespage > scrolledwindow > viewport > clamp.medium { - margin-bottom: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.medium > list, - preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { - margin-top: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, - preferencespage > scrolledwindow > viewport > clamp.large { - margin-bottom: 30px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.large > list, - preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { - margin-top: 30px; } - -preferencesgroup > box > label:not(:first-child) { - margin-top: 6px; } - -preferencesgroup > box > box:not(:first-child) { - margin-top: 12px; } - -tabbar .tab-indicator:not(.clickable) { - background: none; - box-shadow: none; - border-color: transparent; } - -/*************************** - * Check and Radio buttons * - ***************************/ -popover.combo list { - min-width: 200px; } - -window.csd.unified:not(.solid-csd) headerbar { - border-radius: 0; } - -.windowhandle, .windowhandle * { - -GtkWidget-window-dragging: true; } - -popover.combo { - padding: 0px; } - popover.combo list { - border-style: none; - background-color: transparent; } - popover.combo list > row { - padding: 0px 12px 0px 12px; - min-height: 50px; } - popover.combo list > row:not(:last-child) { - border-bottom: 1px solid alpha(#0d0e11, 0.5); } - popover.combo list > row:first-child { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo list > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo overshoot.top { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo overshoot.bottom { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical { - padding-top: 2px; - padding-bottom: 2px; } - popover.combo scrollbar.vertical:dir(ltr) { - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical:dir(rtl) { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; } - -row.expander { - padding: 0px; } - row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; } - row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; } - -keypad .digit { - font-size: 200%; - font-weight: bold; } - -keypad .letters { - font-size: 70%; } - -keypad .symbol { - font-size: 160%; } - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; } - -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; - box-shadow: none; - font-size: 1rem; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; } - viewswitcher button:not(:only-child):not(:last-child) { - border-right-width: 0px; } - viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { - border-left-color: transparent; } - viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { - border-right-color: transparent; } - viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: image(lighter(#23252e)); } - viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(only-child):last-child:not(:checked):hover { - border-right-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } - headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { - border-right-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 12px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button > stack > box label.active { - font-weight: bold; } - viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { - animation: none; - background-image: none; } - viewswitcher button.needs-attention > stack > box label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 0px, right 1px; } - viewswitcher button.needs-attention > stack > box label:backdrop { - background-size: 6px 6px, 0 0; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px, left 1px; } - -viewswitcherbar actionbar > revealer > box { - padding: 0; } - -list.content, -list.content list { - background-color: transparent; } - -list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: mix(#23252e, #272a34, 0.5); } - -list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #272a34; } - -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row, -list.content > row list > row { - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - -list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - -list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 6px; } - -button.list-button:not(:active):not(:checked):not(:hover) { - background: none; - border: 1px solid alpha(#0d0e11, 0.5); - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 8px; } - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - color: rgba(238, 238, 236, 0.5); } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { - color: rgba(136, 138, 141, 0.5); } - -tabbar .box { - min-height: 38px; - background: #0f1014; - border-bottom: 1px solid black; } - tabbar .box:backdrop { - background-color: #0f1014; - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned undershoot { - border: 0 solid black; } - -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:backdrop undershoot { - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(ltr) { - padding-right: 1px; - box-shadow: inset -1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { - box-shadow: inset -1px 0 #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(rtl) { - padding-left: 1px; - box-shadow: inset 1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { - box-shadow: inset 1px 0 #0d0e11; } - -tabbar undershoot { - transition: none; } - tabbar undershoot.left { - background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - tabbar undershoot.right { - background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - -tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar tab { - border-style: solid; - border-color: black; - border-width: 0 1px 0 1px; - transition: background 150ms ease-in-out; - background-color: #16171d; } - tabbar tab:checked { - background-color: #23252e; } - tabbar tab:checked:hover { - background-color: #292c37; } - tabbar tab:hover { - background-color: #1c1e25; } - tabbar tab:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - tabbar tab:backdrop:checked { - background-color: #23252e; } - -tabbar .start-action, -tabbar .end-action { - background: #16171d; - border-color: black; - border-style: solid; - transition: background 150ms ease-in-out; } - tabbar .start-action:backdrop, - tabbar .end-action:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - 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(ltr) > *, - tabbar .end-action:dir(rtl) > * { - margin-right: 1px; } - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - border-left-width: 1px; } - tabbar .start-action:dir(rtl) > *, - tabbar .end-action:dir(ltr) > * { - margin-left: 1px; } - -.tab-drag-icon tab { - min-height: 26px; - background-color: #292c37; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(13, 14, 17, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); - margin: 25px; } - -tabbar tab, -.tab-drag-icon tab { - padding: 6px; } - tabbar tab.needs-attention, - .tab-drag-icon tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(164, 0, 164, 0.2) 15%, rgba(164, 0, 164, 0) 15%); } - tabbar tab .tab-close-button, - tabbar tab .tab-indicator, - .tab-drag-icon tab .tab-close-button, - .tab-drag-icon tab .tab-indicator { - padding: 0; - margin: 0; - min-width: 24px; - min-height: 24px; - border-radius: 99px; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - text-shadow: none; - background: none; } - tabbar tab .tab-close-button:hover, - tabbar tab .tab-indicator.clickable:hover, - .tab-drag-icon tab .tab-close-button:hover, - .tab-drag-icon tab .tab-indicator.clickable:hover { - background: alpha(#eeeeec, 0.15); } - tabbar tab .tab-close-button:active, - tabbar tab .tab-indicator.clickable:active, - .tab-drag-icon tab .tab-close-button:active, - .tab-drag-icon tab .tab-indicator.clickable:active { - background: alpha(black, 0.2); } - -/********** - * Button * - **********/ -windowcontrols button, notebook > header > tabs > arrow, -button { - padding: 2px 6px; } - -.titlebar:not(headerbar) stackswitcher button:checked:checked, -.titlebar:not(headerbar) button.toggle:active, -.titlebar:not(headerbar) button.toggle:checked, -headerbar stackswitcher button:checked:checked, -headerbar button.toggle:active, -headerbar button.toggle:checked, -button.flat:not(.link):hover, -button:active, -button:checked { - background: #1b1d24; - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - .titlebar:not(headerbar) stackswitcher button:backdrop:checked, - .titlebar:not(headerbar) button.toggle:backdrop:active, - .titlebar:not(headerbar) button.toggle:backdrop:checked, - headerbar stackswitcher button:backdrop:checked, - headerbar button.toggle:backdrop:active, - headerbar button.toggle:backdrop:checked, - button.flat:backdrop:not(.link):hover, - button:active:backdrop, - button:checked:backdrop { - box-shadow: none; } - - -button:disabled { - box-shadow: none; } - - -button.flat:not(.link):hover { - transition: none; } - - -button.flat:not(.link):backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - -button.image-button { - padding-left: 2px; - padding-right: 2px; } - - -button.circular { - min-height: 24px; - min-width: 24px; - padding: 2px; } - -/********** - * Entry * - **********/ -spinbutton:not(.vertical), spinbutton.vertical > text, -entry { - min-height: 28px; } - -spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled), -entry:not(:disabled) { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - background: #1b1d24; } - -spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, -entry:backdrop { - box-shadow: none; - border-color: #0d0e11; } - -headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text, -headerbar entry { - background: #272a34; } - -/********** - * Switch * - **********/ -switch { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - switch:checked { - border-right-width: 0; - margin-right: 1px; - box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); } - switch:checked, switch:checked:backdrop { - border-color: rgba(0, 0, 0, 0.2); } - switch:checked slider { - border-color: #0d0e11; } - switch:checked slider:backdrop:not(:disabled) { - border-color: #0d0e11; } - switch:backdrop, switch:disabled { - box-shadow: none; - border-color: #0d0e11; } - switch:backdrop slider, switch:disabled slider { - border-color: #0d0e11; } - -/************************* - * Check and Radio items * - *************************/ -check, -radio { - background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); - border-color: black; } - check, check:active, - radio, - radio:active { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - check:checked, check:indeterminate, - radio:checked, - radio:indeterminate { - background-image: linear-gradient(to bottom, #a400a4 20%, #9a009a 90%); - border-color: #0b000b; - color: #ffffff; } - check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, - radio:checked, - radio:checked:active, - radio:indeterminate, - radio:indeterminate:active { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } - check:checked:backdrop, check:indeterminate:backdrop, - radio:checked:backdrop, - radio:indeterminate:backdrop { - background-image: image(#a400a4); - box-shadow: none; } - check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, - radio:disabled, - radio:disabled:checked, - radio:disabled:indeterminate, - radio:disabled:backdrop, - radio:disabled:backdrop:checked, - radio:disabled:backdrop:indeterminate { - border-color: #0d0e11; - background-image: image(#23252e); - color: #eeeeec; } - -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - -radio:active, -check:active { - -gtk-icon-transform: scale(0, 1); } - -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), -check:checked:not(:backdrop), -check:indeterminate:not(:backdrop) { - -gtk-icon-transform: unset; - transition: 400ms; } - -/************ - * GtkScale * - ************/ -switch slider, -scale slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: black; } - switch:hover slider, switch slider:active, - scale slider:active { - background-image: image(#0f1014); - border-color: #a400a4; } - switch slider:backdrop, switch slider:disabled, - scale slider:backdrop, - scale slider:disabled { - border-color: #0d0e11; - background-image: image(#23252e); - box-shadow: none; } - -/***************** - * Title buttons * - *****************/ -windowcontrols { - margin: 0 5px; } - windowcontrols.end { - margin-left: 11px; } - windowcontrols.right { - margin-right: 11px; } - windowcontrols button { - color: transparent; - background: #383d4b; - margin: 0; - padding: 0; - min-width: 0; - min-height: 0; - border: 1px solid black; - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-shadow: none; - transition: all .2s; } - windowcontrols button:hover { - color: #eeeeec; - background: #383d4b; - border-color: transparent; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); } - windowcontrols button.close { - color: black; - background: #a400a4; - border-color: transparent; } - windowcontrols button.close:hover { - color: white; - background: #ad1aad; } - windowcontrols button:backdrop, windowcontrols button:backdrop:hover { - color: transparent; - background: transparent; - box-shadow: none; - border-color: #0d0e11; - background: rgba(0, 0, 0, 0.3); } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - min-height: 40px; - border-color: black; - background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); - background-repeat: no-repeat; - background-position: left; } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); - background-repeat: no-repeat; - background-position: left; - box-shadow: none; } - .dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop { - background: #23252e; - border: 0; - box-shadow: none; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button { - margin-top: 5px; - margin-bottom: 5px; } - -headerbar switch { - margin-top: 7px; - margin-bottom: 7px; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-top-color: #0d0e11; } - treeview.view:backdrop { - border-top-color: #0d0e11; } - treeview.view header button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - margin-left: -1px; } - treeview.view header button:hover, treeview.view header button:active { - border-color: #0d0e11; } - treeview.view header button:backdrop { - box-shadow: none; } - -/************* - * Notebooks * - *************/ -notebook > header { - border: 0; - padding: 0; - background-color: #1b1d24; } - notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { - margin: 0; } - notebook > header.top > tabs > tab, - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, - notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, - notebook > header.right > tabs > tab.reorderable-page { - padding: 3px 12px; - border: 1px solid transparent; - margin: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header.top > tabs > tab:hover, - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, - notebook > header.right > tabs > tab.reorderable-page:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-duration: 50ms; } - notebook > header.top > tabs > tab:hover:backdrop, - notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop, - notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop, - notebook > header.right > tabs > tab.reorderable-page:hover:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header.top > tabs > tab:checked, - notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, - notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, - notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, - notebook > header.right > tabs > tab.reorderable-page:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header.top > tabs > tab:checked:backdrop, - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - notebook > header.top > tabs > tab:backdrop, - notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop, - notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop, - notebook > header.right > tabs > tab.reorderable-page:backdrop { - color: #888a8d; } - notebook > header.top { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.bottom { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header > tabs > tab { - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 24px; } - notebook > header > tabs > tab button.flat { - margin-top: 1px; - margin-bottom: 1px; } - -/************** - * Scrollbars * - **************/ -scrollbar > range > trough > slider { - min-width: 6px; - min-height: 6px; } - -scrollbar > range.fine-tune > trough > slider { - min-width: 3px; - min-height: 3px; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 0 10px; - margin: 5px; - border-radius: 7px; - border: 1px solid rgba(13, 14, 17, 0.65); - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); - background-image: none; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - box-shadow: none; } - -/********************** - * Window Decorations * - *********************/ -window.csd { - border-radius: 8px 8px 5px 5px; - border: 1px solid #272a34; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } - window.csd:backdrop { - box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } - window.csd.dialog.message, window.csd.popup { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); - border-width: 0; } - -window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { - border-width: 0; } - -window.popup { - border-width: 0; } - -window.ssd { - box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); - border-width: 0; } - -tooltip.csd { - border: 0; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #eeeeec; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #23252e; -/* -text widgets and the like base background color */ -@define-color theme_base_color #272a34; -/* -base background color of selections */ -@define-color theme_selected_bg_color #a400a4; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #242731; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #888a8d; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #272a34; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #888a8d; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #23252e; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #292c37; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #a400a4; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #43495a; -/* -widgets main borders color */ -@define-color borders #0d0e11; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #0d0e11; -/* -these are pretty self explicative */ -@define-color warning_color #fd7d00; -@define-color error_color #bf1717; -@define-color success_color #308e63; -/* -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 shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #888a8d; -@define-color wm_highlight rgba(0, 0, 0, 0); -@define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#23252e, 1.2); -@define-color wm_bg_b #23252e; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#23252e, 1.3); -@define-color wm_button_hover_color_b #23252e; -@define-color wm_button_active_color_a shade(#23252e, 0.85); -@define-color wm_button_active_color_b shade(#23252e, 0.89); -@define-color wm_button_active_color_c shade(#23252e, 0.9); -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #272a34; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1a1c23; -.open-document-selector-treeview:hover { - background-color: alpha(@theme_fg_color, 0.05); -} - -.open-document-selector-treeview:selected:hover { - background-color: @theme_selected_bg_color; -} - -/* Only normal state is handle */ -.open-document-selector-name-label { - color: @theme_fg_color; -} - -/* Only normal state is handle */ -.open-document-selector-path-label { - color: @theme_unfocused_fg_color; - font-size: smaller; -} - -/* Only normal state is handle */ -.open-document-selector-match { - color: shade (@theme_fg_color, 0.6); - background-color: alpha(@warning_color, 0.4); -} - -.gedit-document-panel { - background-color: @sidebar_bg; -} - -.gedit-document-panel:backdrop { - color: #b0b2b2; -} - -.gedit-document-panel row:selected:backdrop { - background-color: #8b8e8f; -} - -.gedit-document-panel-group-row, -.gedit-document-panel-group-row:hover { - border-top: 1px solid alpha(currentColor, 0.3); -} - -.gedit-document-panel-group-row:first-child, -.gedit-document-panel-group-row:first-child:hover { - border-top: 0px; -} - -/* Try to look as the notebook tab close button */ -.gedit-document-panel row button.flat { - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - min-width: 18px; - min-height: 18px; - color: alpha(currentColor,0.3); -} - -.gedit-document-panel row:hover button.flat { - color: alpha(currentColor,0.5); -} - -.gedit-document-panel row button.flat:hover { - color: @theme_fg_color; -} - -statusbar { - border-top: 1px solid @borders; -} - -.gedit-search-slider { - background-color: @theme_base_color; - padding: 6px; - border-color: @borders; - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - background-color: @theme_base_color; - background-image: none; - color: shade (@theme_unfocused_fg_color, 0.8); - border: 0px; - margin: 2px; - padding: 2px; -} -.nautilus-window, -.nautilus-window notebook, -.nautilus-window notebook > stack { - background: @theme_base_color; -} - -.nautilus-empty-state-icon { - opacity: 0.50; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.nautilus-canvas-item.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.nautilus-canvas-item.dim-label { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); -} - -.nautilus-canvas-item.dim-label:selected { - color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); -} - -/* Toolbar */ - -/* Here we use the .button background-image colors from Adwaita, but ligthen them, - * since is not possible to use lighten () in common css. */ -@keyframes needs_attention_keyframes { - 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } - /* can't do animation-direction, so holding the color on two keyframes */ - 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -/* Remove white background and highlight on hover which GTK adds by default - * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ -.operations-list, -.operations-list > :hover { - background: none; -} - -.disclosure-button { - padding-left: 4px; - padding-right: 4px; -} - -/* Path bar */ - -.nautilus-path-bar scrolledwindow { - border-radius: 5px 0px 0px 5px; - border: 1px @borders solid; - border-right-width: 0px; - background-color: @theme_bg_color; -} -.nautilus-path-bar scrolledwindow undershoot.left { - border-radius: 5px 0px 0px 5px; - background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} -.nautilus-path-bar scrolledwindow undershoot.right { - background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} - -.nautilus-path-bar > button, -.path-buttons-box button { - margin: 0px; -} - -.path-buttons-box button { - background-image: none; - box-shadow: none; - border-radius: 5px; - border-width: 0px; - -gtk-icon-shadow: none; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover { - background: alpha(@theme_fg_color, 0.15); - box-shadow: inset 0 0 0 2px @theme_bg_color; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover * { - opacity: 1; -} - -/* Make the tags fit into the box */ -entry.search > * { - margin: 5px; -} - -/* Sidebar */ - -.nautilus-window .sidebar-row:selected { - background: mix(@theme_bg_color, @theme_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected, -.nautilus-window .sidebar-row:selected image, -.nautilus-window .sidebar-row:selected label { - color: mix(@theme_fg_color, @theme_text_color, 0.5); -} - -.nautilus-window .sidebar-row:selected:backdrop { - background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected:backdrop, -.nautilus-window .sidebar-row:selected:backdrop label { - color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); -} - -/* Floating status bar */ -.floating-bar { - padding: 1px; - background-color: @theme_base_color; - border-width: 1px; - border-style: solid solid none; - border-color: @borders; - border-radius: 8px 8px 0 0; -} - -.floating-bar.bottom.left { /* axes left border and border radius */ - border-left-style: none; - border-top-left-radius: 0; -} -.floating-bar.bottom.right { /* axes right border and border radius */ - border-right-style: none; - border-top-right-radius: 0; -} - -.floating-bar:backdrop { - background-color: @theme_unfocused_base_color; - border-color: @unfocused_borders; -} - -.floating-bar button { - padding: 0px; -} - -@define-color disk_space_unknown #888a85; -@define-color disk_space_used #729fcf; -@define-color disk_space_free #eeeeec; - -.disk-space-display { - border-style: solid; - border-width: 2px; -} - -.disk-space-display.unknown { - background-color: @disk_space_unknown; - border-color: shade(@disk_space_unknown, 0.7); - color: @disk_space_unknown; -} -.disk-space-display.unknown.border { - color: shade(@disk_space_unknown, 0.7); -} - -.disk-space-display.used { - background-color: @disk_space_used; - border-color: shade(@disk_space_used, 0.7); - color: @disk_space_used; -} -.disk-space-display.used.border { - color: shade(@disk_space_used, 0.7); -} - -.disk-space-display.free { - background-color: @disk_space_free; - border-color: shade(@disk_space_free, 0.7); - color: @disk_space_free; -} -.disk-space-display.free.border { - color: shade(@disk_space_free, 0.7); -} - -/* As a workaround for GtkTreeView showing thick border above first row when - * horizontal grid lines are enabled, we add them using CSS instead. Exclude the - * drop targets to let through the default feedback style. */ -.nautilus-list-view .view:not(:drop(active)) { - border-bottom: 1px solid @theme_bg_color; -} - -.nautilus-list-view.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.search-information { - background-color: @theme_selected_bg_color; - color:white; - padding:2px; -} - -@define-color conflict_bg #fef6b6; - -.conflict-row { - background: @conflict_bg; - color: black; -} - -.conflict-row:hover { - background-color: shade(@conflict_bg, 0.9); -} - -.conflict-row:selected { - background: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* Icon view */ -flowbox { - padding: 18px -} - -flowboxchild { - padding: 0px; -} - -flowboxchild:selected { - background-color:transparent; - outline-color: transparent; -} - -flowboxchild .thumbnail { - margin: 4px; - box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), - 0px 0px 0px 1px alpha(@borders, 0.5), - 0px 2px 0px 0px alpha(@borders, 0.5); - border-radius: 2px; -} - -.icon-ui-labels-box { - padding: 2px 4px; - border-radius: 4px; -} - -flowboxchild:selected .icon-ui-labels-box { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; -} - -flowboxchild:selected image { - -gtk-icon-effect: dim; /* GTK 3 only */ - /* GTK 4 TODO: Replace previous line with the following one: - -gtk-icon-filter: opacity(0.5); - */ - -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; -} diff --git a/share/themes/Kali-Purple-Dark/index.theme b/share/themes/Kali-Purple-Dark/index.theme deleted file mode 100644 index 2c6777d3..00000000 --- a/share/themes/Kali-Purple-Dark/index.theme +++ /dev/null @@ -1,13 +0,0 @@ -[Desktop Entry] -Type=X-GNOME-Metatheme -Name=Kali-Purple-Dark -Comment=The Kali Purple Default Theme -Encoding=UTF-8 - - -[X-GNOME-Metatheme] -GtkTheme=Kali-Purple-Dark -MetacityTheme=Kali-Purple-Dark -IconTheme=Flat-Remix-Purple-Dark -CursorTheme=Adwaita -ButtonLayout=:minimize,maximize,close diff --git a/share/themes/Kali-Purple-Dark/xfwm4/bottom-active.png b/share/themes/Kali-Purple-Dark/xfwm4/bottom-active.png deleted file mode 100644 index 243d6b90..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/bottom-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/bottom-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/bottom-inactive.png deleted file mode 100644 index 243d6b90..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/bottom-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-active.png b/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-active.png deleted file mode 100644 index f3a00bec..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-inactive.png deleted file mode 100644 index f3a00bec..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-active.png b/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-active.png deleted file mode 100644 index e137d28d..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-inactive.png deleted file mode 100644 index e137d28d..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-active.png b/share/themes/Kali-Purple-Dark/xfwm4/close-active.png deleted file mode 100644 index bf64e115..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/close-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/close-inactive.png deleted file mode 100644 index 797ac87b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/close-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/close-prelight.png deleted file mode 100644 index 6a2745c8..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/close-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/close-pressed.png deleted file mode 100644 index e611ca2f..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/close-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-active.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-active.png deleted file mode 100644 index b01268c3..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/hide-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-inactive.png deleted file mode 100644 index 797ac87b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/hide-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-prelight.png deleted file mode 100644 index 58b200f7..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/hide-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-pressed.png deleted file mode 100644 index 8990b4e1..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/hide-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/left-active.png b/share/themes/Kali-Purple-Dark/xfwm4/left-active.png deleted file mode 100644 index 88d1b5f4..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/left-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/left-inactive.png deleted file mode 100644 index 88d1b5f4..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-active.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-active.png deleted file mode 100644 index b01268c3..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/maximize-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-inactive.png deleted file mode 100644 index 797ac87b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/maximize-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-prelight.png deleted file mode 100644 index 60dc63ae..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/maximize-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-pressed.png deleted file mode 100644 index f33dd3c9..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/maximize-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/menu-active.png b/share/themes/Kali-Purple-Dark/xfwm4/menu-active.png deleted file mode 100644 index e251ec71..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/menu-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/menu-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/menu-inactive.png deleted file mode 100644 index e251ec71..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/menu-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/menu-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/menu-pressed.png deleted file mode 100644 index e251ec71..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/menu-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/right-active.png b/share/themes/Kali-Purple-Dark/xfwm4/right-active.png deleted file mode 100644 index 3b456152..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/right-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/right-inactive.png deleted file mode 100644 index 3b456152..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-active.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-active.png deleted file mode 100644 index 6dcf11b4..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/shade-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-inactive.png deleted file mode 100644 index ceaffdf1..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/shade-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-prelight.png deleted file mode 100644 index 7aa8f900..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/shade-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-pressed.png deleted file mode 100644 index 7965bcfa..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/shade-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-active.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-active.png deleted file mode 100644 index eb8aaf28..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/stick-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-inactive.png deleted file mode 100644 index 6518112f..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/stick-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-prelight.png deleted file mode 100644 index 49da13f6..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/stick-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-pressed.png deleted file mode 100644 index ca7cccdb..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/stick-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/themerc b/share/themes/Kali-Purple-Dark/xfwm4/themerc deleted file mode 100644 index d8301d1c..00000000 --- a/share/themes/Kali-Purple-Dark/xfwm4/themerc +++ /dev/null @@ -1,17 +0,0 @@ -active_text_color=#fff -inactive_text_color=#8c8f94 -button_offset=1 -button_spacing=4 -show_app_icon=true -full_width_title=true -maximized_offset=0 -title_horizontal_offset=3 -title_shadow_active=false -title_shadow_inactive=false -title_vertical_offset_active=0 -title_vertical_offset_inactive=0 -shadow_delta_height=2 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-2 -shadow_opacity=40 diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-1-active.png b/share/themes/Kali-Purple-Dark/xfwm4/title-1-active.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-1-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-1-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/title-1-inactive.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-1-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-2-active.png b/share/themes/Kali-Purple-Dark/xfwm4/title-2-active.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-2-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-2-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/title-2-inactive.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-2-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-3-active.png b/share/themes/Kali-Purple-Dark/xfwm4/title-3-active.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-3-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-3-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/title-3-inactive.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-3-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-4-active.png b/share/themes/Kali-Purple-Dark/xfwm4/title-4-active.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-4-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-4-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/title-4-inactive.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-4-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-5-active.png b/share/themes/Kali-Purple-Dark/xfwm4/title-5-active.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-5-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/title-5-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/title-5-inactive.png deleted file mode 100644 index 1ebdda8b..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/title-5-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/top-left-active.png b/share/themes/Kali-Purple-Dark/xfwm4/top-left-active.png deleted file mode 100644 index 5933427d..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/top-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/top-left-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/top-left-inactive.png deleted file mode 100644 index 5933427d..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/top-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/top-right-active.png b/share/themes/Kali-Purple-Dark/xfwm4/top-right-active.png deleted file mode 100644 index 1f8e32ce..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/top-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/top-right-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/top-right-inactive.png deleted file mode 100644 index 1f8e32ce..00000000 Binary files a/share/themes/Kali-Purple-Dark/xfwm4/top-right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-active.png deleted file mode 100644 index 26b4b8df..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-inactive.png deleted file mode 100644 index 26b4b8df..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-active.png deleted file mode 100644 index afda4841..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-inactive.png deleted file mode 100644 index afda4841..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-active.png deleted file mode 100644 index 5c14c3cd..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-inactive.png deleted file mode 100644 index 5c14c3cd..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-active.png deleted file mode 100644 index 6eee0b88..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-inactive.png deleted file mode 100644 index ab4d33d3..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-prelight.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-prelight.png deleted file mode 100644 index 7a019822..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-pressed.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-pressed.png deleted file mode 100644 index c223d85b..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-active.png deleted file mode 100644 index 97dc50dc..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-inactive.png deleted file mode 100644 index ab4d33d3..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-prelight.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-prelight.png deleted file mode 100644 index fdf4a4b8..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-pressed.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-pressed.png deleted file mode 100644 index b4fcdb2f..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-active.png deleted file mode 100644 index 91c4aaf4..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-inactive.png deleted file mode 100644 index 91c4aaf4..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-active.png deleted file mode 100644 index 97dc50dc..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-inactive.png deleted file mode 100644 index ab4d33d3..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-prelight.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-prelight.png deleted file mode 100644 index 370a9e15..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-pressed.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-pressed.png deleted file mode 100644 index d956dd4a..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-active.png deleted file mode 100644 index 267e9b87..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-inactive.png deleted file mode 100644 index 267e9b87..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-pressed.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-pressed.png deleted file mode 100644 index 267e9b87..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-active.png deleted file mode 100644 index ef881431..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-inactive.png deleted file mode 100644 index ef881431..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-active.png deleted file mode 100644 index a535323f..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-inactive.png deleted file mode 100644 index 93ba22ee..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-prelight.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-prelight.png deleted file mode 100644 index a535323f..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-pressed.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-pressed.png deleted file mode 100644 index c51c4dd4..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-active.png deleted file mode 100644 index d54e1781..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-inactive.png deleted file mode 100644 index 051dd8f1..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-prelight.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-prelight.png deleted file mode 100644 index d54e1781..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-pressed.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-pressed.png deleted file mode 100644 index f9b56a71..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/themerc b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/themerc deleted file mode 100644 index 4683d357..00000000 --- a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/themerc +++ /dev/null @@ -1,17 +0,0 @@ -active_text_color=#000 -inactive_text_color=#8d8d8d -button_offset=2 -button_spacing=8 -show_app_icon=true -full_width_title=true -maximized_offset=0 -title_horizontal_offset=6 -title_shadow_active=false -title_shadow_inactive=false -title_vertical_offset_active=0 -title_vertical_offset_inactive=0 -shadow_delta_height=4 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-4 -shadow_opacity=40 diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-active.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-inactive.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-active.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-inactive.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-active.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-inactive.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-active.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-inactive.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-active.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-inactive.png deleted file mode 100644 index 7275b792..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-active.png deleted file mode 100644 index 95edf4f3..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-inactive.png deleted file mode 100644 index 95edf4f3..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-active.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-active.png deleted file mode 100644 index 9e79398f..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-inactive.png b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-inactive.png deleted file mode 100644 index 9e79398f..00000000 Binary files a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gnome-shell/assets b/share/themes/Kali-Purple-Light/gnome-shell/assets deleted file mode 120000 index a6b7dcde..00000000 --- a/share/themes/Kali-Purple-Light/gnome-shell/assets +++ /dev/null @@ -1 +0,0 @@ -../../Kali-Purple-Dark/gnome-shell/assets \ No newline at end of file diff --git a/share/themes/Kali-Purple-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Purple-Light/gnome-shell/gnome-shell.css deleted file mode 100644 index a9f0363c..00000000 --- a/share/themes/Kali-Purple-Light/gnome-shell/gnome-shell.css +++ /dev/null @@ -1,3143 +0,0 @@ -/* 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. - */ -/* Global Values */ -stage { - font-size: 10pt; - color: #5c616c; } - -/* Common Stylings */ -.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box { - border-radius: 16px; - padding: 6px; - spacing: 6px; - border: 2px solid transparent; - transition-duration: 200ms; - text-align: center; - color: inherit; } - -#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button, .calendar .calendar-day.calendar-today, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - border-radius: 8px; - border-style: solid; - border-width: 1px; - font-weight: bold; - padding: 3px 24px; } - -.app-folder-dialog .folder-name-container .edit-folder-button, .button, .calendar .calendar-day.calendar-today, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; } - .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .close-button:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .close-button:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .icon-button:focus:active, .login-dialog-button.cancel-button:focus:active, .login-dialog-button.switch-user-button:focus:active, .login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .close-button:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .close-button:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .close-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .app-folder-dialog .folder-name-container .edit-folder-button:selected, .button:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .pager-button:selected, .icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .background-app-item .close-button:selected, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active, .calendar .calendar-day:active, .calendar .calendar-month-header .pager-button:active, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .close-button:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .pager-button:checked, .icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .background-app-item .close-button:checked { - transition-duration: 100ms; - color: #5c616c; - background-color: #d7d7da; } - .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .background-app-item .close-button:checked:hover { - background-color: white; } - .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .background-app-item .close-button:checked:active { - background-color: white; } - .app-folder-dialog .folder-name-container .default.edit-folder-button, .default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:hover, .default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - background-color: #be00be; - color: white; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:active, .default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { - background-color: purple; - color: #ededed; } - .app-folder-dialog .folder-name-container .default.edit-folder-button:insensitive, .default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - .app-folder-dialog .folder-name-container .flat.edit-folder-button, .calendar .app-folder-dialog .folder-name-container .calendar-day.edit-folder-button, .app-folder-dialog .folder-name-container .calendar .calendar-day.edit-folder-button, .flat.button, .calendar .button.calendar-day, .calendar .calendar-day.calendar-today, .calendar .flat.calendar-day, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .flat.icon-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .background-app-item .flat.close-button, .calendar .icon-button.calendar-day, .calendar .calendar-day.login-dialog-button.cancel-button, .calendar .calendar-day.login-dialog-button.switch-user-button, .calendar .calendar-day.login-dialog-button.login-dialog-session-list-button, .calendar .background-app-item .calendar-day.close-button, .background-app-item .calendar .calendar-day.close-button { - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; - background-color: transparent; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .flat.icon-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .flat.close-button:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .flat.icon-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .flat.close-button:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .flat.icon-button:focus:active, .flat.login-dialog-button.cancel-button:focus:active, .flat.login-dialog-button.switch-user-button:focus:active, .flat.login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .flat.close-button:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .flat.icon-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .flat.close-button:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:insensitive, .flat.button:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .flat.icon-button:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .flat.close-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:selected, .flat.button:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .pager-button:selected, .flat.icon-button:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .background-app-item .flat.close-button:selected, .app-folder-dialog .folder-name-container .flat.edit-folder-button:active, .flat.button:active, .calendar .calendar-day:active, .calendar .calendar-month-header .pager-button:active, .flat.icon-button:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .flat.close-button:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked, .flat.button:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .pager-button:checked, .flat.icon-button:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .background-app-item .flat.close-button:checked { - transition-duration: 100ms; - color: #5c616c; - background-color: #d7d7da; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked:hover, .flat.button:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .flat.icon-button:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .background-app-item .flat.close-button:checked:hover { - background-color: white; } - .app-folder-dialog .folder-name-container .flat.edit-folder-button:checked:active, .flat.button:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .flat.icon-button:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .background-app-item .flat.close-button:checked:active { - background-color: white; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button, .flat.default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:hover, .flat.default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { - background-color: #be00be; - color: white; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:active, .flat.default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { - background-color: purple; - color: #ededed; } - .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:insensitive, .flat.default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - -.login-dialog-prompt-entry, .search-entry, .lg-dialog StEntry, StEntry { - border-radius: 8px; - padding: 9px 9px; - selection-background-color: #a400a4; - selected-color: #ffffff; } - -StEntry { - transition-duration: 100ms; - background-color: rgba(92, 97, 108, 0.15); - color: rgba(92, 97, 108, 0.7); } - StEntry:hover { - transition-duration: 100ms; - background-color: rgba(92, 97, 108, 0.25); } - StEntry:focus { - transition-duration: 100ms; - background-color: rgba(111, 71, 123, 0.2875); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); - color: #5c616c; } - StEntry:insensitive { - transition-duration: 100ms; - background-color: rgba(92, 97, 108, 0.25); - color: rgba(92, 97, 108, 0.5); } - StEntry StLabel.hint-text { - color: rgba(92, 97, 108, 0.7); } - -.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button { - padding: 12px; - font-weight: bold !important; - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe0; } - .modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr { - margin-right: 1px; } - .modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl { - margin-left: 1px; } - .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #d9c9da; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { - background-color: #e0d0e1; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { - background-color: #e7d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #d7d7d8; } - .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #cfcfd1; } - .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { - transition-duration: 100ms; - color: #5c616c; - background-color: #c8c8c9; } - .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover { - background-color: #fefefe; } - .modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active { - background-color: white; } - .modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr { - border-radius: 0 0 0 16px; } - .modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr { - border-radius: 0 0 16px; - margin-right: 0 !important; } - .modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl { - border-radius: 0 0 16px; } - .modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl { - border-radius: 0 0 0 16px; - margin-left: 0 !important; } - .modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 16px 16px; - margin-left: 0 !important; - margin-right: 0 !important; } - -.dash-label, .window-caption, .screenshot-ui-tooltip { - background-color: rgba(0, 0, 0, 0.9); - border: 1px solid rgba(255, 255, 255, 0.1); - color: white; - border-radius: 99px; - padding: 6px 12px; - text-align: center; } - -/* General Typography */ -.user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext { - font-weight: 800; - font-size: 20pt; } - -.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label { - font-weight: 800; - font-size: 15pt; } - -.user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title { - font-weight: 700; - font-size: 15pt; } - -.bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline { - font-weight: 700; - font-size: 13pt; } - -.lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label { - font-weight: 700; - font-size: 11pt; } - -.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { - font-weight: 700; - font-size: 9pt; } - -.lg-completions-text, .caps-lock-warning-label, #dash, .background-app-item .subtitle, .icon-label-button-container, .prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time { - font-weight: 400; - font-size: 9pt; } - -.calendar .calendar-day { - font-weight: 400; - font-size: 8pt; } - -.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day { - font-feature-settings: "tnum"; } - -/* OSD Elements */ -#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window { - color: white; - background-color: #303340; - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 999px; - padding: 12px; } - -.lg-dialog StEntry { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.7); } - .lg-dialog StEntry:hover { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); } - .lg-dialog StEntry:focus { - transition-duration: 100ms; - background-color: rgba(231, 186, 231, 0.2875); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); - color: white; } - .lg-dialog StEntry:insensitive { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.5); } - .lg-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.7); } - -#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button { - transition-duration: 100ms; - color: white; - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition-duration: 100ms; - color: rgba(255, 255, 255, 0.4); - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { - transition-duration: 100ms; - color: white; - background-color: rgba(193, 82, 193, 0.19); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - #LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { - background-color: rgba(193, 82, 193, 0.19); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - #LookingGlassDialog .notebook-tab:focus:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { - background-color: rgba(193, 82, 193, 0.19); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - #LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { - transition-duration: 100ms; - color: white; - background-color: rgba(247, 247, 247, 0.1); } - #LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { - transition-duration: 100ms; - color: white; - background-color: rgba(240, 240, 240, 0.1); } - #LookingGlassDialog .notebook-tab:outlined, #LookingGlassDialog > #Toolbar .lg-toolbar-button:outlined, .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, #LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { - transition-duration: 100ms; - color: white; - background-color: rgba(232, 232, 232, 0.1); } - #LookingGlassDialog .notebook-tab:outlined:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:outlined:hover, .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, #LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { - background-color: rgba(255, 255, 255, 0.1); } - #LookingGlassDialog .notebook-tab:outlined:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:outlined:active, .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, #LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { - background-color: rgba(255, 255, 255, 0.1); } - -.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; } - .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - .screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; } - .screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - -/* System Elements */ -.login-dialog-prompt-entry, .search-entry { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.7); } - .login-dialog-prompt-entry:hover, .search-entry:hover { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); } - .login-dialog-prompt-entry:focus, .search-entry:focus { - transition-duration: 100ms; - background-color: rgba(231, 186, 231, 0.2875); - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); - color: white; } - .login-dialog-prompt-entry:insensitive, .search-entry:insensitive { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.5); } - .login-dialog-prompt-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.7); } - -.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button { - transition-duration: 100ms; - color: white; - background-color: #464a55; } - .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive { - transition-duration: 100ms; - color: rgba(255, 255, 255, 0.4); - background-color: rgba(255, 255, 255, 0.1); } - .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus { - transition-duration: 100ms; - color: white; - background-color: #4f435d; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover { - background-color: #564964; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .login-dialog-button.cancel-button:focus:active, .login-dialog-button.switch-user-button:focus:active, .login-dialog-button.login-dialog-session-list-button:focus:active { - background-color: #5c506c; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover { - transition-duration: 100ms; - color: white; - background-color: #3f434d; } - .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active { - transition-duration: 100ms; - color: white; - background-color: #383b44; } - .login-dialog-button.cancel-button:outlined, .login-dialog-button.switch-user-button:outlined, .login-dialog-button.login-dialog-session-list-button:outlined, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked { - transition-duration: 100ms; - color: white; - background-color: #31343c; } - .login-dialog-button.cancel-button:outlined:hover, .login-dialog-button.switch-user-button:outlined:hover, .login-dialog-button.login-dialog-session-list-button:outlined:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover { - background-color: #626777; } - .login-dialog-button.cancel-button:outlined:active, .login-dialog-button.switch-user-button:outlined:active, .login-dialog-button.login-dialog-session-list-button:outlined:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active { - background-color: #696f7f; } - -/* WIDGETS */ -.shell-link { - color: #710071; } - .shell-link:hover { - color: #a400a4; } - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - -.icon-dropshadow { - icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } - -/* Entries */ -StEntry StIcon.capslock-warning { - icon-size: 1.09em; - warning-color: #fd7d00; - padding: 0 4px; } - -StEntry StIcon.peek-password { - icon-size: 1.09em; - padding: 0 4px; } - -StEntry StLabel.hint-text { - margin-left: 2px; } - -/* Buttons */ -.button, .calendar .calendar-day.calendar-today, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - min-height: 22px; } - -.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .background-app-item .close-button { - border-radius: 99px; - padding: 12px; - min-height: 16px; } - .icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .background-app-item .close-button StIcon { - icon-size: 1.09em; - -st-icon-style: symbolic; } - -/* Check Boxes */ -.check-box StBoxLayout { - spacing: .8em; } - -.check-box StBin { - width: 24px; - height: 24px; - background-image: url("assets/checkbox-off-light.svg"); } - -.check-box:focus StBin { - background-image: url("assets/checkbox-off-focused-light.svg"); } - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); } - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-focused.svg"); } - -/* Switches */ -.toggle-switch { - color: #5c616c; - height: 26px; - width: 48px; - background-size: contain; - background-image: url("assets/toggle-off-light.svg"); } - .toggle-switch:checked { - background-image: url("assets/toggle-on-light.svg"); } - -/* Slider */ -.slider { - -barlevel-height: 4px; - -barlevel-background-color: rgba(92, 97, 108, 0.2); - -barlevel-border-width: 2px; - -barlevel-border-color: transparent; - -barlevel-active-background-color: #a400a4; - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #d41919; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 1px; - -slider-handle-radius: 8px; - -slider-handle-border-width: 0; - -slider-handle-border-color: transparent; } - -/* Scrollbars */ -StScrollView.vfade { - -st-vfade-offset: 68px; } - -StScrollView.hfade { - -st-hfade-offset: 68px; } - -StScrollBar { - padding: 0; } - StScrollView StScrollBar { - min-width: 8px; - min-height: 8px; } - StScrollBar StBin#trough { - border-radius: 0; - background-color: transparent; } - StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 8px; - background-color: #ced0d3; - border: 3px solid transparent; - transition: 500ms all ease; } - StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #aeb0b6; } - StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #bec0c4; } - -/* Popovers/Menus */ -.popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-rise: 6px; } - -.popup-menu { - min-width: 15em; - color: #5c616c; } - .popup-menu.panel-menu { - margin-bottom: 1.75em; } - -.popup-menu-content, .candidate-popup-content { - padding: 6px; - background-color: #ffffff; - border-radius: 20px; - border: 1px solid rgba(255, 255, 255, 0.8); - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } - -.popup-menu-item { - font-weight: normal; - spacing: 6px; - transition-duration: 100ms; - padding: 9px 12px; - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; - box-shadow: none !important; - border-radius: 12px; } - .popup-menu-item:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - .popup-menu-item:focus, .popup-menu-item:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .popup-menu-item:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .popup-menu-item:checked { - transition-duration: 100ms; - color: #5c616c; - background-color: #d7d7da; } - .popup-menu-item:checked:hover { - background-color: white; } - .popup-menu-item:checked:active { - background-color: white; } - .popup-menu-item:checked { - border-radius: 12px 12px 0 0 !important; } - .popup-menu-item .toggle-switch:ltr { - margin-left: 4px; } - .popup-menu-item .toggle-switch:rtl { - margin-right: 4px; } - -.popup-ornamented-menu-item:ltr { - padding-left: 6px; } - -.popup-ornamented-menu-item:rtl { - padding-right: 6px; } - -.popup-inactive-menu-item { - color: #5c616c; } - .popup-inactive-menu-item:insensitive { - color: #9da0a7; } - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 16px !important; } - -.popup-sub-menu { - border-radius: 0 0 13px 13px; - margin-bottom: 6px; } - .popup-sub-menu .popup-menu-item { - border-radius: 0; - font-weight: normal; - spacing: 6px; - transition-duration: 100ms; - padding: 9px 12px; - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; - border-top-width: 0; } - .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .popup-sub-menu .popup-menu-item:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .popup-sub-menu .popup-menu-item:checked { - transition-duration: 100ms; - color: #5c616c; - background-color: #d7d7da; } - .popup-sub-menu .popup-menu-item:checked:hover { - background-color: white; } - .popup-sub-menu .popup-menu-item:checked:active { - background-color: white; } - .popup-sub-menu .popup-menu-item:last-child { - border-radius: 0 0 12px 12px; - border-bottom-width: 0; } - .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus { - border-radius: 0; } - .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { - border-radius: 0 0 12px 12px; } - -.popup-menu-ornament { - icon-size: 1.09em !important; - width: 1.09em; } - -.popup-separator-menu-item { - border: none !important; } - .popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - background-color: #d9d9d9; } - .popup-sub-menu .popup-separator-menu-item { - background-color: transparent; } - .popup-sub-menu .popup-separator-menu-item:ltr { - margin-right: 2.5em; } - .popup-sub-menu .popup-separator-menu-item:rtl { - margin-left: 2.5em; } - .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - background-color: #d9d9d9; } - -.background-menu { - -boxpointer-gap: 0px; - -arrow-rise: 0px; } - -.app-menu { - max-width: 27.25em; } - .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; } - -/* Date/Time Menu */ -#calendarArea { - padding: 4px; } - -.datemenu-calendar-column { - spacing: 6px; } - .datemenu-calendar-column:ltr { - padding-left: 6px; } - .datemenu-calendar-column:rtl { - padding-right: 6px; } - .datemenu-calendar-column .datemenu-displays-box { - spacing: 6px; } - -/* today button (the date) */ -.datemenu-today-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; - box-shadow: none !important; - padding: 9px; } - .datemenu-today-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - .datemenu-today-button:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .datemenu-today-button:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .datemenu-today-button:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .datemenu-today-button:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .datemenu-today-button:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .datemenu-today-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - -/* Calendar */ -.calendar { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; - box-shadow: none !important; - margin-top: 0; } - .calendar:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - .calendar:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .calendar:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .calendar:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .calendar:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .calendar:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .calendar:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - .calendar .calendar-month-header .calendar-change-month-back StIcon, - .calendar .calendar-month-header .calendar-change-month-forward StIcon { - icon-size: 1.09em; } - .calendar .calendar-month-header .calendar-month-label { - padding: 8px 0; } - .calendar .calendar-month-header .pager-button { - padding: 0 !important; - height: 32px; - width: 32px; - margin: 2px; - border-radius: 8px; - transition-duration: 100ms; } - .calendar .calendar-day { - border-radius: 99px; - height: 3em !important; - width: 3em !important; - margin: 2px; - padding: 0 !important; - font-weight: 600; - text-align: center; - transition-duration: 100ms; } - .calendar .calendar-day.calendar-day-heading { - background-color: transparent; - color: #9da0a7; - height: 0.93em !important; - padding-top: 6px !important; - margin-bottom: 0; - border-radius: 9px; } - .calendar .calendar-day.calendar-weekend { - color: #9da0a7; } - .calendar .calendar-day.calendar-other-month { - color: rgba(157, 160, 167, 0.3) !important; - font-weight: normal; } - .calendar .calendar-day.calendar-today { - color: #ffffff; - /* override weekends */ } - .calendar .calendar-day.calendar-day-with-events { - background-image: url("assets/calendar-today-light.svg"); - background-size: contain; } - .calendar .calendar-week-number { - font-size: 6pt; - font-weight: bold; - font-feature-settings: "tnum"; - text-align: center; - margin: 6px; - padding: 0 6px; - border-radius: 3px; - background-color: rgba(92, 97, 108, 0.1); - color: #9da0a7; } - -/* Events */ -.events-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; - padding: 12px; } - .events-button:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .events-button:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .events-button:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .events-button:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .events-button:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .events-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .events-button .events-box { - spacing: 6px; } - .events-button .events-list { - spacing: 12px; - color: #5c616c; } - .events-button .events-title { - margin-bottom: 4px; } - .events-button .event-time { - color: #9da0a7; } - -/* World clocks */ -.world-clocks-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; - padding: 12px; } - .world-clocks-button:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .world-clocks-button:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .world-clocks-button:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .world-clocks-button:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .world-clocks-button:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .world-clocks-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .world-clocks-button .world-clocks-grid { - spacing-rows: 6px; - spacing-columns: 12px; } - .world-clocks-button .world-clocks-header { - color: #9da0a7; } - .world-clocks-button .world-clocks-city { - color: #5c616c; } - .world-clocks-button .world-clocks-time { - color: #5c616c; } - .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: #9da0a7; } - -/* Weather */ -.weather-button { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; - padding: 12px; } - .weather-button:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .weather-button:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .weather-button:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .weather-button:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .weather-button:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .weather-button:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .weather-button .weather-box { - spacing: 10px; } - .weather-button .weather-header-box { - spacing: 6px; } - .weather-button .weather-header { - color: #9da0a7; } - .weather-button .weather-header.location { - font-weight: normal; } - .weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; } - .weather-button .weather-forecast-time { - color: #161719; - padding-top: 0.2em; - padding-bottom: 0.4em; } - .weather-button .weather-forecast-icon { - icon-size: 2.18em; } - -/* Message List */ -.message-list { - width: 29em; - border: solid #d9d9d9; } - .message-list:ltr { - margin-left: 0; - margin-right: 4px; - padding-right: 6px; - border-right-width: 1px; } - .message-list:rtl { - margin-right: 0; - margin-left: 4px; - padding-left: 6px; - border-left-width: 1px; } - .message-list .message-list-placeholder { - color: #9da0a7; } - .message-list .message-list-placeholder > StIcon { - icon-size: 3.27em; - margin-bottom: 12px; - -st-icon-style: symbolic; } - -.message-list-sections { - spacing: 6px; - margin: 0; - padding-bottom: 6px; } - .message-list-sections:ltr { - margin-right: 12px; } - .message-list-sections:rtl { - margin-left: 12px; } - -.message-list-section, -.message-list-section-list { - spacing: 6px; } - -.message-list-controls { - padding: 6px; - spacing: 6px; } - .message-list-controls .dnd-button { - border-width: 2px; - border-color: transparent; - border-radius: 32px; - border-style: solid; } - .message-list-controls .dnd-button:focus { - border-color: rgba(164, 0, 164, 0.6); } - -.message { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; } - .message:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .message:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .message:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .message:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .message:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .message:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .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: 2.18em; - -st-icon-style: symbolic; } - .message .message-icon-bin > .fallback-app-icon { - width: 1.09em; - height: 1.09em; } - .message .message-content { - spacing: 4px; - padding: 9px; - margin-bottom: 8px; } - .message .message-title { - font-weight: bold; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-top: 0.57em; } - .message .message-secondary-bin { - padding: 0 8px; } - .message .message-secondary-bin > .event-time { - color: rgba(92, 97, 108, 0.5); - font-size: 8pt; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; } - .message .message-secondary-bin > .event-time:ltr { - text-align: right; } - .message .message-secondary-bin > .event-time:rtl { - text-align: left; } - .message .message-close-button { - color: #5c616c; - background-color: rgba(92, 97, 108, 0.2); - border-radius: 99px; - padding: 5px; - margin: 1px; } - .message .message-close-button:hover { - background-color: rgba(92, 97, 108, 0.3); } - .message .message-close-button:active { - background-color: rgba(92, 97, 108, 0.2); } - .message .message-close-button > StIcon { - icon-size: 1.09em; } - .message .message-body { - color: #454850; } - -.url-highlighter { - link-color: #710071; } - -/* Media Controls */ -.message-media-control { - padding: 0 18px; - margin: 12px 0; - border-radius: 8px; - color: #5c616c; } - .message-media-control:hover { - background-color: whitesmoke; - color: #5c616c; } - .message-media-control:active { - background-color: #f0f0f0; - color: #5c616c; } - .message-media-control:insensitive { - color: #aaadb3; } - .message-media-control:last-child:ltr { - margin-right: 12px; } - .message-media-control:last-child:rtl { - margin-left: 12px; } - .message-media-control StIcon { - icon-size: 1.09em; } - -.media-message-cover-icon { - icon-size: 3.27em !important; - border-radius: 8px; } - .media-message-cover-icon.fallback { - color: #34373d; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 8px; - icon-size: 2.18em !important; - padding: 14px; } - -.candidate-popup-content { - padding: 6px; - spacing: 6px; } - -.candidate-index { - padding: 0; - padding-right: 6px; - color: #9da0a7; } - -.candidate-box { - padding: 6px 12px 6px 12px; - border-radius: 8px; } - .candidate-box:selected { - background-color: #a400a4; - color: #ffffff; } - .candidate-box:hover { - background-color: #e8e8e8; - color: #474b53; } - -.candidate-page-button-box { - height: 2em; } - .vertical .candidate-page-button-box { - padding-top: 12px; } - .horizontal .candidate-page-button-box { - padding-left: 12px; } - -.candidate-page-button { - padding: 6px; } - .candidate-page-button StIcon { - icon-size: 1.09em; } - -.candidate-page-button-previous { - border-radius: 8px 0px 0px 8px; - border-right-width: 0; - box-shadow: none; } - -.candidate-page-button-next { - border-radius: 0px 8px 8px 0px; - box-shadow: none; } - -/* Notifications & Message Tray */ -.notification-banner { - min-height: 64px; - width: 34em; - box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); - border-radius: 16px; - margin: 4px; } - .notification-banner .notification-actions { - spacing: 0; } - -.summary-source-counter { - font-size: 9pt; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #a400a4; - color: #ffffff; - border: 2px solid #5c616c; - 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: #454850; } - -.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: #818794; } - .chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; } - -.chat-meta-message { - padding-left: 4px; - font-size: 8pt; - font-weight: bold; - color: #898f9b; } - .chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; } - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 0 4px; } - -/* Modal Dialogs */ -.modal-dialog { - background-color: #ffffff; - border-radius: 16px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); } - .modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; } - -/* End Session Dialog */ -.end-session-dialog { - width: 30em; } - .end-session-dialog .end-session-dialog-battery-warning, - .end-session-dialog .dialog-list-title { - color: #fd7d00; } - -/* Message Dialog */ -.message-dialog-content { - spacing: 18px; } - .message-dialog-content .message-dialog-title { - text-align: center; } - .message-dialog-content .message-dialog-description { - text-align: center; } - -/* Dialog List */ -.dialog-list { - spacing: 18px; } - .dialog-list .dialog-list-title { - text-align: center; } - .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: #50555e; } - -/* Run Dialog */ -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; } - -.run-dialog .run-dialog-entry { - width: 20em; } - -.run-dialog .run-dialog-description { - text-align: center; - color: #2d3035; } - -/* Password or Authentication Dialog */ -.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; } - -.prompt-dialog-error-label { - color: #fd7d00; } - -/* Polkit Dialog */ -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; } - .polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #fd7d00; } - -/* Audio selection dialog */ -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; } - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; } - -.audio-selection-device { - border-radius: 16px; } - .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #e8e8e8; } - .audio-selection-device:active { - background-color: #a400a4; - color: #ffffff; } - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; } - -.audio-selection-device-icon { - icon-size: 4.36em; } - -/* Welcome dialog */ -.welcome-dialog-image { - background-image: url("assets/gnome-shell-start.svg"); - background-size: contain; - /* Reasonable maximum dimensions */ - height: 300px; - width: 300px; } - -/* Access portal dialog */ -.access-dialog { - text-align: center; } - -/* OSD */ -.osd-window { - text-align: center; - font-weight: bold; - spacing: 12px; - padding: 12px 18px; - margin-bottom: 4em; } - .osd-window > * { - spacing: 8px; } - .osd-window StIcon { - icon-size: 2.18em; } - .osd-window StLabel:ltr { - margin-right: 6px; } - .osd-window StLabel:rtl { - margin-left: 6px; } - .osd-window .level { - margin-bottom: 4px; - height: 6px; - min-width: 10.9em; - -barlevel-height: 6px; - -barlevel-background-color: rgba(255, 255, 255, 0.3); - -barlevel-active-background-color: white; - -barlevel-overdrive-color: #d41919; - -barlevel-overdrive-separator-width: 3px; } - .osd-window .level:first-child { - margin-bottom: 0px; } - .osd-window .level:ltr { - margin-right: 6px; } - .osd-window .level:rtl { - margin-left: 6px; } - -.osd-monitor-label { - border-radius: 16px; - font-size: 3em; - font-weight: bold; - margin: 12px; - text-align: center; - min-width: 1.3em; } - -/* Pad OSD */ -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.8); } - .pad-osd-window .pad-osd-title-box { - spacing: 12px; } - .pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; } - -.combo-box-label { - width: 15em; } - -/* App Switcher */ -.switcher-popup { - padding: 0; - spacing: 24px; } - -.switcher-list { - padding: 12px; - border-radius: 28px; - box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); } - .switcher-list .switcher-list-item-container { - spacing: 12px; } - .switcher-list .item-box { - background-color: transparent; } - .switcher-list .item-box:hover { - background-color: rgba(255, 255, 255, 0.1); } - .switcher-list .item-box:selected, .switcher-list .item-box:focus { - background-color: rgba(255, 255, 255, 0.13); } - .switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.16); } - .switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active { - background-color: rgba(255, 255, 255, 0.13); } - .switcher-list .item-box:active { - background-color: rgba(255, 255, 255, 0.16); } - .switcher-list .item-box:outlined, .switcher-list .item-box:checked { - background-color: rgba(255, 255, 255, 0.19); } - .switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active { - background-color: rgba(255, 255, 255, 0.22); } - .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { - background-color: rgba(255, 255, 255, 0.25); } - .switcher-list .item-box:drop { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - .switcher-list .item-box:hover { - background: none; } - .switcher-list .separator { - width: 1px; - background: #d9d9d9; } - .switcher-list .thumbnail-box { - padding: 2px; - spacing: 6px; } - .switcher-list .thumbnail { - width: 256px; - border-radius: 8px; } - -.switcher-arrow { - border-color: rgba(255, 255, 255, 0.8); - color: rgba(255, 255, 255, 0.8); } - .switcher-arrow:highlighted { - border-color: white; - color: white; } - -.input-source-switcher-symbol { - font-size: 34pt; - width: 96px; - height: 96px; } - -.cycler-highlight { - border: 5px solid #a400a4; } - -/* Workspace Switcher */ -.workspace-switcher { - margin-bottom: 4em; - spacing: 12px; - padding: 12px 18px; } - -.ws-switcher-indicator { - background-color: rgba(255, 255, 255, 0.5); - padding: 0.1816666667em; - margin: 0.9083333333em; - border-radius: 2.18em; } - .ws-switcher-indicator:active { - background-color: white; - padding: 0.3633333333em; - margin: 0.7266666667em; } - -.icon-label-button-container { - spacing: 6px; } - .icon-label-button-container StIcon { - icon-size: 32px; } - -.screenshot-ui-panel { - border-radius: 37px; - 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.1); } - .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: 19px; } - -.screenshot-ui-capture-button { - width: 36px; - height: 36px; - border-radius: 99px; - border: 4px white; - padding: 4px; } - .screenshot-ui-capture-button .screenshot-ui-capture-button-circle { - background-color: white; - transition-duration: 200ms; - border-radius: 99px; } - .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { - background-color: #e8e8e8; } - .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: #bf1717; } - .screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { - background-color: #d61a1a; } - .screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { - background-color: #9f1313; } - -.screenshot-ui-shot-cast-container { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 16px; - 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: 13px; } - .screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { - background-color: rgba(255, 255, 255, 0.2); } - .screenshot-ui-shot-cast-button:active { - background-color: rgba(255, 255, 255, 0.5); } - .screenshot-ui-shot-cast-button:checked { - background-color: white; - color: #303340; } - .screenshot-ui-shot-cast-button:insensitive { - color: rgba(255, 255, 255, 0.5); } - .screenshot-ui-shot-cast-button StIcon { - icon-size: 1.09em; } - -.screenshot-ui-show-pointer-button { - border-radius: 99px; - padding: 12px !important; } - .screenshot-ui-show-pointer-button StIcon { - icon-size: 1.09em; } - -.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: 99px; - background-color: white; - box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1); - width: 24px; - height: 24px; } - -.screenshot-ui-window-selector { - background-color: #323643; } - .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: 16px; - 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: #580058; } - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { - border-color: #a400a4; - background-color: rgba(164, 0, 164, 0.2); } - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { - color: #ffffff; - background-color: #a400a4; } - -.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 { - text-align: center; - -y-offset: 24px; } - -/* Top Bar */ -#panel { - background-color: red; - font-weight: bold; - height: 2.2em; - transition-duration: 250ms; - box-shadow: inset 0 -1px 0 0 #f50000; } - #panel .panel-button { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #5c616c; - box-shadow: none; - -natural-hpadding: 12px; - -minimum-hpadding: 6px; } - #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.25); } - #panel .panel-button:active:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.35); } - #panel .panel-button:hover { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.2); } - #panel .panel-button .system-status-icon { - icon-size: 1.09em; - padding: 5px; - margin: 0 4px; } - #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: 15px; } - #panel .panel-button#panelActivities StBoxLayout { - spacing: 5px; } - #panel .panel-button#panelActivities .workspace-dot { - border-radius: 999px; - min-width: 8px; - min-height: 8px; - background-color: #5c616c; } - #panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { - spacing: 6px; } - #panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { - icon-size: 1.09em; } - #panel .panel-button.screen-recording-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #5c616c; - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } - #panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:checked { - box-shadow: inset 0 0 0 100px #bf1717; } - #panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:focus:hover, #panel .panel-button.screen-recording-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.95); } - #panel .panel-button.screen-recording-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } - #panel .panel-button.screen-sharing-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #5c616c; - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } - #panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:checked { - box-shadow: inset 0 0 0 100px #fd7d00; } - #panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:focus:hover, #panel .panel-button.screen-sharing-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.95); } - #panel .panel-button.screen-sharing-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } - #panel .panel-button.clock-display { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #5c616c; - box-shadow: none; - box-shadow: none !important; } - #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.25); } - #panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:focus:hover, #panel .panel-button.clock-display:checked:hover { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.35); } - #panel .panel-button.clock-display:hover { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.2); } - #panel .panel-button.clock-display .clock { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; } - #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { - box-shadow: none !important; } - #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.25); } - #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:focus .clock:hover, #panel .panel-button.clock-display:checked .clock:hover { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.35) !important; } - #panel .panel-button.clock-display:hover { - box-shadow: none !important; } - #panel .panel-button.clock-display:hover .clock { - box-shadow: inset 0 0 0 100px rgba(92, 97, 108, 0.2); } - #panel.unlock-screen, #panel.login-screen, #panel:overview { - background-color: transparent; - box-shadow: none; } - #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel:overview .panel-button { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: white; - box-shadow: none; } - #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35); } - #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.login-screen .panel-button#panelActivities .workspace-dot, #panel:overview .panel-button#panelActivities .workspace-dot { - background-color: white; } - #panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display, #panel:overview .panel-button.clock-display { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: white; - box-shadow: none; - box-shadow: none !important; } - #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:focus:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:focus:hover, #panel.login-screen .panel-button.clock-display:checked:hover, #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:focus:hover, #panel:overview .panel-button.clock-display:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35); } - #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock, #panel:overview .panel-button.clock-display .clock { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; } - #panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked { - box-shadow: none !important; } - #panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } - #panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:focus .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:focus .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover, #panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:focus .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.35) !important; } - #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover { - box-shadow: none !important; } - #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:hover .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } - #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator, #panel:overview .panel-button.screen-recording-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #5c616c; - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } - #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:checked, #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:checked { - box-shadow: inset 0 0 0 100px #bf1717; } - #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover, #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:focus:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.95); } - #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:hover, #panel:overview .panel-button.screen-recording-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } - #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator, #panel:overview .panel-button.screen-sharing-indicator { - transition-duration: 150ms; - border: 3px solid transparent; - border-radius: 99px; - font-weight: bold; - background-color: transparent; - color: #5c616c; - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } - #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:checked, #panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:checked { - box-shadow: inset 0 0 0 100px #fd7d00; } - #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover, #panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:focus:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.95); } - #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:hover, #panel:overview .panel-button.screen-sharing-indicator:hover { - box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } - #panel .panel-status-indicators-box, - #panel .panel-status-menu-box { - spacing: 2px; } - #panel .power-status.panel-status-indicators-box { - spacing: 0; } - #panel .privacy-indicator { - color: #fd7d00; } - -#appMenu { - spacing: 6px; } - #appMenu .label-shadow { - color: transparent; } - -#appMenu .panel-status-menu-box { - padding: 0 6px; - spacing: 6px; } - -.clock-display-box { - spacing: 2px; } - .clock-display-box .clock { - padding-left: 12px; - padding-right: 12px; } - -/* Activities Ripple */ -.ripple-box { - background-color: rgba(255, 255, 255, 0.2); - box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2); - width: 52px; - height: 52px; - border-radius: 0 0 52px 0; } - .ripple-box:rtl { - border-radius: 0 0 0 52px; } - -.quick-settings { - padding: 18px; - border-radius: 36px; } - .quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .background-app-item .close-button, .background-app-item .quick-settings .close-button, .quick-settings .button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .calendar .calendar-day, .calendar .quick-settings .calendar-day { - padding: 10.5px; } - -.quick-settings-grid { - spacing-rows: 12px; - spacing-columns: 12px; } - -.quick-toggle, .quick-menu-toggle { - border-radius: 99px; - min-width: 12em; - max-width: 12em; - min-height: 48px; - border: none; } - -.quick-toggle { - /* Move padding into the box; this is to allow menu arrows - to extend to the border */ } - .quick-toggle:checked { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .quick-toggle:checked:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .quick-toggle:checked:hover, .quick-toggle:checked:focus { - background-color: #be00be; - color: white; } - .quick-toggle:checked:active { - background-color: purple; - color: #ededed; } - .quick-toggle:checked:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - .quick-toggle > StBoxLayout { - spacing: 9px; } - .quick-toggle.button, .quick-toggle.icon-button, .quick-toggle.login-dialog-button.cancel-button, .quick-toggle.login-dialog-button.switch-user-button, .quick-toggle.login-dialog-button.login-dialog-session-list-button, .background-app-item .quick-toggle.close-button, .calendar .calendar-month-header .quick-toggle.pager-button, .calendar .quick-toggle.calendar-day { - 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-title { - font-weight: bold; } - .quick-toggle StBoxLayout > .quick-toggle-subtitle { - font-weight: normal; - font-size: 12px; } - .quick-toggle .quick-toggle-icon { - icon-size: 1.09em; } - -.quick-menu-toggle .quick-toggle { - min-width: auto; - max-width: auto; } - .quick-menu-toggle .quick-toggle:ltr { - border-radius: 99px 0 0 99px; } - .quick-menu-toggle .quick-toggle:ltr > StBoxLayout { - padding-right: 9px; } - .quick-menu-toggle .quick-toggle:rtl { - border-radius: 0 99px 99px 0; } - .quick-menu-toggle .quick-toggle:rtr > StBoxLayout { - padding-left: 9px; } - .quick-menu-toggle .quick-toggle:ltr:last-child { - border-radius: 99px; } - .quick-menu-toggle .quick-toggle:rtl:last-child { - border-radius: 99px; } - -.quick-menu-toggle .quick-toggle-arrow { - padding: 6px 10.5px; - border-width: 0; - border-color: rgba(92, 97, 108, 0.25); } - .quick-menu-toggle .quick-toggle-arrow:checked { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; - border-color: #580058; } - .quick-menu-toggle .quick-toggle-arrow:checked:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-arrow:checked:focus { - background-color: #be00be; - color: white; } - .quick-menu-toggle .quick-toggle-arrow:checked:active { - background-color: purple; - color: #ededed; } - .quick-menu-toggle .quick-toggle-arrow:checked:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - .quick-menu-toggle .quick-toggle-arrow:ltr { - border-radius: 0 99px 99px 0; - border-left-width: 1px; } - .quick-menu-toggle .quick-toggle-arrow:rtl { - border-radius: 99px 0 0 99px; - border-right-width: 1px; } - -.quick-slider > StBoxLayout { - spacing: 6px; } - -.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .background-app-item .close-button, .background-app-item .quick-slider .close-button { - padding: 6px; } - -.quick-slider .slider-bin { - min-height: 16px; - padding: 6px; - border-radius: 99px; } - .quick-slider .slider-bin:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .quick-slider .slider-bin:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .quick-slider .slider-bin:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - -.quick-toggle-menu { - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; - background-color: #ffffff !important; - color: #5c616c !important; - border-radius: 24px; - padding: 12px; - margin: 12px 18px 0; } - .quick-toggle-menu:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .quick-toggle-menu:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .quick-toggle-menu:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .quick-toggle-menu:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .quick-toggle-menu:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .quick-toggle-menu:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - .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: 1.635em; - border-radius: 999px; - padding: 9px; - background-color: rgba(92, 97, 108, 0.2); } - .quick-toggle-menu .header .icon.active { - background-color: #a400a4; - color: #ffffff; } - -.quick-settings-system-item > StBoxLayout { - spacing: 12px; } - -.quick-settings-system-item .power-item { - min-height: 0; - min-width: 0; } - .quick-settings-system-item .power-item:insensitive { - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; - background-color: transparent; } - -.nm-network-item .wireless-secure-icon { - icon-size: 0.545em; } - -.bt-device-item .popup-menu-icon { - -st-icon-style: symbolic; } - -.bt-menu-placeholder.popup-menu-item { - text-align: center; - padding: 2em 4em; } - -.device-subtitle { - color: rgba(92, 97, 108, 0.5); } - -.keyboard-brightness-item .slider { - min-height: 16px; } - -.keyboard-brightness-level { - spacing: 6px; } - .keyboard-brightness-level .button:checked, .keyboard-brightness-level .icon-button:checked, .keyboard-brightness-level .login-dialog-button.cancel-button:checked, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked, .keyboard-brightness-level .background-app-item .close-button:checked, .background-app-item .keyboard-brightness-level .close-button:checked, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked, .keyboard-brightness-level .calendar .calendar-day:checked, .calendar .keyboard-brightness-level .calendar-day:checked { - transition-duration: 100ms; - background-color: #a400a4; - color: #ffffff; } - .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } - .keyboard-brightness-level .button:checked:hover, .keyboard-brightness-level .icon-button:checked:hover, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:hover, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:hover, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:hover, .keyboard-brightness-level .background-app-item .close-button:checked:hover, .background-app-item .keyboard-brightness-level .close-button:checked:hover, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:hover, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:hover, .keyboard-brightness-level .calendar .calendar-day:checked:hover, .calendar .keyboard-brightness-level .calendar-day:checked:hover, .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { - background-color: #be00be; - color: white; } - .keyboard-brightness-level .button:checked:active, .keyboard-brightness-level .icon-button:checked:active, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:active, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:active, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:active, .keyboard-brightness-level .background-app-item .close-button:checked:active, .background-app-item .keyboard-brightness-level .close-button:checked:active, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:active, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:active, .keyboard-brightness-level .calendar .calendar-day:checked:active, .calendar .keyboard-brightness-level .calendar-day:checked:active { - background-color: purple; - color: #ededed; } - .keyboard-brightness-level .button:checked:insensitive, .keyboard-brightness-level .icon-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:insensitive, .keyboard-brightness-level .background-app-item .close-button:checked:insensitive, .background-app-item .keyboard-brightness-level .close-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:insensitive, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-day:checked:insensitive, .calendar .keyboard-brightness-level .calendar-day:checked:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: rgba(164, 0, 164, 0.5); - color: rgba(255, 255, 255, 0.5); } - -.background-apps-quick-toggle { - min-height: 40px; - background-color: transparent; } - .background-apps-quick-toggle StIcon { - icon-size: 1.09em !important; } - -.background-app-item .popup-menu-icon { - icon-size: 2.18em !important; - -st-icon-style: regular !important; } - -.background-app-item .close-button { - padding: 6px; } - -.background-app-item .spinner { - padding: 6px; } - -.background-app-item.popup-inactive-menu-item { - color: #5c616c; } - -/* OVERVIEW */ -.controls-manager, .secondary-monitor-workspaces { - spacing: 12px; } - -#overviewGroup { - background-color: #272a34; } - -.overview-controls { - padding-bottom: 32px; } - -/* Window Picker */ -.window-picker { - spacing: 6px; } - -.window-close, .screenshot-ui-close-button { - background-color: rgba(65, 70, 87, 0.98); - color: white; - border-radius: 99px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); - padding: 3px; - height: 30px; - width: 30px; - transition-duration: 100ms; } - .window-close StIcon, .screenshot-ui-close-button StIcon { - icon-size: 24px; } - .window-close:hover, .screenshot-ui-close-button:hover { - background-color: rgba(81, 87, 107, 0.98); } - .window-close:active, .screenshot-ui-close-button:active { - background-color: rgba(94, 101, 125, 0.98); } - -.workspace-background { - border-radius: 30px; - background-color: rgba(3, 2, 1, 0); - box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.1); } - -.search-entry { - border-radius: 99px; - margin-top: 12px; - margin-bottom: 6px; - width: 24em; } - .search-entry .search-entry-icon { - icon-size: 1.09em; - margin-top: 2px; - padding: 0 4px; } - -/* Search */ -#searchResults { - margin: 0 4px; } - -#searchResultsContent { - max-width: 1072px; } - -.search-section { - spacing: 18px; } - .search-section .search-section-separator { - height: 8px; - background-color: transparent; } - -.search-section-content { - background-color: #3d3f48; - color: white; - border-radius: 24px; - padding: 12px; - margin: 0 12px; } - -.list-search-result, .search-provider-icon { - background-color: transparent; - border-radius: 11px; } - .list-search-result:hover, .search-provider-icon:hover { - background-color: rgba(255, 255, 255, 0.1); } - .list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus { - background-color: rgba(255, 255, 255, 0.13); } - .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover { - background-color: rgba(255, 255, 255, 0.16); } - .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active { - background-color: rgba(255, 255, 255, 0.13); } - .list-search-result:active, .search-provider-icon:active { - background-color: rgba(255, 255, 255, 0.16); } - .list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(255, 255, 255, 0.19); } - .list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active { - background-color: rgba(255, 255, 255, 0.22); } - .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { - background-color: rgba(255, 255, 255, 0.25); } - .list-search-result:drop, .search-provider-icon:drop { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.search-statustext { - color: rgba(255, 255, 255, 0.8); } - -.grid-search-results { - spacing: 30px; - margin: 0 12px; } - -.search-provider-icon:ltr { - margin-right: 4px; } - -.search-provider-icon:rtl { - margin-left: 4px; } - -.search-provider-icon .list-search-provider-content { - spacing: 12px; } - .search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - color: white; } - -.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: #989aa1; } - -/* Dash */ -#dash { - margin-top: 12px; } - #dash .placeholder { - background-image: none; - background-size: contain; - height: 32px; } - #dash .empty-dash-drop-target { - width: 32px; - height: 32px; } - #dash .app-well-app-running-dot { - margin-bottom: 14px; } - -.dash-background { - background-color: #3d3f48; - border-radius: 28px; - padding: 12px; - spacing: 6px; - margin-bottom: 12px; } - -.dash-item-container > * { - margin: 0 2px; } - -.dash-item-container:ltr:first-child { - margin-left: 0; } - -.dash-item-container:rtl:first-child { - margin-right: 0; } - -.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon { - padding: 6px; - border-radius: 16px; } - -.dash-item-container .show-apps { - transition-duration: 400ms; } - .dash-item-container .show-apps .overview-icon { - background-color: transparent; } - .dash-item-container .show-apps:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .dash-item-container .show-apps:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .dash-item-container .show-apps:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { - padding-bottom: 12px; - color: white; } - -.dash-separator { - width: 1px; - margin: 0 4px; - background-color: rgba(255, 255, 255, 0.1); - margin-bottom: 12px; } - -.dash-label { - -y-offset: 8px; } - -/* App Grid */ -.icon-grid { - row-spacing: 12px; - column-spacing: 12px; - max-row-spacing: 42px; - max-column-spacing: 42px; - page-padding-top: 24px; - page-padding-bottom: 24px; - page-padding-left: 18px; - page-padding-right: 18px; } - -/* App Icons */ -.app-well-app, .grid-search-result { - transition-duration: 400ms; } - .app-well-app .overview-icon, .grid-search-result .overview-icon { - background-color: transparent; } - .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - .app-well-app .overview-icon, .grid-search-result .overview-icon { - padding: 12px; - border-radius: 24px; - color: white; } - .app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; } - -.app-well-app.app-folder, .app-folder.grid-search-result { - transition-duration: 400ms; } - .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { - background-color: rgba(255, 255, 255, 0.07); } - .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.app-folder-dialog { - border-radius: 64px; - background-color: #3d3f48; - padding: 12px; - 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-entry { - width: 12em; - color: white !important; } - .app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: white; } - .app-folder-dialog .folder-name-container .edit-folder-button { - padding: 0; - width: 36px; - height: 36px; - border-radius: 99px; } - .app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 1.09em; } - .app-folder-dialog .icon-grid { - row-spacing: 12px; - column-spacing: 30px; - 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: 12px; - width: 720px; - height: 720px; } - -.app-well-app-running-dot { - height: 5px; - width: 5px; - border-radius: 5px; - margin-bottom: 8px; - background-color: white; } - -.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; } - -.page-indicator { - padding: 6px 12px 0; - transition-duration: 400ms; } - .page-indicator .page-indicator-icon { - width: 10px; - height: 10px; - border-radius: 10px; - background-color: white; - transition-duration: 400ms; } - -.apps-scroll-view { - padding: 0; } - -.system-action-icon { - background-color: rgba(255, 255, 255, 0.1); - color: white; - border-radius: 99px; - icon-size: 48px; } - -.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: 24px 0px 0px 24px; } - -.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 24px 24px 0px; } - -.page-navigation-arrow { - margin: 6px; - padding: 18px; - width: 24px; - height: 24px; - border-radius: 99px; - transition-duration: 100ms; } - .page-navigation-arrow > StIcon { - color: white; } - .page-navigation-arrow:insensitive { - transition-duration: 100ms; - background-color: transparent; - background-color: none; - box-shadow: none; } - .page-navigation-arrow:insensitive:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); - background-color: transparent; } - .page-navigation-arrow:hover { - transition-duration: 100ms; - color: white; - background-color: rgba(94, 97, 106, 0.55); } - .page-navigation-arrow:active { - transition-duration: 100ms; - color: white; - background-color: rgba(87, 89, 98, 0.55); } - -/* Workspace pager */ -.workspace-thumbnails { - visible-width: 32px; - spacing: 6px; - padding: 6px; } - .workspace-thumbnails .workspace-thumbnail { - color: white; - background-color: #484d60; - border-radius: 4px; - border: 1px solid transparent; } - .workspace-thumbnails .placeholder { - background-image: url("assets/workspace-placeholder.svg"); - background-size: contain; - width: 18px; } - -.workspace-thumbnail-indicator { - border: 3px solid #a400a4; - border-radius: 8px; } - -.ripple-pointer-location { - width: 50px; - height: 50px; - border-radius: 25px; - background-color: rgba(255, 62, 255, 0.3); - box-shadow: 0 0 2px 2px #ff0bff; } - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #a400a4; - -pie-background-color: rgba(255, 113, 255, 0.3); } - -.magnifier-zoom-region { - border: 2px solid #a400a4; } - .magnifier-zoom-region.full-screen { - border-width: 0; } - -.select-area-rubberband { - background-color: rgba(164, 0, 164, 0.3); - border: 1px solid #a400a4; } - -.user-icon { - background-size: contain; - color: white; - border-radius: 99px; - icon-size: 4.36em; } - .user-icon StIcon { - background-color: rgba(255, 255, 255, 0.05); - border-radius: 99px; - padding: 12px; - width: 2.725em; - height: 2.725em; } - .user-icon.user-avatar { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); } - -.lightbox { - background-color: black; } - -.flashspot { - background-color: white; } - -.hidden { - color: transparent; } - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - color: #fd7d00; } - -/* Workspace animation */ -.workspace-animation { - background-color: #323643; } - -/* Tiled window previews */ -.tile-preview { - background-color: rgba(164, 0, 164, 0.5); - border: 1px solid #a400a4; } - -/* On-screen Keyboard */ -#keyboard { - background-color: rgba(26, 28, 35, 0.96); - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } - #keyboard .page-indicator { - padding: 6px; } - #keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; } - -.key-container { - padding: 4px; - spacing: 4px; } - -.keyboard-key { - font-size: 15pt; - font-weight: bold; - min-height: 1.2em; - min-width: 1.2em; - border-width: 1px; - border-style: solid; - border-radius: 12px; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); - color: white; - background-color: #363a48; } - .keyboard-key:focus { - color: white; - background-color: #413552; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } - .keyboard-key:focus:hover { - background-color: #4b3f5f; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-key:focus:active { - background-color: #4f4364; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-key:hover { - color: white; - background-color: #3f4454; } - .keyboard-key:active { - color: white; - background-color: #464b5d; } - .keyboard-key:checked { - color: white; - background-color: #51576b; } - .keyboard-key:grayed { - background-color: #f7f7f7; - color: white; - border-color: black; } - .keyboard-key.default-key { - color: white; - background-color: #4c5266; - border-radius: 12px; } - .keyboard-key.default-key:hover { - color: white; - background-color: #555b71; } - .keyboard-key.default-key:active { - color: white; - background-color: #5b627a; } - .keyboard-key.default-key:checked { - color: white; - background-color: #666e89; } - .keyboard-key.default-key:latched { - border-color: #be00be; - background-color: #a400a4; } - .keyboard-key.enter-key { - color: #ffffff; - background-color: #b300b3; - border-radius: 12px; - color: white; } - .keyboard-key.enter-key:hover { - color: #ffffff; - background-color: #c800c8; } - .keyboard-key.enter-key:active { - color: #ffffff; - background-color: #d700d7; } - .keyboard-key.enter-key:checked { - color: #ffffff; - background-color: #f100f1; } - .keyboard-key.shift-key-uppercase { - background-color: #5b627a; - color: #303340; } - .keyboard-key.shift-key-uppercase:hover { - background-color: #666e89; - color: #3b3f4e; } - .keyboard-key StIcon { - icon-size: 24px; } - -.keyboard-subkeys { - -arrow-border-radius: 16px; - -arrow-background-color: #303340; - -arrow-border-width: 1px; - -arrow-border-color: #43495a; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 6px; - padding: 6px; } - .keyboard-subkeys .keyboard-key { - color: white; - background-color: #363a48; - border-radius: 12px; } - .keyboard-subkeys .keyboard-key:focus { - color: white; - background-color: #413552; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } - .keyboard-subkeys .keyboard-key:focus:hover { - background-color: #4b3f5f; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-subkeys .keyboard-key:focus:active { - background-color: #4f4364; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .keyboard-subkeys .keyboard-key:hover { - color: white; - background-color: #3f4454; } - .keyboard-subkeys .keyboard-key:active { - color: white; - background-color: #464b5d; } - .keyboard-subkeys .keyboard-key:checked { - color: white; - background-color: #51576b; } - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; } - -.emoji-panel .keyboard-key:latched { - border-color: #be00be; - background-color: #a400a4; } - -.word-suggestions { - font-size: 11pt; - spacing: 12px; - min-height: 17pt; - padding: 12px; - color: white; } - .word-suggestions StButton { - margin: 0 3px; - min-width: 32px; - border-radius: 6px; - padding: 0px 18px; - background-color: transparent; - background-image: none; } - .word-suggestions StButton:focus { - color: white; - background-color: #413552; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } - .word-suggestions StButton:focus:hover { - background-color: #4b3f5f; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .word-suggestions StButton:focus:active { - background-color: #4f4364; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7); } - .word-suggestions StButton:hover { - color: white; - background-color: #3f4454; } - .word-suggestions StButton:active { - color: white; - background-color: #464b5d; } - .word-suggestions StButton:checked { - color: white; - background-color: #51576b; } - -/* Looking Glass */ -#LookingGlassDialog { - background-color: rgba(48, 51, 64, 0.98); - color: white; - border-radius: 16px; - margin-top: 4px; - border-top-width: 0; - padding: 6px; - spacing: 6px; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } - #LookingGlassDialog > #Toolbar { - border: none; - padding: 6px; - border-radius: 0; - background-color: transparent; - spacing: 6px; } - #LookingGlassDialog > #Toolbar .lg-toolbar-button { - padding: 6px 12px; } - #LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { - icon-size: 1.09em; } - #LookingGlassDialog .labels { - spacing: 6px; } - #LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 12px; - padding: 6px 12px; } - #LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 6px; - padding: 6px; } - #LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 6px; - padding: 6px; } - -.lg-dialog StEntry { - min-height: 22px; } - -.lg-dialog .shell-link { - color: #710071; } - .lg-dialog .shell-link:hover { - color: #a400a4; } - .lg-dialog .shell-link:active { - color: #3e003e; } - -.lg-dialog .actor-link { - color: #9da0a7; } - .lg-dialog .actor-link:hover { - color: #d3d4d7; } - .lg-dialog .actor-link:active { - color: #696d75; } - .lg-dialog .actor-link StIcon { - icon-size: 12px; } - -.lg-completions-text { - font-style: italic; } - -.lg-obj-inspector-title { - spacing: 6px; } - -.lg-obj-inspector-button { - border: 1px solid #d9d9d9; - padding: 4px; - border-radius: 8px; } - .lg-obj-inspector-button:hover { - border: 1px solid #5c616c; } - -#lookingGlassExtensions { - padding: 6px; } - -.lg-extensions-list { - padding: 6px; - spacing: 6px; } - -.lg-extension { - padding: 12px; - border-radius: 12px; - margin: 4px; - transition-duration: 100ms; - color: #5c616c; - background-color: #efeff0; } - .lg-extension:hover { - transition-duration: 100ms; - color: #5c616c; - background-color: #e7e7e9; } - .lg-extension:active { - transition-duration: 100ms; - color: #5c616c; - background-color: #dfdfe1; } - .lg-extension:focus { - transition-duration: 100ms; - color: #5c616c; - background-color: #e8d7e8; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } - .lg-extension:focus:hover { - background-color: #efdeef; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .lg-extension:focus:active { - background-color: #f6e5f6; - box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } - .lg-extension:insensitive { - transition-duration: 100ms; - color: rgba(92, 97, 108, 0.4); - background-color: rgba(92, 97, 108, 0.1); } - -.lg-extension-meta { - spacing: 6px; } - -#LookingGlassPropertyInspector { - background: #ffffff; - border: 1px solid #d9d9d9; - border-radius: 8px; - padding: 6px; } - -.lg-debug-flag-button { - color: white; } - .lg-debug-flag-button StLabel { - padding: 6px, 12px; } - .lg-debug-flag-button:hover { - color: white; } - .lg-debug-flag-button:active { - color: #cccccc; } - -.lg-debug-flags-header { - padding-top: 12px; - padding: 6px; } - -.login-dialog .caps-lock-warning-label, -.login-dialog .login-dialog-message-warning, -.unlock-dialog .caps-lock-warning-label, -.unlock-dialog .login-dialog-message-warning { - color: white; } - -/* Login Dialog */ -.login-dialog { - background-color: #323643; } - -.login-dialog-button.cancel-button { - padding: 9px; } - -.login-dialog-button-box { - width: 23em; - spacing: 12px; } - -.login-dialog-logo-bin { - margin: 3em 0; } - -.login-dialog-banner { - color: #e6e6e6; } - -.login-dialog-banner-view { - max-width: 23em; } - -.login-dialog-message { - text-align: center; } - -.login-dialog-user-selection-box { - padding: 100px 0px; } - -.login-dialog-not-listed-label { - font-size: 10pt; - font-weight: bold; - color: #b3b3b3; - padding: 12px; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; } - .login-dialog-not-listed-button:focus .login-dialog-not-listed-label { - text-decoration: underline; } - -.login-dialog-auth-list-view { - -st-vfade-offset: 1em; } - -.login-dialog-auth-list { - spacing: 6px; - margin-left: 2em; } - -.login-dialog-auth-list-title { - margin-left: 2em; } - -.login-dialog-auth-list-item { - border-radius: 16px; - padding: 4px; - color: #b3b3b3; } - .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { - background-color: #a400a4; - color: #ffffff; } - -.login-dialog-auth-list-label { - font-size: 12pt; - font-weight: bold; - padding-left: 15px; } - .login-dialog-auth-list-label:ltr { - padding-left: 14px; - text-align: left; } - .login-dialog-auth-list-label:rtl { - padding-right: 14px; - text-align: right; } - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; } - -.login-dialog-user-list { - spacing: 12px; - width: 23em; } - .login-dialog-user-list .login-dialog-user-list-item { - border-radius: 12px; - padding: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: white; } - .login-dialog-user-list .login-dialog-user-list-item .user-widget .user-icon { - border: 4px solid transparent; } - .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin-top: 6px; - background-color: #b3b3b3; } - .login-dialog-user-list .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #ffffff; } - .login-dialog-user-list:expanded .login-dialog-user-list-item { - transition-duration: 300ms; - transition-timing-function: ease; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.1); - color: white; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: #a400a4; - color: #ffffff; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover { - background-color: #be00be; } - .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in .user-widget .user-icon { - border-color: #a400a4; } - -.login-dialog-prompt-layout { - spacing: 12px; - width: 26em; } - -/* Screen Shield */ -.unlock-dialog { - background-color: transparent; } - .unlock-dialog .login-dialog-prompt-entry:focus { - transition-duration: 100ms; - background-color: rgba(255, 255, 255, 0.2625); - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); - color: white; } - -.screen-shield-background { - background: black; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } - -#lockDialogGroup { - background-color: #323643; } - -.unlock-dialog-clock { - color: white; - spacing: 2em; } - .unlock-dialog-clock .unlock-dialog-clock-time { - font-size: 72pt; - font-weight: 200; } - .unlock-dialog-clock .unlock-dialog-clock-date { - font-weight: 400; } - .unlock-dialog-clock .unlock-dialog-clock-hint { - margin-top: 2em; - padding: 6px 18px; - border-radius: 16px; - font-weight: bold; } - -#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { - background-color: rgba(255, 255, 255, 0.3); } - #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - background-color: rgba(255, 255, 255, 0.5); } - #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - background-color: rgba(164, 0, 164, 0.5); } - -.unlock-dialog-notifications-container { - margin: 12px; - 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 16px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: white; - border-radius: 16px; } - .unlock-dialog-notifications-container .notification.critical, - .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(255, 255, 255, 0.2); } - -.unlock-dialog-notification-label { - padding-left: 12px; - padding-right: 0; } - .unlock-dialog-notification-label:rtl { - padding-right: 12px; - padding-left: 0; } - -.unlock-dialog-notification-count-text { - font-weight: bold; - padding: 0 12px; - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 99px; } - -.user-widget .user-widget-label { - color: white; } - -.user-widget.horizontal { - spacing: 18px; } - .user-widget.horizontal .user-icon StIcon { - padding: 12px; - icon-size: 2.18em; - width: 3.27em; - height: 3.27em; - background-color: rgba(255, 255, 255, 0.1); } - -.user-widget.vertical { - spacing: 24px; } - .user-widget.vertical .user-widget-label { - text-align: center; - margin-bottom: .75em; } - .user-widget.vertical .user-icon { - icon-size: 10.9em; } - .user-widget.vertical .user-icon StIcon { - padding: 32px; - icon-size: 4.36em; - background-color: rgba(255, 255, 255, 0.1); } - -.workspace-thumbnails .workspace-thumbnail, .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .dash-background, .dash-separator, .search-section-content, .search-entry { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); } - -.icon-dropshadow { - icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } - -/* Slider */ -.slider { - -barlevel-border-width: 0; - -barlevel-height: 6px; - -slider-handle-radius: 0; } - -/* Message List */ -.message-list-controls { - spacing: 12px; - font-size: 10pt; } - -.message .message-content { - padding: 6px; - spacing: 0; } - -.message .message-title { - padding-top: .5em; } - -.message .message-secondary-bin > .event-time { - padding-bottom: .5em; } - -/* Notifications & Message Tray */ -.notification-banner { - box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } - -/* Window Picker */ -.window-caption { - color: black; - background-color: white; - box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.2); } - -.window-close, .screenshot-ui-close-button { - background-image: url("assets/close-window.svg"); - background-size: 32px; - background-color: transparent; - box-shadow: none; - color: transparent; - height: 32px; - width: 32px; - transition-duration: .2s; } - .window-close:hover, .screenshot-ui-close-button:hover { - background-image: url("assets/close-window-hover.svg"); - background-color: transparent; } - .window-close:active, .screenshot-ui-close-button:active { - background-image: url("assets/close-window-active.svg"); - background-color: transparent; - color: transparent; - transition-duration: 0s; } - -/* Workspace Switcher */ -.ws-switcher-indicator { - padding: 2px; - margin: 10px; } - .ws-switcher-indicator:active { - padding: 4px; - margin: 8px; } - -/* Top Bar */ -#panel { - background: rgba(255, 255, 255, 0.8); - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: none; } - #panel StIcon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - #panel .panel-button { - color: black; } - #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.75); } - #panel .panel-button:active:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.85); } - #panel .panel-button:hover { - box-shadow: inset 0 0 0 100px white; } - #panel .panel-button.clock-display { - color: black; } - #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.75); } - #panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:focus .clock:hover, #panel .panel-button.clock-display:checked .clock:hover { - box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.85); } - #panel .panel-button.clock-display:hover { - box-shadow: none !important; } - #panel .panel-button.clock-display:hover .clock { - box-shadow: inset 0 0 0 100px white; } - #panel .panel-button#panelActivities .workspace-dot { - background-color: black; } - #panel .panel-button.screen-recording-indicator, #panel .panel-button.screen-sharing-indicator { - color: white; } - -/* Search */ -.search-entry { - width: 21em; - padding: .6em .8em; - font-size: 1.1em; - font-weight: bold; - border: none; - text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); - transition-duration: 200ms; } - .search-entry, .search-entry StLabel.hint-text { - color: white; } - .search-entry:focus, .search-entry:hover { - background-color: white; - font-weight: normal; - box-shadow: none; - text-shadow: none; } - .search-entry:focus, .search-entry:focus StLabel.hint-text, .search-entry:hover, .search-entry:hover StLabel.hint-text { - color: black; } - .search-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon { - color: black; - icon-shadow: none; } - .search-entry .search-entry-icon { - color: white; - icon-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } - -.search-provider-icon .list-search-provider-details { - font-weight: bold; } - -.list-search-result .list-search-result-description { - color: rgba(255, 255, 255, 0.8); } - -/* Dash */ -#dash { - color: white; } - #dash StIcon { - icon-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); } - -/* App Grid */ -#overview, .app-well-app, .grid-search-result { - color: white; } - -.app-well-app.app-folder, .app-folder.grid-search-result { - transition-duration: 400ms; } - .app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon { - background-color: rgba(255, 255, 255, 0.07); } - .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.13); } - .app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon { - background-color: rgba(255, 255, 255, 0.16); } - .app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.19); } - .app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon { - background-color: rgba(255, 255, 255, 0.22); } - .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.25); } - .app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon { - border: 2px solid rgba(164, 0, 164, 0.8); - background-color: rgba(164, 0, 164, 0.2); } - -.app-folder-dialog { - background: black; - box-shadow: 0 0 100px #0a0a0a; } - -/* OSD */ -.osd-window, .workspace-switcher { - margin-bottom: 128px; } - -/* Workspace pager */ -.workspace-thumbnail-indicator { - border: 2px solid white; } diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/border.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/border.png deleted file mode 100644 index 1bcddebd..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/border.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-active.png deleted file mode 100644 index 94a3c1ad..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-hover.png deleted file mode 100644 index f5a993db..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-insensitive.png deleted file mode 100644 index 3050516b..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button.png deleted file mode 100644 index d19f6463..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/button.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-active.png deleted file mode 100644 index 18e3cc34..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-hover.png deleted file mode 100644 index c1b8553d..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-insensitive.png deleted file mode 100644 index 307de93c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked.png deleted file mode 100644 index 38a9a994..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-active.png deleted file mode 100644 index 05f8b70c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index 5db26490..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png deleted file mode 100644 index 368bf459..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed.png deleted file mode 100644 index d2be5117..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-active.png deleted file mode 100644 index f84905d8..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-hover.png deleted file mode 100644 index 1c210e37..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png deleted file mode 100644 index edfd5534..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked.png deleted file mode 100644 index f8f3f740..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png deleted file mode 100644 index d91d44c5..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png deleted file mode 100644 index eb7d91fa..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png deleted file mode 100644 index 00696b10..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button.png deleted file mode 100644 index a522ec43..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-active.png deleted file mode 100644 index 40a76750..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png deleted file mode 100644 index 7edca585..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry.png deleted file mode 100644 index 2ee1eec6..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png deleted file mode 100644 index 0d6048b2..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png deleted file mode 100644 index bcce5421..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png deleted file mode 100644 index c33af0a2..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button.png deleted file mode 100644 index 775f5e37..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png deleted file mode 100644 index 061d8b1c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png deleted file mode 100644 index 8d819a6c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry.png deleted file mode 100644 index d8217d17..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-active.png deleted file mode 100644 index 402ab3a1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background-insensitive.png deleted file mode 100644 index 8e0082b1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background.png deleted file mode 100644 index 2d8d70f2..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-insensitive.png deleted file mode 100644 index 48eee30a..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry.png deleted file mode 100644 index be1a3a29..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/focus.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/focus.png deleted file mode 100644 index a7139281..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/focus.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-inline.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-inline.png deleted file mode 100644 index cfefbc77..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-inline.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-notebook.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-notebook.png deleted file mode 100644 index 9f976b7c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-notebook.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame.png deleted file mode 100644 index 0c5ec3a8..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-horz.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-horz.png deleted file mode 100644 index efaaaedf..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-horz.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-vert.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-vert.png deleted file mode 100644 index c3fdb71f..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-vert.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle.png deleted file mode 100644 index 2cc4997f..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/line.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/line.png deleted file mode 100644 index 298041c1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/line.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-border.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-border.png deleted file mode 100644 index 0c5ec3a8..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-border.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png deleted file mode 100644 index 4605163a..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png deleted file mode 100644 index 4cb0312f..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked.png deleted file mode 100644 index 78480542..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-hover.png deleted file mode 100644 index 1f744119..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-insensitive.png deleted file mode 100644 index 5a87940e..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png deleted file mode 100644 index 5d41cb75..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png deleted file mode 100644 index b9873563..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed.png deleted file mode 100644 index 8164f771..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox.png deleted file mode 100644 index 123e931b..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down-insensitive.png deleted file mode 100644 index d534a11c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down.png deleted file mode 100644 index 32c699fa..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-hover.png deleted file mode 100644 index 51641dc5..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-insensitive.png deleted file mode 100644 index ecaf93d6..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left.png deleted file mode 100644 index 704ec8bd..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-hover.png deleted file mode 100644 index 1140a2f1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-insensitive.png deleted file mode 100644 index a1409d3e..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right.png deleted file mode 100644 index 5cdd1611..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up-insensitive.png deleted file mode 100644 index 85100b32..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up.png deleted file mode 100644 index 9122e696..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-hover.png deleted file mode 100644 index 0af512ef..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png deleted file mode 100644 index 6a177eec..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked.png deleted file mode 100644 index d99d545c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-hover.png deleted file mode 100644 index 073bd14a..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-insensitive.png deleted file mode 100644 index 36e4dcbd..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-hover.png deleted file mode 100644 index 45d00d3c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png deleted file mode 100644 index 73622d7d..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed.png deleted file mode 100644 index ff092777..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio.png deleted file mode 100644 index f6e2bff9..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menubar-item-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menubar-item-active.png deleted file mode 100644 index 31fd1303..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/menubar-item-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png deleted file mode 100644 index 9f19eb18..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png deleted file mode 100644 index 7edca585..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png deleted file mode 100644 index 2ee1eec6..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png deleted file mode 100644 index 2a38312c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png deleted file mode 100644 index 30d75f48..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png deleted file mode 100644 index 61d8ce9e..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-active.png deleted file mode 100644 index 402ab3a1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-insensitive.png deleted file mode 100644 index 48eee30a..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry.png deleted file mode 100644 index be1a3a29..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down-insensitive.png deleted file mode 100644 index d534a11c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down.png deleted file mode 100644 index 32c699fa..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-insensitive.png deleted file mode 100644 index 13c0e973..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-semi.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-semi.png deleted file mode 100644 index 715e6cb2..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-semi.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left.png deleted file mode 100644 index a87c9b7f..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-insensitive.png deleted file mode 100644 index 7a51e721..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-semi.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-semi.png deleted file mode 100644 index f0b4f23d..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-semi.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right.png deleted file mode 100644 index 00bafd44..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up-insensitive.png deleted file mode 100644 index 85100b32..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up.png deleted file mode 100644 index 9122e696..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz-trough.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz-trough.png deleted file mode 100644 index cac97234..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz.png deleted file mode 100644 index e3e672cf..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert-trough.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert-trough.png deleted file mode 100644 index 5f2c6ff9..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert.png deleted file mode 100644 index 28b8027d..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-active.png deleted file mode 100644 index 56660bef..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-hover.png deleted file mode 100644 index aa8cb2c5..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-insensitive.png deleted file mode 100644 index 74fb002c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked.png deleted file mode 100644 index f76f67e9..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-active.png deleted file mode 100644 index 560fb627..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-hover.png deleted file mode 100644 index b51fd50f..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-insensitive.png deleted file mode 100644 index 55e59308..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed.png deleted file mode 100644 index 0512a835..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-active.png deleted file mode 100644 index 7cf84d8a..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-hover.png deleted file mode 100644 index f28cfc19..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-insensitive.png deleted file mode 100644 index f518dfd0..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked.png deleted file mode 100644 index 21fd3d44..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-focus.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-focus.png deleted file mode 100644 index b35faeab..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-focus.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough-active.png deleted file mode 100644 index 54286a48..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough.png deleted file mode 100644 index ef2e32cf..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-active.png deleted file mode 100644 index 473e4e66..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-hover.png deleted file mode 100644 index 665ce5d8..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-insensitive.png deleted file mode 100644 index a9713ee1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider.png deleted file mode 100644 index 252e2dbe..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough-active.png deleted file mode 100644 index ca14e21a..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough.png deleted file mode 100644 index 52d46e33..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png deleted file mode 100644 index 7546030f..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png deleted file mode 100644 index 30e05f2e..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider.png deleted file mode 100644 index 13f2d06d..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-trough.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-trough.png deleted file mode 100644 index d51da4d0..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png deleted file mode 100644 index 2f467c3c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png deleted file mode 100644 index c44ecf3b..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png deleted file mode 100644 index 94d6ec25..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png deleted file mode 100644 index 68aae1cb..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png deleted file mode 100644 index fda7fc74..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider.png deleted file mode 100644 index a3ae5602..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough-rtl.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough-rtl.png deleted file mode 100644 index d1310c08..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough.png deleted file mode 100644 index 885ef7cc..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down-insensitive.png deleted file mode 100644 index 360306b9..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down.png deleted file mode 100644 index e2923bff..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-active.png deleted file mode 100644 index 992c2b82..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-hover.png deleted file mode 100644 index 3b7e4346..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png deleted file mode 100644 index bd5ac0e9..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down.png deleted file mode 100644 index 929014c7..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-active.png deleted file mode 100644 index dd45e369..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-hover.png deleted file mode 100644 index a57cca3b..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png deleted file mode 100644 index b2726406..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up.png deleted file mode 100644 index fab62955..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-active.png deleted file mode 100644 index f87ec794..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-hover.png deleted file mode 100644 index 92b805b0..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png deleted file mode 100644 index 10b09864..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down.png deleted file mode 100644 index b82f52e9..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-active.png deleted file mode 100644 index 143447ce..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-hover.png deleted file mode 100644 index 0d923736..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png deleted file mode 100644 index 00499612..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up.png deleted file mode 100644 index 26ac231b..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up-insensitive.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up-insensitive.png deleted file mode 100644 index fcf1288c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up-insensitive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up.png deleted file mode 100644 index 674653f8..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down-active.png deleted file mode 100644 index 158aca5c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down.png deleted file mode 100644 index aefee368..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-horz-gap.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-horz-gap.png deleted file mode 100644 index a3dbd5f6..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-horz-gap.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left-active.png deleted file mode 100644 index dd2915df..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left.png deleted file mode 100644 index c0bb490a..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right-active.png deleted file mode 100644 index 45520748..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right.png deleted file mode 100644 index 791768c1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up-active.png deleted file mode 100644 index 63efe0fe..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up.png deleted file mode 100644 index 8857e310..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-vert-gap.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-vert-gap.png deleted file mode 100644 index 50b4224b..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-vert-gap.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-active.png deleted file mode 100644 index 32c699fa..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-hover.png deleted file mode 100644 index fb9b3380..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down.png deleted file mode 100644 index 52e85324..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-active.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-active.png deleted file mode 100644 index 9122e696..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-hover.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-hover.png deleted file mode 100644 index 970d981c..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-hover.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up.png deleted file mode 100644 index 35a9c1d7..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-ltr.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-ltr.png deleted file mode 100644 index eb2b0904..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-ltr.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-rtl.png b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-rtl.png deleted file mode 100644 index 699c0bc1..00000000 Binary files a/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-rtl.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/gtkrc b/share/themes/Kali-Purple-Light/gtk-2.0/gtkrc deleted file mode 100644 index 4854640a..00000000 --- a/share/themes/Kali-Purple-Light/gtk-2.0/gtkrc +++ /dev/null @@ -1,39 +0,0 @@ -# Based on Bridge by ScionicSpectre -# vim:set ts=2 sw=2 sts=2 ai et: -# -# This is the GTK+ 2 version of Adwaita. 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:black\nbase_color:white" -# Foreground/background -gtk-color-scheme = "fg_color:#5c616c\nbg_color:white" -# Selected foreground/background -gtk-color-scheme = "selected_bg_color:#a400a4" -gtk-color-scheme = "selected_fg_color: #ffffff" -# Insensitive foreground/background -gtk-color-scheme = "insensitive_fg_color:#aeb0b6\ninsensitive_bg_color:#fafafa" -# Menus -gtk-color-scheme = "menu_color:white" -# Links -gtk-color-scheme = "link_color:#a400a4\nvisited_link_color:#8db7ff" -# Treeview headers -gtk-color-scheme = "column_header_color:#979a9b\nhover_column_header_color:#636769" -# Window decoration -gtk-color-scheme = "window_color:#fafafa" -# Tooltips -gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000" - -# 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" diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/main.rc b/share/themes/Kali-Purple-Light/gtk-2.0/main.rc deleted file mode 100644 index 062796d0..00000000 --- a/share/themes/Kali-Purple-Light/gtk-2.0/main.rc +++ /dev/null @@ -1,2554 +0,0 @@ -# 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-line-width = 1 - GtkWidget::focus-line-pattern = "\2\1" - - GtkToolbar::internal-padding = 4 - GtkToolButton::icon-spacing = 4 - - GtkWidget::tooltip-radius = 3 - GtkWidget::tooltip-alpha = 235 - 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 = 1 - - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = {0, 0, 0, 0} - GtkButton::default-outside-border = {0, 0, 0, 0} - GtkButton::inner-border = {4, 4, 4, 4} - - GtkEntry::state-hint = 1 - GtkEntry::inner-border = {7, 7, 4, 5} - - GtkPaned::handle-size = 9 - GtkHPaned::handle-size = 9 - GtkVPaned::handle-size = 9 - - GtkScrollbar::trough-border = 0 - GtkRange::trough-border = 0 - GtkRange::slider-width = 13 - 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 = 48 # 42 + 2*3 (margins) - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkScale::slider_length = 26 - GtkScale::slider_width = 26 - GtkScale::trough-side-details = 1 - - GtkProgressBar::min-horizontal-bar-height = 6 - GtkProgressBar::min-vertical-bar-width = 6 - # Making this bigger than the min[height,width]-2*[y,x]spacing makes the - # whole progressbar thicker, so by setting it to the exact above value - # we get the maximum spacing between the text and the edges without - # doing so. - 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 = 2 - GtkMenu::double-arrows = 0 - GtkMenuItem::arrow-scaling = 1 - GtkMenuItem::toggle-spacing = 10 - - GtkCheckButton::indicator_spacing = 3 - GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} - - 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 = 4 - - ########## - # Colors # - ########## - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = @insensitive_bg_color - bg[ACTIVE] = @bg_color - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = @insensitive_fg_color - fg[ACTIVE] = @fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @selected_fg_color - text[INSENSITIVE] = @insensitive_fg_color - text[ACTIVE] = @selected_fg_color - - base[NORMAL] = @base_color - base[PRELIGHT] = shade (0.95, @bg_color) - base[SELECTED] = @selected_bg_color - base[INSENSITIVE] = @insensitive_bg_color - base[ACTIVE] = @selected_bg_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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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-insensitive.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/menu-pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/menu-pan-left-hover.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/menu-pan-left-insensitive.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/menu-pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/menu-pan-right-hover.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/menu-pan-right-insensitive.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_up" - overlay_file = "assets/menu-pan-up-insensitive.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_up" - overlay_file = "assets/menu-pan-up.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_down" - overlay_file = "assets/menu-pan-down-insensitive.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_down" - overlay_file = "assets/menu-pan-down.png" - overlay_stretch = FALSE - } - - # Regular arrows - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-left.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-right.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-insensitive.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - ###################### - # Option Menu Arrows # - ###################### - - image { - function = TAB - state = NORMAL - overlay_file = "assets/pan-down.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-insensitive.png" - overlay_stretch = FALSE - } - - ######### - # Lines # - ######### - - image { - function = VLINE - file = "assets/line.png" - border = {1, 0, 0, 0} - } - - image { - function = HLINE - file = "assets/line.png" - border = {0, 0, 1, 0} - } - - ######### - # Focus # - ######### - - image { - function = FOCUS - file = "assets/focus.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - ########### - # Handles # - ########### - - image { - function = HANDLE - detail = "handlebox" - overlay_file = "assets/handle.png" - overlay_stretch = FALSE - } - - image { - function = HANDLE - file = "assets/handle-horz.png" - border = {0, 0, 4, 4} - orientation = HORIZONTAL - } - - image { - function = HANDLE - file = "assets/handle-vert.png" - border = {4, 4, 0, 0} - orientation = VERTICAL - } - - image { - function = RESIZE_GRIP - } - - ############# - # Expanders # - ############# - - image { - function = EXPANDER - expander_style = EXPANDED - file = "assets/pan-down.png" - } - - # LTR - - image { - function = EXPANDER - expander_style = COLLAPSED - file = "assets/pan-right.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 - file = "assets/pan-left.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-left-active.png" - border = {3, 0, 3, 3} - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - file = "assets/tab-left.png" - border = {3, 0, 3, 3} - stretch = TRUE - gap_side = RIGHT - } - - # Right - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab-right-active.png" - border = {0, 3, 3, 3} - stretch = TRUE - gap_side = LEFT - } - - image { - function = EXTENSION - file = "assets/tab-right.png" - border = {0, 3, 3, 3} - stretch = TRUE - gap_side = LEFT - } - - # Up - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab-up-active.png" - border = {3, 3, 3, 0} - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - file = "assets/tab-up.png" - border = {3, 3, 3, 0} - stretch = TRUE - gap_side = BOTTOM - } - - # Down - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab-down-active.png" - border = {3, 3, 0, 3} - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - file = "assets/tab-down.png" - border = {3, 3, 0, 3} - stretch = TRUE - 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-vert-gap.png" - gap_border = {1, 0, 1, 1} - 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-vert-gap.png" - gap_border = {0, 1, 1, 1} - 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-horz-gap.png" - gap_border = {1, 1, 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-horz-gap.png" - gap_border = {1, 1, 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-trough.png" - border = {1, 0, 0, 0} - orientation = VERTICAL - direction = LTR - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-trough-rtl.png" - border = {0, 1, 0, 0} - orientation = VERTICAL - direction = RTL - } - - - # Disable insensitive sliders - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - } - - # Horizontal sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-horz-slider.png" - border = {6, 6, 7, 6 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-horz-slider-hover.png" - border = {6, 6, 7, 6 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-active.png" - border = {6, 6, 7, 6 } - stretch = TRUE - orientation = HORIZONTAL - } - - # Vertical sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-slider.png" - border = {7, 6, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-slider-hover.png" - border = {7, 6, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-slider-active.png" - border = {7, 6, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - # RTL - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-slider-rtl.png" - border = {6, 7, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-slider-hover-rtl.png" - border = {6, 7, 6, 6} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-slider-active-rtl.png" - border = {6, 7, 6, 6} - 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 = {10, 10, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {10, 10, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 10, 10} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 10, 10} - 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-insensitive.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-insensitive.png" - } - - ########### - # Menubar # - ########### - - image { - function = BOX - detail = "menubar" - file = "assets/line.png" - border = {0, 0, 0, 1} - } - - ######### - # Menus # - ######### - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_up" - file = "assets/line.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_up" - file = "assets/line.png" - border = {0, 0, 0, 1} - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_down" - file = "assets/line.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_down" - file = "assets/line.png" - border = {0, 0, 1, 0} - } - - ########### - # Entries # - ########### - - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {4, 4, 4, 4} - 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-insensitive.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 = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-ltr-up-hover.png" - border = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-active.png" - border = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-insensitive.png" - border = {1, 4, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up-insensitive.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Up RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-rtl-up.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-insensitive.png" - border = {4, 1, 4, 0} - stretch = TRUE - overlay_file = "assets/spin-up-insensitive.png" - overlay_stretch = FALSE - direction = RTL - } - - # Spin-Down LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-ltr-down.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-ltr-down-hover.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-active.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-insensitive.png" - border = {1, 4, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down-insensitive.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Down RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-rtl-down.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-rtl-down-hover.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-active.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-insensitive.png" - border = {4, 1, 1, 4} - stretch = TRUE - overlay_file = "assets/spin-down-insensitive.png" - overlay_stretch = FALSE - direction = RTL - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-horz.png" - stretch = TRUE - border = {2, 2, 1, 1} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-vert.png" - stretch = TRUE - border = {1, 1, 2, 2} - 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" { - - # Needed to fix Firefox's menubar text - bg[SELECTED] = @selected_fg_color - fg[SELECTED] = @link_color - -} - -style "menubar_item" { - - xthickness = 3 - ythickness = 4 - - fg[PRELIGHT] = @link_color - - engine "pixmap" { - image { - function = BOX - state = PRELIGHT - file = "assets/menubar-item-active.png" - border = {0, 0, 0, 3} - } - } - -} - -style "menu" { - - xthickness = 0 - ythickness = 0 - - bg[NORMAL] = @menu_color - bg[INSENSITIVE] = @menu_color - bg[PRELIGHT] = @menu_color - bg[SELECTED] = @selected_bg_color - -} - -style "menu_item" { - - xthickness = 3 - ythickness = 4 - - bg[PRELIGHT] = @selected_bg_color - # Chromium uses this setting - bg[SELECTED] = @selected_bg_color - - fg[PRELIGHT] = @selected_fg_color - # Some widgets use text, we need to handle that - text[NORMAL] = @fg_color - text[PRELIGHT] = @selected_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.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-checkbox-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-checkbox.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-insensitive.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-hover.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-insensitive.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-hover.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-insensitive.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-radio.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-radio-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-radio.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-radio-insensitive.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-hover.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-insensitive.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-hover.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-insensitive.png" - overlay_stretch = FALSE - } - - - - } - -} - -style "separator_menu_item" { - - xthickness = 0 - ythickness = 0 - - engine "pixmap" { - image { - function = BOX - file = "assets/line.png" - } - } - -} - -style "button" { - - xthickness = 2 - ythickness = 2 - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/button-hover.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/button-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - } -} - -style "link_button" { - - # Disable the button effect, leave just the link - engine "pixmap" { - image { - function = BOX - } - } - -} - -style "entry" { - - # We set this same as the border of the border of the entry - # This way there's no overlap - xthickness = 4 - ythickness = 4 - -} - -style "combobox" { - - xthickness = 6 - ythickness = 4 - - # This affects only the button beside an entry - GtkButton::inner-border = {0, 0, 0, 0} - -} - -style "combobox_cellview" { - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_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, 1, 0, 0} - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-entry-ltr-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-entry-ltr-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-entry-ltr-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-entry-rtl-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-entry-rtl-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-entry-rtl-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - ############## - # LTR button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-entry-ltr-button.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-entry-ltr-button-hover.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-entry-ltr-button-active.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-entry-ltr-button-insensitive.png" - border = {0, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - ############## - # RTL button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-entry-rtl-button.png" - border = {4, 0, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-entry-rtl-button-hover.png" - border = {4, 0, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-entry-rtl-button-active.png" - border = {4, 0, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-entry-rtl-button-insensitive.png" - border = {4, 0, 4, 4} - 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 = {6, 8, 4, 4} - -} - -style "notebook" { - - xthickness = 5 - ythickness = 2 - -} - -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" { - - engine "pixmap" { - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/notebook-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - } -} - -style "normal_bg" { - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[INSENSITIVE] = @insensitive_bg_color -} - -style "normal_entry" { - - engine "pixmap" { - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - } - } -} - -style "notebook_combo" { - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/notebook-combo-entry-ltr-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-combo-entry-ltr-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/notebook-combo-entry-rtl-entry.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/notebook-combo-entry-rtl-entry-active.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" - border = {4, 4, 4, 4} - stretch = TRUE - direction = RTL - } - - } - -} - -style "textview" { - bg[NORMAL] = @base_color -} - -style "scale_horz" { - - engine "pixmap" { - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {10, 10, 0, 0} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {10, 10, 0, 0} - stretch = TRUE - } - - } - -} - -style "scale_vert" { - - engine "pixmap" { - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 10, 10} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 10, 10} - stretch = TRUE - } - - } - -} - -style "progressbar" { - - xthickness = 1 - ythickness = 1 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-horz-trough.png" - border = {3, 3, 2, 2} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-vert-trough.png" - border = {2, 2, 3, 3} - stretch = TRUE - orientation = VERTICAL - } - - } - -} - -style "treeview_header" { - - xthickness = 1 - ythickness = 0 - - fg[NORMAL] = @column_header_color - fg[PRELIGHT] = @hover_column_header_color - - font_name = "Bold" - - GtkButton::inner-border = {5, 5, 0, 1} - - engine "pixmap" { - - image { - function = BOX - file = "assets/treeview-separator-ltr.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - file = "assets/treeview-separator-rtl.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/treeview-pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/treeview-pan-up-hover.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/treeview-pan-up-active.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/treeview-pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/treeview-pan-down-hover.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/treeview-pan-down-active.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 "toolbar_button" { - - xthickness = 2 - ythickness = 2 - - GtkButton::inner-border = {2, 2, 2, 2} - -} - -style "toolbar_separator" { - - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 1 - - engine "pixmap" { - image { - function = BOX - file = "assets/line.png" - } - } - -} - -style "inline_toolbar" { - - GtkToolbar::button-relief = GTK_RELIEF_NORMAL - - engine "pixmap" { - image { - function = SHADOW - file = "assets/frame-inline.png" - border = {1, 1, 0, 1} - stretch = TRUE - } - } - -} - -style "tooltip" { - - xthickness = 13 - ythickness = 13 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color - -} - -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" -# And disable separators on them -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 - -# Toolbar buttons have different paddings -widget_class "**" style "toolbar_button" - -# 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" -widget_class "***" style "notebook_combo" -widget_class "***" style "notebook_combo" - -# 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" -widget_class "****" style "combobox_entry" -widget_class "****" style "combobox_entry" -widget_class "***." style "combo_button_padding" - -# ComboBoxes tend to draw the button label with text[] -# instead of fg[], we need to fix that -widget_class "**" style "combobox_cellview" - -# GTK tooltips -widget "gtk-tooltip*" style "tooltip" diff --git a/share/themes/Kali-Purple-Light/gtk-3.0/assets b/share/themes/Kali-Purple-Light/gtk-3.0/assets deleted file mode 120000 index dff0b417..00000000 --- a/share/themes/Kali-Purple-Light/gtk-3.0/assets +++ /dev/null @@ -1 +0,0 @@ -../../Kali-Purple-Dark/gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Purple-Light/gtk-3.0/gtk-dark.css b/share/themes/Kali-Purple-Light/gtk-3.0/gtk-dark.css deleted file mode 100644 index 4252c9c7..00000000 --- a/share/themes/Kali-Purple-Light/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,7160 +0,0 @@ -/*************************** - * Check and Radio buttons * - ***************************/ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #bf1717; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #a400a4; } - -/*************** - * Base States * - ***************/ -.background { - color: #eeeeec; - background-color: #23252e; } - .background:backdrop { - color: #888a8d; - background-color: #23252e; - text-shadow: none; - -gtk-icon-shadow: none; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - color: #eeeeec; - background-color: #23252e; } - .gtkstyle-fallback:hover { - color: #eeeeec; - background-color: #383d4b; } - .gtkstyle-fallback:active { - color: #eeeeec; - background-color: #0d0e11; } - .gtkstyle-fallback:disabled { - color: #888a8d; - background-color: #242731; } - .gtkstyle-fallback:selected { - color: #ffffff; - background-color: #a400a4; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: white; - background-color: #272a34; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: #d4d5d7; - background-color: #292c37; } - .view:backdrop:disabled, iconview:backdrop:disabled, - .view text:backdrop:disabled, - iconview text:backdrop:disabled, - textview text:backdrop:disabled { - color: #43495a; } - .view:disabled, iconview:disabled, - .view text:disabled, - iconview text:disabled, - textview text:disabled { - color: #888a8d; - background-color: #242731; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 3px; } - -textview border { - background-color: #252831; } - -.rubberband, -rubberband, -.content-view rubberband, -.content-view .rubberband, -treeview.view rubberband, -flowbox rubberband { - border: 1px solid #710071; - background-color: rgba(113, 0, 113, 0.2); } - -flowbox flowboxchild { - padding: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -.content-view .tile { - margin: 2px; - background-color: black; - border-radius: 0; - padding: 0; } - .content-view .tile:backdrop { - background-color: #1e2128; } - .content-view .tile:active, .content-view .tile:selected { - background-color: #a400a4; } - .content-view .tile:disabled { - background-color: #242731; } - -label { - caret-color: currentColor; } - label selection { - background-color: #a400a4; - color: #ffffff; } - label:disabled { - color: #888a8d; } - button label:disabled { - color: inherit; } - label:disabled:backdrop { - color: #43495a; } - button label:disabled:backdrop { - color: inherit; } - label.error { - color: #bf1717; } - label.error:disabled { - color: rgba(191, 23, 23, 0.5); } - label.error:disabled:backdrop { - color: rgba(191, 23, 23, 0.4); } - -.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, label.separator { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: #272a34; - border-top: 1px solid #0d0e11; } - assistant .sidebar:backdrop { - background-color: #292c37; - border-color: #0d0e11; } - -assistant.csd .sidebar { - border-top-style: none; } - -assistant .sidebar label { - padding: 6px 12px; } - -assistant .sidebar label.highlight { - background-color: #4b4d54; } - -.osd .scale-popup, .app-notification, -.app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, -.osd { - color: white; - border: none; - background-color: #303340; - background-clip: padding-box; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:backdrop { - color: #888a8d; } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/********************** - * General Typography * - **********************/ -.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-heading { - font-weight: 700; - font-size: 9pt; } - -.caption { - font-weight: 400; - font-size: 9pt; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 28px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: white; - border-color: #0d0e11; - background-color: #272a34; - box-shadow: inset 0 0 0 1px rgba(164, 0, 164, 0); } - spinbutton:not(.vertical) image.left, - entry image.left { - margin-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - margin-left: 6px; } - spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton:focus:not(.vertical), - entry:focus { - box-shadow: inset 0 0 0 1px #a400a4; - border-color: #0b000b; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; - box-shadow: none; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: #d4d5d7; - border-color: #0d0e11; - background-color: #292c37; - box-shadow: none; - transition: 200ms ease-out; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-color: #242731; - box-shadow: none; } - spinbutton.error:not(.vertical), - entry.error { - color: #bf1717; - border-color: #200404; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - box-shadow: inset 0 0 0 1px #bf1717; - border-color: #200404; } - spinbutton.error:not(.vertical) selection, - entry.error selection { - background-color: #bf1717; } - spinbutton.warning:not(.vertical), - entry.warning { - color: #fd7d00; - border-color: #4b2500; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - box-shadow: inset 0 0 0 1px #fd7d00; - border-color: #4b2500; } - spinbutton.warning:not(.vertical) selection, - entry.warning selection { - background-color: #fd7d00; } - spinbutton:not(.vertical) image, - entry image { - color: #c6c7c7; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: #eeeeec; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: #a400a4; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: #75777c; } - spinbutton:drop(active):not(.vertical), - entry:drop(active):focus, - entry:drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - .osd spinbutton:not(.vertical), .osd entry { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd entry:focus { - color: white; - border-color: #a400a4; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #a400a4; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #97999f; - border-color: black; - background-color: rgba(68, 72, 83, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #a400a4; - border-style: solid; - box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { - background-color: transparent; } - -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { - border-left-color: #0b000b; } - -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { - border-left-color: #200404; } - -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #19a187; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #1f222a; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #21232c; } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #1f222a; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: #0b000b; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus.error:not(:only-child) { - border-top-color: #200404; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #19a187; } - -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + entry, -.linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #0b000b; } - -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus.error:not(:only-child) + entry, -.linked.vertical > entry:focus.error:not(:only-child) + button, -.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { - border-top-color: #200404; } - -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + entry, -.linked.vertical > entry:drop(active):not(:only-child) + button, -.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #19a187; } - -spinbutton.error:not(.vertical), -entry.error { - color: #bf1717; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #272a34; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #272a34; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #a400a4; } - -.entry-tag { - padding: 5px; - margin-top: 2px; - margin-bottom: 2px; - border-style: none; - color: #272a34; - background-color: #8b8c90; } - :dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: -5px; } - :dir(rtl) .entry-tag { - margin-left: -5px; - margin-right: 8px; } - .entry-tag:hover { - background-color: #a5a6a9; } - :backdrop .entry-tag { - color: #292c37; - background-color: #595b62; } - .entry-tag.button { - background-color: transparent; - color: rgba(39, 42, 52, 0.7); } - :not(:backdrop) .entry-tag.button:hover { - border: 1px solid #8b8c90; - color: #272a34; } - :not(:backdrop) .entry-tag.button:active { - background-color: #8b8c90; - color: rgba(39, 42, 52, 0.7); } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f100f1), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#a400a4), to(transparent)); } } - -button.titlebutton, notebook > header > tabs > arrow, -button { - min-height: 24px; - min-width: 16px; - padding: 2px 6px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button:active, - button:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, - button:backdrop.flat, - button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - color: #43495a; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { - color: #888a8d; - border-color: #17191f; - background-image: image(#16181d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.image-button, - button.image-button { - min-width: 24px; - padding-left: 2px; - padding-right: 2px; } - notebook > header > tabs > arrow.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { - color: #19a187; - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #888a8d; } - - -button.osd { - min-width: 26px; - min-height: 32px; - color: white; - border-radius: 5px; - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 34px; } - - button.osd:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd:disabled:backdrop, - button.osd:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - - button.osd:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - -.app-notification button, -.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - - -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a400a4; } - - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - color: #e5cde5; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - color: #ab5dac; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(164, 0, 164, 0.8); } - - button.suggested-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #c79bc8; - border-color: #710071; - background-image: image(#740576); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd button.suggested-action { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a400a4); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd button.suggested-action:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #991212; - border-bottom-color: #6b0d0d; - background-image: image(#c61717); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a61414; } - - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - border-bottom-color: #4b0909; - background-image: linear-gradient(to top, #a21313, #ab1414 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - background-image: image(#7d0f0f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - color: #edd0d0; - border-color: #790e0e; - background-image: image(#a61414); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - color: #e6d0d0; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - color: #ad6667; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(166, 20, 20, 0.8); } - - button.destructive-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #c9a1a1; - border-color: #790e0e; - background-image: image(#791314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd button.destructive-action { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a61414); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd button.destructive-action:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -.stack-switcher > button { - outline-offset: -3px; } - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > button.image-button { - padding-left: 2px; - padding-right: 2px; } - .stack-switcher > button.needs-attention:active > label, - .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, - .stack-switcher > button.needs-attention:checked > image { - animation: none; - background-image: none; } - - -button.font separator, -button.file separator { - background-color: transparent; } - - -button.font > box > box > label { - font-weight: bold; } - -.primary-toolbar button { - -gtk-icon-shadow: none; } - - -button.circular { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 2px; - /* circles instead of ellipses */ - background-origin: padding-box, border-box; - background-clip: padding-box, border-box; } - - button.circular label { - padding: 0; } - - button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: transparent; } - - button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: transparent; } - -stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f100f1), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, - .stack-switcher > button.needs-attention > image:backdrop { - background-size: 6px 6px, 0 0; } - stacksidebar 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, left 2px; } - -.inline-toolbar toolbutton > button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .inline-toolbar toolbutton > button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .inline-toolbar toolbutton > button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: #888a8d; - border-color: #17191f; - background-image: image(#16181d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: #43495a; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { - border-right-style: none; - border-radius: 0; - -gtk-outline-radius: 0; } - -.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - -gtk-outline-top-left-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; } - -.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-right-style: solid; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-top-right-radius: 4px; - -gtk-outline-bottom-right-radius: 4px; } - -.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-style: solid; - border-radius: 4px; - -gtk-outline-radius: 4px; } - -.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { - border-style: solid solid none solid; - border-radius: 0; - -gtk-outline-radius: 0; } - -.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - -gtk-outline-top-left-radius: 4px; - -gtk-outline-top-right-radius: 4px; } - -.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-style: solid; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; - -gtk-outline-bottom-right-radius: 4px; } - -.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-style: solid; - border-radius: 4px; - -gtk-outline-radius: 4px; } - -.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, button:link, -button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, -.menuitem.button.flat { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 4px; - outline-offset: -2px; } - modelbutton.flat:hover, - .menuitem.button.flat:hover { - background-color: #3b3e46; } - -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow:hover { - background: none; } - 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 { - padding: 4px; } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - -/* list buttons */ -/* tone down as per new designs, see issue #1473, #1748 */ -list row button.image-button:not(.flat) { - border: 1px solid rgba(13, 14, 17, 0.5); } - list row button.image-button:not(.flat):hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/********* - * Links * - *********/ -button:link > label, -button:visited > label, button:link, -button:visited, -*:link { - color: #ff0bff; } - button:link > label:visited, - button:visited > label:visited, - button:visited, - *:link:visited { - color: #d700d7; } - *:selected button:link > label:visited, - *:selected button:visited > label:visited, - *:selected button:visited, *:selected *:link:visited { - color: #ef99ef; } - button:link > label:hover, - button:visited > label:hover, button:hover:link, - button:hover:visited, - *:link:hover { - color: #ff3eff; } - *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected button:hover:link, - *:selected button:hover:visited, *:selected *:link:hover { - color: #ffecff; } - button:link > label:active, - button:visited > label:active, button:active:link, - button:active:visited, - *:link:active { - color: #ff0bff; } - *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected button:active:link, - *:selected button:active:visited, *:selected *:link:active { - color: #ffceff; } - button:link > label:disabled, - button:visited > label:disabled, button:disabled:link, - button:disabled:visited, - *:link:disabled, - *:link:disabled:backdrop { - color: rgba(133, 133, 133, 0.8); } - button:link > label:backdrop, - button:visited > label:backdrop, button:backdrop:link, - button:backdrop:visited, - *:link:backdrop:backdrop:hover, - *:link:backdrop:backdrop:hover:selected, - *:link:backdrop { - color: rgba(255, 11, 255, 0.9); } - .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, - headerbar.selection-mode .subtitle:link, button:link > label:selected, - button:visited > label:selected, button:selected:link, - button:selected:visited, *:selected button:link > label, - *:selected button:visited > label, *:selected button:link, - *:selected button:visited, - *:link:selected, *:selected *:link { - color: #ffceff; } - -button:link, -button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked { - text-shadow: none; } - button:link > label, - button:visited > label { - text-decoration-line: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton { - font-feature-settings: "tnum"; } - spinbutton:not(.vertical) { - padding: 0; } - .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #dadada; - background-image: none; - border-style: none none none solid; - border-color: rgba(13, 14, 17, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:hover { - color: #eeeeec; - background-color: rgba(238, 238, 236, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: rgba(136, 138, 141, 0.3); - background-color: transparent; } - spinbutton:not(.vertical) button:active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) button:backdrop { - color: #7f8184; - background-color: transparent; - border-color: rgba(13, 14, 17, 0.3); - transition: 200ms ease-out; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(67, 73, 90, 0.3); - background-color: transparent; - background-image: none; - border-style: none none none solid; } - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - .osd spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.7); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(255, 255, 255, 0.1); - -gtk-icon-shadow: 0 1px black; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #97999f; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - spinbutton.vertical:disabled { - color: #888a8d; } - spinbutton.vertical:backdrop:disabled { - color: #43495a; } - spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } - spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; } - spinbutton.vertical button.up { - border-radius: 4px 4px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button.down { - border-radius: 0 0 4px 4px; - border-style: none solid solid solid; } - .osd spinbutton.vertical button:first-child { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton.vertical button:first-child:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - 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:drop(active) { - box-shadow: none; } - -/************ - * Toolbars * - ************/ -searchbar > revealer > box, -.location-bar, .inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #23252e; } - -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: #303340; } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - toolbar.horizontal separator { - margin: 0 7px 1px 6px; } - toolbar.vertical separator { - margin: 6px 1px 7px 0; } - toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar > revealer > box, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -searchbar > revealer > box { - margin: -6px; - padding: 6px; } - -.inline-toolbar, searchbar > revealer > box, -.location-bar { - border-style: solid; - border-color: #0d0e11; - background-color: #1c1e25; } - .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, - .location-bar:backdrop { - border-color: #0d0e11; - background-color: #1b1d24; - box-shadow: none; - transition: 200ms ease-out; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 40px; - border-width: 0 0 1px; - border-style: solid; - border-color: black; - border-radius: 0; - background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - /* Darken switchbuttons for headerbars. issue #1588 */ - /* hide the close button separator */ } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #0d0e11; - background-color: #23252e; - background-image: none; - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) stackswitcher button:checked, - .titlebar:not(headerbar) button.toggle:checked, - headerbar stackswitcher button:checked, - headerbar button.toggle:checked { - background: image(#0f1014); - border-color: #060708; - border-top-color: black; } - .titlebar:not(headerbar) stackswitcher button:checked:backdrop, - .titlebar:not(headerbar) button.toggle:checked:backdrop, - headerbar stackswitcher button:checked:backdrop, - headerbar button.toggle:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1a1d23); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, - headerbar.selection-mode { - color: #ffffff; - border-color: #0b000b; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - background: #a400a4 linear-gradient(to top, #b800b8, #c300c3); - box-shadow: inset 0 1px rgba(167, 8, 167, 0.535); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, - headerbar.selection-mode:backdrop { - background-color: #a400a4; - background-image: none; - box-shadow: inset 0 1px rgba(168, 12, 168, 0.442); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, - headerbar.selection-mode:backdrop label { - text-shadow: none; - color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, - headerbar.selection-mode button { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, - headerbar.selection-mode button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, - headerbar.selection-mode button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, - headerbar.selection-mode button:active, - headerbar.selection-mode button:checked, - headerbar.selection-mode button.toggle:checked, - headerbar.selection-mode button.toggle:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - -gtk-icon-effect: none; - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked { - color: #e5cde5; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled { - color: #b85db9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:checked { - color: #ab5dac; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, - headerbar.selection-mode button.flat:backdrop, - headerbar.selection-mode button.flat:disabled, - headerbar.selection-mode button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, - headerbar.selection-mode button:disabled { - color: #c883c9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked { - color: #c79bc8; - border-color: #710071; - background-image: image(#740576); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, - headerbar.selection-mode button.suggested-action { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, - headerbar.selection-mode button.suggested-action:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, - headerbar.selection-mode button.suggested-action:active { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0b000b; } - .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(164, 0, 164, 0); - background-color: rgba(164, 0, 164, 0); - background-image: none; - box-shadow: none; - min-height: 20px; - padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, - headerbar.selection-mode .selection-menu:backdrop arrow, - headerbar.selection-mode .selection-menu arrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, - headerbar.selection-mode .selection-menu:backdrop .arrow, - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - headerbar.default-decoration { - min-height: 28px; - padding: 4px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - .titlebar:not(headerbar) separator.titlebutton, - headerbar separator.titlebutton { - opacity: 0; } - .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button { - margin-top: 5px; - margin-bottom: 5px; } - -headerbar switch { - margin-top: 7px; - margin-bottom: 7px; } - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; } - -.background .titlebar:backdrop, .background .titlebar { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -.background.tiled .titlebar:backdrop, .background.tiled .titlebar, -.background.tiled-top .titlebar:backdrop, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar:backdrop, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar:backdrop, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar:backdrop, -.background.tiled-left .titlebar, -.background.maximized .titlebar:backdrop, -.background.maximized .titlebar, -.background.solid-csd .titlebar:backdrop, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 7px; } - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 7px; } - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } - -.titlebar:not(headerbar) separator { - background-color: #0d0e11; } - -window.devel headerbar.titlebar:not(.selection-mode) { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(164, 0, 164, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } - window.devel headerbar.titlebar:not(.selection-mode):backdrop { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); - /* background-color would flash */ } - -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-left-color: #8b8c90; - border-top-color: #23252e; } - * { - -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; } - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #d280d2; - border-top-color: rgba(238, 238, 236, 0.1); } - treeview.view:disabled { - color: #888a8d; } - treeview.view:disabled:selected { - color: #c866c8; } - treeview.view:disabled:selected:backdrop { - color: #b240b3; } - treeview.view:disabled:backdrop { - color: #43495a; } - treeview.view.separator { - min-height: 2px; - color: #23252e; } - treeview.view.separator:backdrop { - color: rgba(35, 37, 46, 0.1); } - treeview.view:backdrop { - border-left-color: #55585e; - border-top: #23252e; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0b000b; } - 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-end-symbolic"); - color: #bebfc2; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: white; } - treeview.view.expander:selected { - color: #e4b3e4; } - treeview.view.expander:selected:hover { - color: #ffffff; } - treeview.view.expander:selected:backdrop { - color: #c695c8; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: #6c6e73; } - treeview.view.progressbar { - background-color: #a400a4; - background-image: image(#a400a4); - box-shadow: none; } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: image(#272a34); } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - background-color: #292c37; } - treeview.view.progressbar:backdrop { - border-color: #292c37; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(238, 238, 236, 0.1); } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: #710071; } - treeview.view header button { - color: #8b8c90; - background-color: #272a34; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: #bdbdbe; - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #eeeeec; - transition: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: #272a34; - background-image: none; - background-color: #a400a4; - border-style: none; - border-radius: 0; - box-shadow: inset 0 0 0 1px #272a34; - text-shadow: none; - transition: none; } - treeview.view acceleditor > label { - background-color: #a400a4; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 0 6px; - background-image: none; - border-style: none solid solid none; - border-color: #4f5159; - border-radius: 0; - text-shadow: none; } - treeview.view header button:disabled { - border-color: #23252e; - background-image: none; } - treeview.view header button:backdrop { - color: #55585e; - border-color: #23252e; - border-style: none solid solid none; - background-image: none; - background-color: #292c37; } - treeview.view header button:backdrop:disabled { - border-color: #23252e; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - menubar:backdrop, - .menubar:backdrop { - background-color: #23252e; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), - .menubar > menuitem menu:dir(rtl), - .menubar > menuitem menu:dir(ltr) { - border-radius: 0; - padding: 0; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #a400a4; - color: #ff0bff; } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: #888a8d; - box-shadow: none; } - menubar .csd.popup decoration, - .menubar .csd.popup decoration { - border-radius: 0; } - -.background.popup { - background-color: transparent; } - -menu, -.menu, -.context-menu { - margin: 4px; - padding: 4px 0px; - background-color: #1f222a; - border: 1px solid #0d0e11; } - .csd menu, .csd .menu, .csd .context-menu { - border: none; - border-radius: 5px; } - menu:backdrop, - .menu:backdrop, - .context-menu:backdrop { - background-color: #282b35; } - menu menuitem, - .menu menuitem, - .context-menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover, - .context-menu menuitem:hover { - color: #ffffff; - background-color: #a400a4; } - menu menuitem:disabled, - .menu menuitem:disabled, - .context-menu menuitem:disabled { - color: #888a8d; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { - color: #43495a; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .context-menu menuitem:backdrop, - .context-menu menuitem:backdrop:hover { - color: #888a8d; - background-color: transparent; } - 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: 10px; } - 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: 10px; } - 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 > arrow, - .menu > arrow, - .context-menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #1f222a; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { - margin-top: -4px; - border-bottom: 1px solid #3b3e46; - border-top-right-radius: 5px; - border-top-left-radius: 5px; - -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-top: 1px solid #3b3e46; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { - background-color: #3b3e46; } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { - background-color: #282b35; } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -menuitem accelerator { - color: alpha(currentColor,0.55); } - -menuitem check, -menuitem radio { - min-height: 16px; - min-width: 16px; } - menuitem check:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - menuitem check:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } - -/*************** - * Popovers * - ***************/ -popover.background { - padding: 2px; - background-color: #1f222a; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd popover.background, popover.background { - border: 1px solid #0d0e11; - border-radius: 8px; } - .csd popover.background { - background-clip: padding-box; - border-color: rgba(0, 0, 0, 0.75); } - popover.background:backdrop { - background-color: #23252e; - box-shadow: none; } - popover.background > list, - popover.background > .view, - popover.background > iconview, - popover.background > toolbar { - border-style: none; - background-color: transparent; } - .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); } - popover.background separator { - margin: 3px; } - popover.background list separator { - margin: 0px; } - -/************* - * Notebooks * - *************/ -notebook > header { - padding: 1px; - border-color: #0d0e11; - border-width: 1px; - background-color: #1b1d24; } - notebook > header:backdrop { - border-color: #0d0e11; - background-color: #1b1d24; } - notebook > header tabs { - margin: -1px; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -4px #0d0e11; } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -4px #a400a4; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 4px #0d0e11; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 4px #a400a4; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -4px 0 #0d0e11; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -4px 0 #a400a4; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 4px 0 #0d0e11; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 4px 0 #a400a4; } - 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 { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -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 { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #eeeeec; - font-weight: normal; - border-width: 1px; - border-color: transparent; } - notebook > header tab:hover { - color: #eeeeec; - background-color: #1a1c23; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(13, 14, 17, 0.3); - background-color: rgba(35, 37, 46, 0.2); } - notebook > header tab:backdrop { - color: #5f6267; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #eeeeec; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(13, 14, 17, 0.5); - background-color: rgba(35, 37, 46, 0.5); } - notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(35, 37, 46, 0.7); } - notebook > header tab:backdrop:checked { - color: #888a8d; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #0d0e11; - background-color: #23252e; } - notebook > header tab button.flat { - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header tab button.flat:hover { - color: currentColor; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); } - notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none solid; } - notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid none; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } - -notebook > stack:not(:only-child) { - background-color: #272a34; } - notebook > stack:not(:only-child):backdrop { - background-color: #292c37; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-color: #272a34; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { - border-bottom: 1px solid #0d0e11; } - scrollbar.bottom { - border-top: 1px solid #0d0e11; } - scrollbar.left { - border-right: 1px solid #0d0e11; } - scrollbar.right { - border-left: 1px solid #0d0e11; } - scrollbar:backdrop { - background-color: #1c1e25; - border-color: #0d0e11; - transition: 200ms ease-out; } - scrollbar slider { - min-width: 8px; - min-height: 8px; - margin: -1px; - border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: #9d9ea0; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar slider:hover { - background-color: #c5c6c6; } - scrollbar slider:hover:active { - background-color: #a400a4; } - scrollbar slider:backdrop { - background-color: #4b4e54; } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - transition: none; - min-width: 6px; - min-height: 6px; } - scrollbar.fine-tune.horizontal slider { - border-width: 5px 4px; } - scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #eeeeec; - border: 1px solid black; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: #eeeeec; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid black; - -gtk-icon-source: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #9d9ea0; } - scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #c5c6c6; } - scrollbar button:active, scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a400a4; } - scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(157, 158, 160, 0.2); } - scrollbar button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #4b4e54; } - scrollbar button:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(75, 78, 84, 0.2); } - 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"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #0d0e11; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - outline-offset: -4px; - border: 1px solid #0d0e11; - border-radius: 14px; - color: #eeeeec; - background-color: #1b1d24; - text-shadow: 0 1px rgba(0, 0, 0, 0.1); - /* only show i / o for the accessible theme */ } - switch:checked { - color: #ffffff; - border-color: black; - background-color: #a400a4; - text-shadow: 0 1px rgba(11, 0, 11, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - switch:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; - text-shadow: none; } - switch:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-color: #1b1d24; - text-shadow: none; - transition: 200ms ease-out; } - switch:backdrop:checked { - border-color: #0b000b; - background-color: #a400a4; } - switch:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-color: #242731; } - switch slider { - margin: -1px; - min-width: 24px; - min-height: 24px; - border: 1px solid; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-outline-radius: 20px; - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #040405; - background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - switch image { - color: transparent; } - switch:hover slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #040405; - background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - switch:checked > slider { - border: 1px solid black; } - switch:disabled slider { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop slider { - transition: 200ms ease-out; - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop:checked > slider { - border-color: black; } - switch:backdrop:disabled slider { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list), -.content-view:not(list) check { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), -.content-view:not(list) check:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), -.content-view:not(list) check:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), -.content-view:not(list) check:backdrop { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), -.content-view:not(list) check:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), -.content-view:not(list) check:checked:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), -.content-view:not(list) check:checked:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), -.content-view:not(list) check:backdrop:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.8); - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -radio { - margin: 0 4px; - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; } - check:only-child, - radio:only-child { - margin: 0; } - popover check.left:dir(rtl), popover radio.left:dir(rtl) { - margin-left: 0; - margin-right: 12px; } - popover check.right:dir(ltr), popover radio.right:dir(ltr) { - margin-left: 12px; - margin-right: 0; } - check, - radio { - background-clip: padding-box; - background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #eeeeec; } - check:hover, - radio:hover { - background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } - check:active, - radio:active { - box-shadow: inset 0 1px 1px 0px black; } - check:disabled, - radio:disabled { - box-shadow: none; - color: rgba(238, 238, 236, 0.7); } - check:backdrop, - radio:backdrop { - background-image: image(#23252e); - box-shadow: none; - color: #eeeeec; } - check:backdrop:disabled, - radio:backdrop:disabled { - box-shadow: none; - color: rgba(238, 238, 236, 0.7); } - check:checked, - radio:checked { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #a400a4; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:checked:hover, - radio:checked:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:checked:active, - radio:checked:active { - box-shadow: inset 0 1px 1px 0px black; } - check:checked:disabled, - radio:checked:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:checked:backdrop, - radio:checked:backdrop { - background-image: image(#a400a4); - box-shadow: none; - color: #ffffff; } - check:checked:backdrop:disabled, - radio:checked:backdrop:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate, - radio:indeterminate { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #a400a4; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:indeterminate:hover, - radio:indeterminate:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:indeterminate:active, - radio:indeterminate:active { - box-shadow: inset 0 1px 1px 0px black; } - check:indeterminate:disabled, - radio:indeterminate:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate:backdrop, - radio:indeterminate:backdrop { - background-image: image(#a400a4); - box-shadow: none; - color: #ffffff; } - check:indeterminate:backdrop:disabled, - radio:indeterminate:backdrop:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:backdrop, - radio:backdrop { - transition: 200ms ease-out; } - .osd check, .osd radio { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:hover, .osd radio:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:active, .osd radio:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:backdrop, .osd radio:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem radio { - margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { - min-height: 14px; - min-width: 14px; - background-image: none; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - color: inherit; - border-color: currentColor; } - - -check { - border-radius: 3px; } - - check:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } - - check:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - -radio:active, -check:active { - -gtk-icon-transform: scale(0, 1); } - -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), -check:checked:not(:backdrop), -check:indeterminate:not(:backdrop) { - -gtk-icon-transform: unset; - transition: 400ms; } - -menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), -menu menuitem check:checked:not(:backdrop), -menu menuitem check:indeterminate:not(:backdrop) { - transition: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #ffffff; } - -/************ - * GtkScale * - ************/ -progressbar trough, scale fill, scale trough { - border: 1px solid #0d0e11; - border-radius: 3px; - background-color: #1b1d24; } - progressbar trough:disabled, scale fill:disabled, scale trough:disabled { - background-color: #242731; } - progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { - background-color: #1b1d24; - border-color: #0d0e11; - transition: 200ms ease-out; } - progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { - background-color: #242731; } - row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { - border-color: #0b000b; } - .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { - border-color: black; - background-color: rgba(0, 0, 0, 0.8); } - .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { - background-color: rgba(68, 72, 83, 0.5); } - -progressbar progress, scale highlight { - border: 1px solid #0b000b; - border-radius: 3px; - background-color: #a400a4; } - progressbar progress:disabled, scale highlight:disabled { - background-color: transparent; - border-color: transparent; } - progressbar progress:backdrop, scale highlight:backdrop { - border-color: #0b000b; } - progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { - background-color: transparent; - border-color: transparent; } - row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { - border-color: #0b000b; } - .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { - border-color: black; } - .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; } - scale fill, - scale highlight { - margin: -1px; } - scale slider { - min-height: 18px; - min-width: 18px; - margin: -9px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune slider { - margin: -6px; } - scale.fine-tune fill, - scale.fine-tune highlight, - scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; } - scale trough { - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale fill:backdrop, scale fill { - background-color: #0d0e11; } - scale fill:disabled:backdrop, scale fill:disabled { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: #404040; } - .osd scale fill:disabled:backdrop, .osd scale fill:disabled { - border-color: transparent; - background-color: transparent; } - scale slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: black; - background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border: 1px solid black; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale slider:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: black; - background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - scale slider:active { - border-color: #0b000b; } - scale slider:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop { - transition: 200ms ease-out; - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - row:selected scale slider:disabled, row:selected scale slider { - border-color: #0b000b; } - .osd scale slider { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border-color: black; - background-color: #303340; } - .osd scale slider:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #303340; } - .osd scale slider:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #303340; } - .osd scale slider:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: #303340; } - .osd scale slider:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: #303340; } - .osd scale slider:backdrop:disabled { - background-color: #303340; } - scale marks, - scale value { - color: alpha(currentColor,0.55); - font-feature-settings: "tnum"; } - scale.horizontal marks.top { - margin-bottom: 6px; - margin-top: -12px; } - scale.horizontal.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; } - scale.horizontal marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - scale.horizontal.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; } - scale.vertical marks.top { - margin-right: 6px; - margin-left: -12px; } - scale.vertical.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; } - scale.vertical marks.bottom { - margin-left: 6px; - margin-right: -12px; } - scale.vertical.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; } - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - scale.horizontal.fine-tune indicator { - min-height: 3px; } - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - scale.vertical.fine-tune indicator { - min-width: 3px; } - scale.horizontal.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.vertical.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.color { - min-height: 0; - min-width: 0; } - scale.color trough { - background-image: image(#0d0e11); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(238, 238, 236, 0.4); - font-feature-settings: "tnum"; } - progressbar.horizontal trough, - progressbar.horizontal progress { - min-height: 2px; } - progressbar.vertical trough, - progressbar.vertical progress { - min-width: 2px; } - progressbar.horizontal progress { - margin: 0 -1px; } - progressbar.vertical progress { - margin: -1px 0; } - progressbar:backdrop { - box-shadow: none; - transition: 200ms ease-out; } - progressbar progress { - border-radius: 1.5px; } - progressbar progress.left { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar progress.right { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } - progressbar progress.top { - border-top-right-radius: 2px; - border-top-left-radius: 2px; } - progressbar progress.bottom { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd progress { - border-style: none; - border-radius: 0; } - progressbar trough.empty progress { - all: unset; } - -/************* - * Level Bar * - *************/ -levelbar.horizontal block { - min-height: 1px; } - -levelbar.horizontal.discrete block { - margin: 0 1px; - min-width: 32px; } - -levelbar.vertical block { - min-width: 1px; } - -levelbar.vertical.discrete block { - margin: 1px 0; - min-height: 32px; } - -levelbar:backdrop { - transition: 200ms ease-out; } - -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: white; - border-color: #0d0e11; - background-color: #272a34; - box-shadow: inset 0 0 0 1px rgba(164, 0, 164, 0); } - levelbar trough:backdrop { - color: #d4d5d7; - border-color: #0d0e11; - background-color: #292c37; - box-shadow: none; } - -levelbar block { - border: 1px solid; - border-radius: 1px; } - levelbar block.low { - border-color: #fd7d00; - background-color: #fd7d00; } - levelbar block.low:backdrop { - border-color: #fd7d00; } - levelbar block.high, levelbar block:not(.empty) { - border-color: #a400a4; - background-color: #a400a4; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: #a400a4; } - levelbar block.full { - border-color: #308e63; - background-color: #308e63; } - levelbar block.full:backdrop { - border-color: #308e63; } - levelbar block.empty { - background-color: transparent; - border-color: rgba(238, 238, 236, 0.1); } - levelbar block.empty:backdrop { - border-color: rgba(136, 138, 141, 0.15); } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #eeeeec; - border: 1px solid #0d0e11; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #888a8d; - border-color: #0d0e11; } - -printdialog .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #0d0e11; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #0d0e11; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #0d0e11; } - actionbar > revealer > box:backdrop { - border-color: #0d0e11; } - -scrolledwindow viewport.frame { - border-style: none; } - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #0d0e11 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #272a34; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #0d0e11 1px, transparent 1px); - background-color: #1c1e25; - transition: 200ms ease-out; } - -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -list { - color: white; - background-color: #272a34; - border-color: #0d0e11; } - list:backdrop { - color: #d4d5d7; - background-color: #292c37; - border-color: #0d0e11; } - list row { - padding: 2px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(238, 238, 236, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #ab18ab; } - row.activatable:selected:backdrop { - background-color: #a400a4; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: #303340; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; - transition: 200ms ease-out; } - .app-notification border, - .app-notification.frame border { - border: none; } - -/************* - * Expanders * - *************/ -expander title > arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander title > arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander title > arrow:hover { - color: white; } - expander title > arrow:disabled { - color: #888a8d; } - expander title > arrow:disabled:backdrop { - color: #43495a; } - expander title > arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -calendar { - color: white; - border: 1px solid #0d0e11; } - calendar:selected { - border-radius: 3px; } - calendar.header { - border-bottom-color: rgba(0, 0, 0, 0.1); } - calendar.header:backdrop { - border-bottom-color: rgba(0, 0, 0, 0.1); } - calendar.button { - color: rgba(238, 238, 236, 0.45); } - calendar.button:hover { - color: #eeeeec; } - calendar.button:backdrop { - color: rgba(136, 138, 141, 0.45); } - calendar.button:disabled { - color: rgba(136, 138, 141, 0.45); } - calendar.highlight { - color: #888a8d; } - calendar.highlight:backdrop { - color: #43495a; } - calendar:backdrop { - color: #d4d5d7; - border-color: #0d0e11; } - calendar:indeterminate { - color: alpha(currentColor,0.1); } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #23252e; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -messagedialog.csd.background { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - -messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-right-style: none; - border-bottom-style: none; - border-radius: 0; - -gtk-outline-radius: 0; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 6px; - -gtk-outline-bottom-left-radius: 6px; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 6px; - -gtk-outline-bottom-right-radius: 6px; } - -filechooser .dialog-action-box { - border-top: 1px solid #0d0e11; } - filechooser .dialog-action-box:backdrop { - border-top-color: #0d0e11; } - -filechooser #pathbarbox { - border-bottom: 1px solid #23252e; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #252831; } - 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 #0d0e11; - 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 #0d0e11; - border-right-style: none; } - .sidebar:backdrop { - background-color: #262933; - border-color: #0d0e11; - transition: 200ms ease-out; } - .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 row { - padding: 10px 4px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -separator.sidebar { - background-color: #0d0e11; } - separator.sidebar:backdrop { - background-color: #0d0e11; } - separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: #3e003e; } - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - opacity: 0.7; } - -placessidebar > viewport.frame { - border-style: none; } - -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled { - color: #888a8d; } - placessidebar row:backdrop { - color: #888a8d; } - placessidebar row:backdrop:selected { - color: #d4d5d7; } - placessidebar row:backdrop:disabled { - color: #43495a; } - 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:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#19a187); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #a400a4; } - placessidebar row:drop(active):not(:disabled) { - color: #19a187; - box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #19a187; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } - -placesview row.activatable:hover { - background-color: transparent; } - -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(#0d0e11); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#a400a4); } - paned > separator:backdrop { - background-image: image(#0d0e11); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #23252e; - background-image: image(#0d0e11), image(#0d0e11); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #23252e; - background-image: image(#0d0e11), image(#0d0e11); } - -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-style: none; } - infobar.action:hover > revealer > box { - background-color: #2e562e; - border-bottom: 1px solid #181a20; } - infobar.info, infobar.question, infobar.warning, infobar.error { - text-shadow: none; } - infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { - background-color: #325c32; - border-bottom: 1px solid #181a20; } - infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { - color: #eeeeec; } - infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { - text-shadow: none; } - infobar.info button, infobar.question button, infobar.warning button, infobar.error button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - background-image: image(#0f1014); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0d0e11; } - infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0d0e11; } - infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { - color: #eeeeec; } - infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - background-color: #0d0e11; } - infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { - color: #ff0bff; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 4px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: 0 1px black; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); } - tooltip decoration { - background-color: transparent; } - tooltip * { - padding: 4px; - background-color: transparent; - color: white; } - -/***************** - * Color Chooser * - *****************/ -colorswatch:drop(active), colorswatch { - border-style: none; } - -colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - colorswatch.top overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - -colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - -colorswatch.dark { - outline-color: rgba(255, 255, 255, 0.6); } - colorswatch.dark overlay { - color: white; } - colorswatch.dark overlay:hover { - border-color: #0d0e11; } - colorswatch.dark overlay:backdrop { - color: rgba(255, 255, 255, 0.5); } - -colorswatch.light { - outline-color: rgba(0, 0, 0, 0.6); } - colorswatch.light overlay { - color: black; } - colorswatch.light overlay:hover { - border-color: #0d0e11; } - colorswatch.light overlay:backdrop { - color: rgba(0, 0, 0, 0.5); } - -colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - colorswatch:drop(active).dark overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - -colorswatch overlay { - border: 1px solid #0d0e11; } - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: #0d0e11; - box-shadow: none; } - -colorswatch#add-color-button { - border-radius: 5px 5px 0 0; } - colorswatch#add-color-button:only-child { - border-radius: 5px; } - colorswatch#add-color-button overlay { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch#add-color-button overlay:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch#add-color-button overlay:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -colorswatch:disabled { - opacity: 0.5; } - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } - -row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } - -colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #13151a; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #13151a; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } - -.scale-popup button:hover { - background-color: rgba(238, 238, 236, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 7px 7px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration { - border-radius: 0; - box-shadow: none; } - .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - .ssd decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - .csd.popup decoration { - border-radius: 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - tooltip.csd decoration { - border-radius: 5px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - .solid-csd decoration { - margin: 0; - padding: 4px; - background-color: #0d0e11; - border: solid 1px #0d0e11; - border-radius: 0; - box-shadow: inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } - .solid-csd decoration:backdrop { - box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } - -button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.873255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); } - button.titlebutton:not(.appmenu) { - border-radius: 9999px; - padding: 5px; - margin: 0 2px; - min-width: 0; - min-height: 0; } - button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.selection-mode headerbar button.titlebutton, -.selection-mode .titlebar button.titlebutton, -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.742745); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.742745); } - .selection-mode headerbar button.titlebutton:backdrop, - .selection-mode .titlebar button.titlebutton:backdrop, - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.view:selected:focus, .view:selected, -.view text:selected:focus, -textview text:selected:focus, -.view text:selected, -textview text:selected, .view text selection:focus, .view text selection, -textview text selection:focus, -textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, -entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - background-color: #a400a4; } - label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, - .view text:selected:focus, - textview text:selected:focus, - .view text:selected, - textview text:selected, .view text selection:focus, .view text selection, - textview text selection:focus, - textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, - entry selection, modelbutton.flat:selected, - .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - color: #ffffff; } - label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, - textview text:disabled:selected:focus, - .view text:disabled:selected, - textview text:disabled:selected, .view text selection:disabled, - textview text selection:disabled:focus, - textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, - entry selection:disabled, modelbutton.flat:disabled:selected, - .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { - color: #d280d2; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - textview text:backdrop:selected, .view text selection:backdrop, - textview text selection:backdrop:focus, - textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, - entry selection:backdrop, modelbutton.flat:backdrop:selected, - .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { - color: #d4d5d7; } - filechooser placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, - textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, - entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #b240b3; } - -.monospace { - font-family: monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); - padding-left: 10px; } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -.context-menu { - font: initial; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #eeeeec; - background-color: #272a34; - border: 1px solid; - border-color: #0d0e11; - border-radius: 5px; - box-shadow: inset 0 -3px #17191f; - font-size: smaller; } - .keycap:backdrop { - background-color: #292c37; - color: #888a8d; - transition: 200ms ease-out; } - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; - caret-color: #19a187; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************* - * App Icons * - *************/ -/* Outline for low res icons */ -.lowres-icon { - -gtk-icon-shadow: 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); } - -/* Dropshadow for large icons */ -.icon-dropshadow { - -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); } - -/********* - * Emoji * - ********/ -popover.emoji-picker { - padding-left: 0; - padding-right: 0; } - popover.emoji-picker entry.search { - margin: 3px 5px 5px 5px; } - -button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; - border-radius: 0; - margin: 2px 4px 2px 4px; - padding: 3px 0 0; - min-width: 32px; - min-height: 28px; - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; - outline-offset: -5px; } - button.emoji-section:first-child { - margin-left: 7px; } - button.emoji-section:last-child { - margin-right: 7px; } - button.emoji-section:backdrop:not(:checked) { - border-color: transparent; } - button.emoji-section:hover { - border-color: rgba(238, 238, 236, 0.1); } - button.emoji-section:checked { - border-color: #a400a4; } - button.emoji-section label { - padding: 0; - opacity: 0.55; } - button.emoji-section:hover label { - opacity: 0.775; } - button.emoji-section:checked label { - opacity: 1; } - -popover.emoji-picker .emoji { - font-size: x-large; - padding: 6px; } - popover.emoji-picker .emoji :hover { - background: #a400a4; - border-radius: 6px; } - -popover.emoji-completion arrow { - border: none; - background: none; } - -popover.emoji-completion contents row box { - padding: 2px 10px; } - -popover.emoji-completion .emoji:hover { - background: #3b3e46; } - -/*************************** - * Check and Radio buttons * - ***************************/ -row label.subtitle { - font-size: smaller; - opacity: 0.55; - text-shadow: none; } - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 50px; } - row > box.header > box.title { - margin-top: 8px; - margin-bottom: 8px; } - -row.expander { - background-color: transparent; } - row.expander list.nested > row { - background-color: alpha(#23252e, 0.5); - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - border-width: 1px 0px 0px 0px; } - row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); } - row.expander:not(:checked) image.expander-row-arrow { - opacity: 0.55; - text-shadow: none; } - row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(-0.25turn); } - row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(0.25turn); } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #a400a4; } - row.expander image.expander-row-arrow:disabled { - color: #888a8d; } - -flap > dimming, -deck > dimming, -leaflet > dimming { - background: rgba(0, 0, 0, 0.24); } - -flap > border, -deck > border, -leaflet > border { - min-width: 1px; - min-height: 1px; - background: #0d0e11; } - -flap > shadow, -deck > shadow, -leaflet > shadow { - min-width: 56px; - min-height: 56px; } - flap > shadow.left, - deck > shadow.left, - leaflet > shadow.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.right, - deck > shadow.right, - leaflet > shadow.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.up, - deck > shadow.up, - leaflet > shadow.up { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.down, - deck > shadow.down, - leaflet > shadow.down { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - -flap > outline, -deck > outline, -leaflet > outline { - min-width: 1px; - min-height: 1px; - background: transparent; } - -avatar { - border-radius: 9999px; - -gtk-outline-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: #fff; } - avatar.image { - background: none; } - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; } - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; } - statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { - margin-bottom: 12px; } - -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, -preferencespage > scrolledwindow > viewport > clamp { - margin: 0 12px; - transition: margin-bottom 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp > list, - preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { - transition: margin-top 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, - preferencespage > scrolledwindow > viewport > clamp.small { - margin-bottom: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.small > list, - preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { - margin-top: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, - preferencespage > scrolledwindow > viewport > clamp.medium { - margin-bottom: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.medium > list, - preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { - margin-top: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, - preferencespage > scrolledwindow > viewport > clamp.large { - margin-bottom: 30px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.large > list, - preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { - margin-top: 30px; } - -preferencesgroup > box > label:not(:first-child) { - margin-top: 6px; } - -preferencesgroup > box > box:not(:first-child) { - margin-top: 12px; } - -tabbar .tab-indicator:not(.clickable) { - background: none; - box-shadow: none; - border-color: transparent; } - -/*************************** - * Check and Radio buttons * - ***************************/ -popover.combo list { - min-width: 200px; } - -window.csd.unified:not(.solid-csd) headerbar { - border-radius: 0; } - -.windowhandle, .windowhandle * { - -GtkWidget-window-dragging: true; } - -popover.combo { - padding: 0px; } - popover.combo list { - border-style: none; - background-color: transparent; } - popover.combo list > row { - padding: 0px 12px 0px 12px; - min-height: 50px; } - popover.combo list > row:not(:last-child) { - border-bottom: 1px solid alpha(#0d0e11, 0.5); } - popover.combo list > row:first-child { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo list > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo overshoot.top { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo overshoot.bottom { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical { - padding-top: 2px; - padding-bottom: 2px; } - popover.combo scrollbar.vertical:dir(ltr) { - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical:dir(rtl) { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; } - -row.expander { - padding: 0px; } - row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; } - row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; } - -keypad .digit { - font-size: 200%; - font-weight: bold; } - -keypad .letters { - font-size: 70%; } - -keypad .symbol { - font-size: 160%; } - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; } - -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; - box-shadow: none; - font-size: 1rem; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; } - viewswitcher button:not(:only-child):not(:last-child) { - border-right-width: 0px; } - viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { - border-left-color: transparent; } - viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { - border-right-color: transparent; } - viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: image(lighter(#23252e)); } - viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(only-child):last-child:not(:checked):hover { - border-right-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } - headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { - border-right-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 12px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button > stack > box label.active { - font-weight: bold; } - viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { - animation: none; - background-image: none; } - viewswitcher button.needs-attention > stack > box label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 0px, right 1px; } - viewswitcher button.needs-attention > stack > box label:backdrop { - background-size: 6px 6px, 0 0; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px, left 1px; } - -viewswitcherbar actionbar > revealer > box { - padding: 0; } - -list.content, -list.content list { - background-color: transparent; } - -list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: mix(#23252e, #272a34, 0.5); } - -list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #272a34; } - -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row, -list.content > row list > row { - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - -list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - -list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 6px; } - -button.list-button:not(:active):not(:checked):not(:hover) { - background: none; - border: 1px solid alpha(#0d0e11, 0.5); - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 8px; } - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - color: rgba(238, 238, 236, 0.5); } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { - color: rgba(136, 138, 141, 0.5); } - -tabbar .box { - min-height: 38px; - background: #0f1014; - border-bottom: 1px solid black; } - tabbar .box:backdrop { - background-color: #0f1014; - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned undershoot { - border: 0 solid black; } - -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:backdrop undershoot { - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(ltr) { - padding-right: 1px; - box-shadow: inset -1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { - box-shadow: inset -1px 0 #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(rtl) { - padding-left: 1px; - box-shadow: inset 1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { - box-shadow: inset 1px 0 #0d0e11; } - -tabbar undershoot { - transition: none; } - tabbar undershoot.left { - background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - tabbar undershoot.right { - background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - -tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar tab { - border-style: solid; - border-color: black; - border-width: 0 1px 0 1px; - transition: background 150ms ease-in-out; - background-color: #16171d; } - tabbar tab:checked { - background-color: #23252e; } - tabbar tab:checked:hover { - background-color: #292c37; } - tabbar tab:hover { - background-color: #1c1e25; } - tabbar tab:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - tabbar tab:backdrop:checked { - background-color: #23252e; } - -tabbar .start-action, -tabbar .end-action { - background: #16171d; - border-color: black; - border-style: solid; - transition: background 150ms ease-in-out; } - tabbar .start-action:backdrop, - tabbar .end-action:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - 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(ltr) > *, - tabbar .end-action:dir(rtl) > * { - margin-right: 1px; } - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - border-left-width: 1px; } - tabbar .start-action:dir(rtl) > *, - tabbar .end-action:dir(ltr) > * { - margin-left: 1px; } - -.tab-drag-icon tab { - min-height: 26px; - background-color: #292c37; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(13, 14, 17, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); - margin: 25px; } - -tabbar tab, -.tab-drag-icon tab { - padding: 6px; } - tabbar tab.needs-attention, - .tab-drag-icon tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(164, 0, 164, 0.2) 15%, rgba(164, 0, 164, 0) 15%); } - tabbar tab .tab-close-button, - tabbar tab .tab-indicator, - .tab-drag-icon tab .tab-close-button, - .tab-drag-icon tab .tab-indicator { - padding: 0; - margin: 0; - min-width: 24px; - min-height: 24px; - border-radius: 99px; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - text-shadow: none; - background: none; } - tabbar tab .tab-close-button:hover, - tabbar tab .tab-indicator.clickable:hover, - .tab-drag-icon tab .tab-close-button:hover, - .tab-drag-icon tab .tab-indicator.clickable:hover { - background: alpha(#eeeeec, 0.15); } - tabbar tab .tab-close-button:active, - tabbar tab .tab-indicator.clickable:active, - .tab-drag-icon tab .tab-close-button:active, - .tab-drag-icon tab .tab-indicator.clickable:active { - background: alpha(black, 0.2); } - -* { - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 3px; - outline-color: alpha(currentColor,0.07); } - * button, * button:hover, * button:active, * button:checked, * button:focus { - outline-color: alpha(currentColor,0.07); } - -/********** - * Button * - **********/ -.titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, -.titlebar:not(headerbar) button.toggle:active, -.titlebar:not(headerbar) button.toggle:checked, -headerbar stackswitcher button:active, -headerbar stackswitcher button:checked, -headerbar button.toggle:active, -headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { - background: #1b1d24; - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - .titlebar:not(headerbar) stackswitcher button:backdrop:active, .titlebar:not(headerbar) stackswitcher button:backdrop:checked, - .titlebar:not(headerbar) button.toggle:backdrop:active, - .titlebar:not(headerbar) button.toggle:backdrop:checked, - headerbar stackswitcher button:backdrop:active, - headerbar stackswitcher button:backdrop:checked, - headerbar button.toggle:backdrop:active, - headerbar button.toggle:backdrop:checked, button.flat:backdrop:hover, button:active:backdrop, button:checked:backdrop { - box-shadow: none; } - -button.flat { - border-color: transparent; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.flat:hover { - transition: none; } - button.flat:link, button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -button.suggested-action { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.suggested-action:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.suggested-action:active, button.suggested-action:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - button.suggested-action:backdrop, button.suggested-action.flat:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - color: #e5cde5; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - color: #ab5dac; - border-color: #710071; - background-image: image(#7e057f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - color: #c79bc8; - border-color: #710071; - background-image: image(#740576); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #991212; - border-bottom-color: #6b0d0d; - background-image: image(#c61717); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - border-bottom-color: #4b0909; - background-image: linear-gradient(to top, #a21313, #ab1414 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - button.destructive-action:active, button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #790e0e; - background-image: image(#7d0f0f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { - color: #edd0d0; - border-color: #790e0e; - background-image: image(#a61414); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - color: #e6d0d0; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - color: #ad6667; - border-color: #790e0e; - background-image: image(#811415); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - color: #c9a1a1; - border-color: #790e0e; - background-image: image(#791314); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -/********** - * Entry * - **********/ -spinbutton:not(.vertical), -entry { - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - background-color: #1b1d24; } - -headerbar spinbutton:not(.vertical), -headerbar entry { - background: #272a34; } - -/********** - * Switch * - **********/ -switch { - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - switch:checked { - border-color: rgba(0, 0, 0, 0.2); - border-right-width: 0; - margin-right: 1px; - box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } - switch:backdrop, switch:disabled { - box-shadow: none; - border-color: #0d0e11; } - switch slider:checked { - border-color: #0d0e11; } - switch slider:checked:backdrop:not(:disabled) { - border-color: #0d0e11; } - switch slider:disabled { - border-color: #0d0e11; } - -/************************* - * Check and Radio items * - *************************/ -check, menu menuitem check, menu menuitem:hover check, -radio, menu menuitem radio, menu menuitem:hover radio { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, - radio:disabled, - radio:disabled:checked, - radio:disabled:indeterminate, - radio:disabled:backdrop, - radio:disabled:backdrop:checked, - radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { - border-color: #0d0e11; - background-image: image(#23252e); - color: #eeeeec; } - -check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, -radio:checked, -radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { - background-image: linear-gradient(to bottom, #a400a4 20%, #9a009a 90%); - border-color: #0b000b; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); - color: #ffffff; } - check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, - radio:checked:active, - radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { - box-shadow: none; } - check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, - radio:checked:backdrop, - radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { - background-image: image(#a400a4); } - -switch slider, -scale slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: black; } - switch:hover slider, switch slider:active, - scale slider:active { - background-image: image(#0f1014); - border-color: #a400a4; } - switch slider:disabled, - scale slider:disabled { - border-color: #0d0e11; } - -/*************** - * Header bars * - ***************/ -headerbar { - border-color: black; - background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); - background-repeat: no-repeat; - background-position: left; } - headerbar:backdrop { - background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); - background-repeat: no-repeat; - background-position: left; - box-shadow: none; } - -.titlebar:not(headerbar) viewswitcher button > stack > box.narrow, -.titlebar:not(headerbar) hdyviewswitcher > button box.narrow, -headerbar viewswitcher button > stack > box.narrow, -headerbar hdyviewswitcher > button box.narrow { - margin: -7px 0 -5px; } - -.titlebar:not(headerbar) viewswitcher button > stack > box.wide, -.titlebar:not(headerbar) hdyviewswitcher > button box.wide, -headerbar viewswitcher button > stack > box.wide, -headerbar hdyviewswitcher > button box.wide { - margin: -8px 0; } - -dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop { - background: #23252e; - border: 0; - box-shadow: none; } - -.titlebar:not(headerbar) button.titlebutton:not(.appmenu), -headerbar button.titlebutton:not(.appmenu) { - color: transparent; - background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); - background-color: #383d4b; - background-repeat: no-repeat; - background-position: center; - margin: 0; - margin-left: 5px; - padding: 0; - min-width: 0; - min-height: 0; - border: 1px solid black; - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-shadow: none; - transition: all .2s; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu) + button.titlebutton, - headerbar button.titlebutton:not(.appmenu) + button.titlebutton { - margin-left: 0; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, - headerbar button.titlebutton:not(.appmenu):last-child { - margin-right: 5px; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover, - headerbar button.titlebutton:not(.appmenu):hover { - background-color: #383d4b; - border-color: transparent; - box-shadow: 0 0 0 1px #0d0e11; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.minimize, - headerbar button.titlebutton:not(.appmenu):hover.minimize { - background-image: -gtk-scaled(url("assets/minimize-dark.png"), url("assets/minimize-dark@2.png")); } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.maximize, - headerbar button.titlebutton:not(.appmenu):hover.maximize { - background-image: -gtk-scaled(url("assets/maximize-dark.png"), url("assets/maximize-dark@2.png")); } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, - headerbar button.titlebutton:not(.appmenu).close { - background-color: #a400a4; - background-image: -gtk-scaled(url("assets/close-black.png"), url("assets/close-black@2.png")); - border-color: transparent; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, - headerbar button.titlebutton:not(.appmenu).close:hover { - background-color: #ad1aad; - background-image: -gtk-scaled(url("assets/close-white.png"), url("assets/close-white@2.png")); } - .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { - margin-right: 0; } - .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { - margin-left: 0; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.close, - headerbar button.titlebutton:not(.appmenu):backdrop.maximize, - headerbar button.titlebutton:not(.appmenu):backdrop.minimize, - headerbar button.titlebutton:not(.appmenu):backdrop.close { - box-shadow: none; - border-color: #0d0e11; - background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); - background-color: rgba(0, 0, 0, 0.3); } - -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { - min-height: 0; - padding: 6px; - box-shadow: none; - background: transparent -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, rgba(10, 10, 10, 0), rgba(15, 15, 15, 0)); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - background-color: #181a20; - background-position: -35px; - background-repeat: no-repeat; } - .default-decoration.titlebar:backdrop:not(headerbar), - headerbar.default-decoration:backdrop { - background-color: #23252e; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 0; - min-width: 0; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton, - headerbar.default-decoration button.titlebutton:last-child { - margin: 0; } - -paned headerbar:first-child, -hdyleaflet headerbar:first-child, -headerbar.titlebar headerbar:first-child, -deck leaflet box:first-child headerbar:first-child, -leaflet > headerbar:first-child { - border-color: #0d0e11; - background: #272a34; - box-shadow: none; } - paned headerbar:first-child:backdrop, - hdyleaflet headerbar:first-child:backdrop, - headerbar.titlebar headerbar:first-child:backdrop, - deck leaflet box:first-child headerbar:first-child:backdrop, - leaflet > headerbar:first-child:backdrop { - background: #292c37; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-top-color: #0d0e11; } - treeview.view:backdrop { - border-top-color: #0d0e11; } - treeview.view header button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - treeview.view header button:hover, treeview.view header button:active { - border-color: #0d0e11; } - treeview.view header button:backdrop { - box-shadow: none; } - -/*************** - * Popovers * - ***************/ -popover.background { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } - .csd popover.background, popover.background { - border-color: rgba(13, 14, 17, 0.75); } - -/************* - * Notebooks * - *************/ -notebook > header { - border: 0; - padding: 0; - background-color: #1b1d24; } - notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { - margin: 0; } - notebook > header.top > tabs > tab, - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, - notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, - notebook > header.right > tabs > tab.reorderable-page { - border: 1px solid transparent; - margin: 3px; } - notebook > header.top > tabs > tab:hover:not(:backdrop), - notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), - notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), - notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), - notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header.top > tabs > tab:checked, - notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, - notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, - notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, - notebook > header.right > tabs > tab.reorderable-page:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header.top > tabs > tab:checked:backdrop, - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header.top { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.bottom { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header tab { - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 24px; } - notebook > header tab button.flat { - margin-top: 1px; - margin-bottom: 1px; } - -/************** - * Scrollbars * - **************/ -scrollbar slider { - min-width: 6px; - min-height: 6px; } - -/************** - * GtkInfoBar * - **************/ -infobar, infobar.info, infobar.question, infobar.warning, infobar.error { - border-style: none; - text-shadow: none; } - infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { - color: #ffffff; } - infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { - text-shadow: none; } - infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - background-color: #0d0e11; } - infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { - color: #ff0bff; } - -infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { - background-color: #a400a4; } - -infobar.info button, -infobar.info button.flat, infobar.info.action:hover button, -infobar.info.action:hover button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:hover, - infobar.info button.flat:hover, infobar.info.action:hover button:hover, - infobar.info.action:hover button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: linear-gradient(to top, #9f009f, #a900a9 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.info button:active, infobar.info button:checked, - infobar.info button.flat:active, - infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, - infobar.info.action:hover button.flat:active, - infobar.info.action:hover button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#760076); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.info button:disabled, - infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, - infobar.info.action:hover button.flat:disabled { - color: #c883c9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.info button:backdrop, - infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, - infobar.info.action:hover button.flat:backdrop { - color: #edcced; - border-color: #710071; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #710071; } - infobar.info button:backdrop:disabled, - infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, - infobar.info.action:hover button.flat:backdrop:disabled { - color: #b85db9; - border-color: #710071; - background-image: image(#910693); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #710071; } - infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, - infobar.info button.flat:backdrop label, - infobar.info button.flat:backdrop, - infobar.info button.flat label, - infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, - infobar.info.action:hover button.flat:backdrop label, - infobar.info.action:hover button.flat:backdrop, - infobar.info.action:hover button.flat label, - infobar.info.action:hover button.flat { - color: #ffffff; } - -infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { - background-color: #fd7d00; } - -infobar.question button, -infobar.question button.flat, infobar.warning button, -infobar.warning button.flat, infobar.question.action:hover button, -infobar.question.action:hover button.flat, infobar.warning.action:hover button, -infobar.warning.action:hover button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ee7500; - border-bottom-color: #bb5c00; - background-image: image(#ff8f22); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.question button:hover, - infobar.question button.flat:hover, infobar.warning button:hover, - infobar.warning button.flat:hover, infobar.question.action:hover button:hover, - infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, - infobar.warning.action:hover button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ca6400; - border-bottom-color: #974b00; - background-image: linear-gradient(to top, #f87a00, #ff8003 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.question button:active, infobar.question button:checked, - infobar.question button.flat:active, - infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, - infobar.warning button.flat:active, - infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, - infobar.question.action:hover button.flat:active, - infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, - infobar.warning.action:hover button.flat:active, - infobar.warning.action:hover button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ca6400; - background-image: image(#cf6600); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.question button:disabled, - infobar.question button.flat:disabled, infobar.warning button:disabled, - infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, - infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, - infobar.warning.action:hover button.flat:disabled { - color: #eeb884; - border-color: #ca6400; - background-image: image(#dd7108); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.question button:backdrop, - infobar.question button.flat:backdrop, infobar.warning button:backdrop, - infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, - infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, - infobar.warning.action:hover button.flat:backdrop { - color: #ffe5cc; - border-color: #ca6400; - background-image: image(#fd7d00); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #ca6400; } - infobar.question button:backdrop:disabled, - infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, - infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, - infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, - infobar.warning.action:hover button.flat:backdrop:disabled { - color: #e9a35e; - border-color: #ca6400; - background-image: image(#dd7108); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #ca6400; } - infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, - infobar.question button.flat:backdrop label, - infobar.question button.flat:backdrop, - infobar.question button.flat label, - infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, - infobar.warning button.flat:backdrop label, - infobar.warning button.flat:backdrop, - infobar.warning button.flat label, - infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, - infobar.question.action:hover button.flat:backdrop label, - infobar.question.action:hover button.flat:backdrop, - infobar.question.action:hover button.flat label, - infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, - infobar.warning.action:hover button.flat:backdrop label, - infobar.warning.action:hover button.flat:backdrop, - infobar.warning.action:hover button.flat label, - infobar.warning.action:hover button.flat { - color: #ffffff; } - -infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { - background-color: #bf1717; } - infobar.error:backdrop > revealer > box button, - infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, - infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, - infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, - infobar.error.action:hover > revealer > box button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #b11515; - border-bottom-color: #841010; - background-image: image(#df1b1b); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.error:backdrop > revealer > box button:hover, - infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, - infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, - infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, - infobar.error.action:hover > revealer > box button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #911212; - border-bottom-color: #640c0c; - background-image: linear-gradient(to top, #ba1616, #c41818 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, - infobar.error:backdrop > revealer > box button.flat:active, - infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, - infobar.error > revealer > box button.flat:active, - infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, - infobar.error.action:hover:backdrop > revealer > box button.flat:active, - infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, - infobar.error.action:hover > revealer > box button.flat:active, - infobar.error.action:hover > revealer > box button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #911212; - background-image: image(#961212); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.error:backdrop > revealer > box button:disabled, - infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, - infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, - infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, - infobar.error.action:hover > revealer > box button.flat:disabled { - color: #d48d8d; - border-color: #911212; - background-image: image(#a81a1b); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.error:backdrop > revealer > box button:backdrop, - infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, - infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, - infobar.error.action:hover > revealer > box button.flat:backdrop { - color: #f2d1d1; - border-color: #911212; - background-image: image(#bf1717); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #911212; } - infobar.error:backdrop > revealer > box button:backdrop:disabled, - infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, - infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, - infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { - color: #c66a6b; - border-color: #911212; - background-image: image(#a81a1b); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #911212; } - infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, - infobar.error:backdrop > revealer > box button.flat:backdrop label, - infobar.error:backdrop > revealer > box button.flat:backdrop, - infobar.error:backdrop > revealer > box button.flat label, - infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, - infobar.error > revealer > box button.flat:backdrop label, - infobar.error > revealer > box button.flat:backdrop, - infobar.error > revealer > box button.flat label, - infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, - infobar.error.action:hover:backdrop > revealer > box button.flat label, - infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, - infobar.error.action:hover > revealer > box button.flat:backdrop label, - infobar.error.action:hover > revealer > box button.flat:backdrop, - infobar.error.action:hover > revealer > box button.flat label, - infobar.error.action:hover > revealer > box button.flat { - color: #ffffff; } - -/********* - * Lists * - *********/ -row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { - border-radius: 8px; - background-color: #23252e; - color: white; - box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #272a34; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 5px 10px; - margin: 20px; - border-radius: 5px; - border: 1px solid rgba(13, 14, 17, 0.65); - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); - background-image: none; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - box-shadow: none; } - -/************ - * Calendar * - ***********/ -calendar { - border-radius: 6px; - border: 0; - padding: 1px; } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar:backdrop { - background-image: none; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - background-color: #23252e; } - -stacksidebar row { - padding: 7px 3px; } - -/**************** - * File chooser * - ****************/ -placessidebar row { - min-height: 30px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 8px 8px 5px 5px; - border: 1px solid #272a34; - border-bottom-width: 2px; - background: #23252e; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } - decoration:backdrop { - box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75); } - .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-width: 0; } - .popup decoration { - border-width: 0; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); - border-width: 0; } - .csd.popup decoration { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); - border-width: 0; } - tooltip.csd decoration { - border: 0; } - messagedialog.csd decoration { - border-width: 0; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } - -/* Nautilus */ -@define-color disk_space_unknown #383c4a; -@define-color disk_space_used #a400a4; -@define-color disk_space_free white; -filechooser placessidebar.sidebar:dir(ltr), -.nautilus-window placessidebar.sidebar:dir(ltr) { - background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); } - -filechooser placessidebar.sidebar:dir(rtl), -.nautilus-window placessidebar.sidebar:dir(rtl) { - background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); } - -filechooser placessidebar.sidebar:backdrop, -.nautilus-window placessidebar.sidebar:backdrop { - background-image: none; } - -filechooser placessidebar.sidebar row.sidebar-row:selected, -.nautilus-window placessidebar.sidebar row.sidebar-row:selected { - margin-left: 6px; - margin-right: 6px; - border-radius: 4px; - box-shadow: 0 1px 4px rgba(164, 0, 164, 0.5); - transition: box-shadow 200ms ease-out; - background-color: #a400a4; } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { - background-image: linear-gradient(to right, #710071 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { - background-image: linear-gradient(to left, #710071 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { - padding-left: 8px; - padding-right: 8px; } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { - color: #ffffff; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { - box-shadow: none; - background-image: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label { - color: #caaacd; } - -filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - padding-right: 20px; } - -.nautilus-window .floating-bar { - color: #ffffff; - background-color: #a400a4; - border-color: #0b000b; - margin: 10px; - box-shadow: 0 1px 4px rgba(164, 0, 164, 0.5); - transition: background-color 200ms ease-out; } - .nautilus-window .floating-bar:backdrop { - color: inherit; - box-shadow: none; - border-color: #0d0e11; } - .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { - border-radius: 4px; - border-style: solid; } - -.path-bar-box:backdrop { - border-color: #0d0e11; } - -box.nautilus-path-bar > scrolledwindow { - background-color: #272a34; } - -box.nautilus-path-bar > button { - box-shadow: none; } - -/* GNOME TERMINAL */ -terminal-window notebook scrollbar, -.mate-terminal notebook scrollbar { - background: #272a34; } - -terminal-window menubar, -.mate-terminal menubar { - background: #1c1e25; } - -/* GNOME TWEAKS */ -list.tweak-categories separator { - background: transparent; } - -/* XFCE4 PANEL */ -.xfce4-panel.background { - background: rgba(35, 37, 46, 0.8); } - -.xfce4-panel button { - border: 0; - border-radius: 0; - min-width: 30px; - box-shadow: none; - text-shadow: none; - background: transparent; - color: #eeeeec; } - .xfce4-panel button:hover { - background: rgba(0, 0, 0, 0.2); } - .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { - box-shadow: inset 0 -2px 0 #a400a4; - background: rgba(0, 0, 0, 0.2); } - -.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { - box-shadow: inset 2px 0 0 #a400a4; } - -/* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ -#XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { - border: 1px solid #0d0e11; - border-bottom-width: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - -gtk-icon-style: symbolic; } - -.xfsm-logout-dialog > .vertical > .horizontal button { - margin: 8px; } - -/* Whisker menu */ -#whiskermenu-button image { - -gtk-icon-shadow: 0 0 3px #a400a4, 0 0 3px #a400a4; } - -#whiskermenu-window entry { - border-radius: 100px; - border: 2px solid #a400a4; - box-shadow: none; } - -#whiskermenu-window button { - transition-duration: 0s; } - #whiskermenu-window button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - border-bottom-color: #1c1e25; } - #whiskermenu-window button:checked { - border-color: transparent; } - -#whiskermenu-window scrolledwindow.frame { - border: 0; - border-radius: 8px; - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3); - padding: 7px 10px; - margin: 0 5px; } - #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { - background: #1c1e25; } - #whiskermenu-window scrolledwindow.frame treeview { - background: transparent; - border-radius: 4px; } - #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { - background-color: rgba(0, 0, 0, 0.27); - color: inherit; } - -/* XFCE4 panel action */ -#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { - -gtk-icon-style: symbolic; - -gtk-icon-transform: scale(0.7); } - -/* XFCE4 workspace switcher */ -wnck-pager { - background-color: #3d4251; } - wnck-pager:selected { - background-color: black; } - wnck-pager:hover { - background-color: black; } - -/* LightDM */ -.lightdm-gtk-greeter #panel_window { - background: rgba(35, 37, 46, 0.8); - color: #eeeeec; - text-shadow: none; - -gtk-icon-shadow: none; } - -.lightdm-gtk-greeter #login_window { - border: 0; - background-color: rgba(35, 37, 46, 0.8); - border-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } - .lightdm-gtk-greeter #login_window entry { - background: rgba(35, 37, 46, 0.4); - border-color: rgba(35, 37, 46, 0.3); - min-height: 32px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); } - .lightdm-gtk-greeter #login_window entry image { - margin: 0; } - .lightdm-gtk-greeter #login_window #buttonbox_frame { - padding-top: 20px; - background: #23252e; - border-top: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0 0 4px 4px; - box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); } - .lightdm-gtk-greeter #login_window #buttonbox_frame button { - border: 0; - color: #ffffff; - text-shadow: none; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { - background: rgba(0, 0, 0, 0.27); - box-shadow: none; - color: #eeeeec; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { - background: #a400a4; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } - -/* Thunar */ -.thunar .warning { - margin: -7px 0; } - -.budgie-container { - background-color: transparent; } - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #a400a4; } - -.budgie-panel { - background-color: #272a34; - color: white; - font-weight: normal; } - .budgie-panel image { - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } - .budgie-panel label { - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } - .budgie-panel .alert { - color: #a400a4; } - .budgie-panel:backdrop { - color: white; - background-color: rgba(39, 42, 52, 0.8); } - .budgie-panel.transparent { - background-color: rgba(39, 42, 52, 0.8); - color: white; } - .budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; } - .budgie-panel.horizontal button { - padding: 0 4px; } - .budgie-panel.vertical button { - padding: 4px 0; } - .budgie-panel separator { - background-color: rgba(238, 238, 236, 0.4); } - .budgie-panel.vertical #tasklist-button { - min-height: 32px; } - .budgie-panel .end-region { - background-color: rgba(0, 0, 0, 0.3); - border-radius: 0px; } - .budgie-panel .end-region separator { - background-color: rgba(255, 255, 255, 0.15); } - .budgie-panel .end-region label { - font-weight: 700; - color: white; } - -.budgie-panel button.flat.launcher { - padding: 0; - border-radius: 0; - border: none; - background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0)); - background-position: center center; } - .budgie-panel button.flat.launcher > image { - opacity: 0.87; } - .budgie-panel button.flat.launcher:hover { - -gtk-icon-effect: highlight; } - .budgie-panel button.flat.launcher:hover > image { - opacity: 1.0; } - .budgie-panel button.flat.launcher:active > image { - opacity: 1.0; } - .budgie-panel button.flat.launcher:checked { - background-color: transparent; } - .budgie-panel button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; } - .budgie-panel button.flat.launcher:checked > image { - opacity: 1.0; } - -.budgie-panel .unpinned button.flat.launcher:hover, -.budgie-panel .pinned button.flat.launcher.running:hover { - -gtk-icon-effect: highlight; } - -.budgie-panel .unpinned button.flat.launcher > image, -.budgie-panel .pinned button.flat.launcher.running > image { - background-size: 2px 2px; - background-repeat: no-repeat; - opacity: 1.0; } - -.budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, -.budgie-panel .pinned button.flat.launcher.running:hover > image, -.budgie-panel .pinned button.flat.launcher.running:active > image, -.budgie-panel .pinned button.flat.launcher.running:checked > image { - background-image: none; } - -.top .budgie-panel button#tasklist-button:hover, -.top .budgie-panel button.flat.launcher:hover { - box-shadow: inset 0 2px alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, -.top .budgie-panel button.flat.launcher:active, -.top .budgie-panel button.flat.launcher:checked { - box-shadow: inset 0 2px #a400a4; } - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: top center; } - -.top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, -.top .budgie-panel .pinned button.flat.launcher.running:hover, -.top .budgie-panel .pinned button.flat.launcher.running:active, -.top .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 0 2px #a400a4; } - -.bottom .budgie-panel button#tasklist-button:hover, -.bottom .budgie-panel button.flat.launcher:hover { - box-shadow: inset 0 -2px alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, -.bottom .budgie-panel button.flat.launcher:active, -.bottom .budgie-panel button.flat.launcher:checked { - box-shadow: inset 0 -2px #a400a4; } - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: bottom center; } - -.bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, -.bottom .budgie-panel .pinned button.flat.launcher.running:hover, -.bottom .budgie-panel .pinned button.flat.launcher.running:active, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 0 -2px #a400a4; } - -.left .budgie-panel button#tasklist-button:hover, -.left .budgie-panel button.flat.launcher:hover { - box-shadow: inset 2px 0 alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, -.left .budgie-panel button.flat.launcher:active, -.left .budgie-panel button.flat.launcher:checked { - box-shadow: inset 2px 0 #a400a4; } - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: left center; } - -.left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, -.left .budgie-panel .pinned button.flat.launcher.running:hover, -.left .budgie-panel .pinned button.flat.launcher.running:active, -.left .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 2px 0 #a400a4; } - -.right .budgie-panel button#tasklist-button:hover, -.right .budgie-panel button.flat.launcher:hover { - box-shadow: inset -2px 0 alpha(#eeeeec,0.4); - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -.right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, -.right .budgie-panel button.flat.launcher:active, -.right .budgie-panel button.flat.launcher:checked { - box-shadow: inset -2px 0 #a400a4; } - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: right center; } - -.right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, -.right .budgie-panel .pinned button.flat.launcher.running:hover, -.right .budgie-panel .pinned button.flat.launcher.running:active, -.right .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset -2px 0 #a400a4; } - -.top .shadow-block { - background-color: transparent; - background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.bottom .shadow-block { - background-color: transparent; - background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.left .shadow-block { - background-color: transparent; - background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.right .shadow-block { - background-color: transparent; - background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.budgie-popover { - border-style: none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.28); - border-radius: 6px; - box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); - background-color: #23252e; } - .budgie-popover .container { - padding: 2px; } - .budgie-popover border { - border: none; } - .budgie-popover list { - background-color: transparent; } - .budgie-popover row { - padding: 0; } - .budgie-popover row:hover { - box-shadow: none; } - .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #eeeeec; - font-weight: normal; } - .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { - color: #888a8d; } - .budgie-popover.budgie-menu .container { - padding: 0; } - .budgie-popover.user-menu .container { - padding: 8px; } - .budgie-popover.user-menu separator { - margin: 4px 0; } - .budgie-popover.sound-popover separator { - margin: 3px 0; } - .budgie-popover.night-light-indicator .container { - padding: 8px; } - .budgie-popover.places-menu .container { - padding: 8px; } - .budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid #0d0e11; } - .budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; } - .budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; } - .budgie-popover.workspace-popover separator { - margin: 4px 0; } - .budgie-popover.workspace-popover flowboxchild { - padding: 0; } - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(35, 37, 46, 0.8); } - .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(24, 26, 32, 0.8); } - .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.current-workspace { - background-color: rgba(24, 26, 32, 0.8); } - -.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-menu.background { - padding: 0; - background-color: #272a34; } - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; } - -.budgie-menu entry.search { - border-style: none; - border-bottom: 1px solid #0d0e11; - border-radius: 999px; - box-shadow: none; - font-size: 120%; - padding-top: 6px; - padding-bottom: 6px; } - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #eeeeec; - font-weight: normal; } - -.budgie-menu row { - padding: 0; } - .budgie-menu row:hover { - box-shadow: none; } - -button.budgie-menu-launcher { - color: white; - border: none; } - button.budgie-menu-launcher:hover { - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -popover.background.user-menu { - padding: 8px; } - popover.background.user-menu .content-box { - background-color: transparent; } - popover.background.user-menu separator { - margin: 4px 0; } - popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; } - -button.raven-trigger { - color: white; - border: none; } - button.raven-trigger:hover { - background-color: rgba(238, 238, 236, 0.4); - border: none; } - -popover.background.places-menu { - padding: 8px; } - popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; } - popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; } - popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; } - popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; } - popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; } - popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid #0d0e11; - background-color: transparent; } - popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; } - -frame.raven-frame > border { - border-style: none; - box-shadow: none; } - -.raven { - background-color: #23252e; - color: #eeeeec; - padding: 6px 0 0 0; - border: none; } - .raven .raven-header { - min-height: 32px; - padding: 3px; } - .raven .raven-header.top { - padding: 2px 0; - background-color: #23252e; - color: #eeeeec; } - .raven .raven-header.top stackswitcher button { - margin: -6px 0; - min-height: 32px; } - .raven .raven-header.bottom { - border-top: 1px solid #0d0e11; } - .raven viewport.frame .raven-header { - margin-top: -8px; } - .raven .raven-background { - border-style: solid none; - border-width: 1px; - border-color: #0d0e11; - background-color: #272a34; } - .raven scrolledwindow.raven-background { - border-bottom-style: none; } - .raven .powerstrip button { - margin: 2px 0 1px; - padding: 10px; } - .raven .option-subtitle { - font-size: smaller; } - -calendar.raven-calendar { - border-style: none; - background-color: transparent; } - calendar.raven-calendar:selected { - border-radius: 6px; - background-color: #23252e; } - -.raven-mpris { - background-color: rgba(35, 37, 46, 0.8); - color: #eeeeec; } - .raven-mpris label { - min-height: 24px; } - -.budgie-notification-window, .budgie-osd-window { - background-color: transparent; - color: white; - border-radius: 6px; } - .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { - background-color: #303340; } - -.budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { - background-color: #303340; - color: white; } - .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { - font-size: 110%; - color: white; } - .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { - color: white; } - -.budgie-osd .budgie-osd-text { - font-size: 120%; } - -.budgie-switcher-window .drop-shadow { - margin: 8px 8px 16px; - border-radius: 6px; - background-color: #303340; - box-shadow: rgba(0, 0, 0, 0.28); } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title { - color: white; } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { - padding: 0 0 0 6px; } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { - padding: 0 6px 0 0; } - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 2px; - box-shadow: none; - background-color: #23252e; } - -.budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { - border-radius: 6px; - background-color: #23252e; } - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title { - font-size: 120%; } - -.budgie-session-dialog .linked.horizontal > button { - padding: 8px 16px; - border-top: 1px solid #0d0e11; - border-radius: 6px; } - .budgie-session-dialog .linked.horizontal > button:first-child { - border-bottom-left-radius: 2px; } - .budgie-session-dialog .linked.horizontal > button:last-child { - border-bottom-right-radius: 2px; } - -.budgie-polkit-dialog .message { - color: #eeeeec; } - -.budgie-polkit-dialog .failure { - color: #a61414; } - -.budgie-run-dialog { - background-color: #272a34; - border-style: none; } - .budgie-run-dialog entry.search { - font-size: 120%; - box-shadow: none; - background-color: transparent; - border-style: none; - border-bottom: 1px solid #0d0e11; - border-radius: 0; - padding-top: 6px; - padding-bottom: 6px; } - .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, - .budgie-run-dialog list headerbar .subtitle, - headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; } - .budgie-run-dialog scrolledwindow { - border-top: 1px solid #0d0e11; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #eeeeec; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #23252e; -/* -text widgets and the like base background color */ -@define-color theme_base_color #272a34; -/* -base background color of selections */ -@define-color theme_selected_bg_color #a400a4; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #242731; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #888a8d; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #272a34; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #888a8d; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #23252e; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #292c37; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #a400a4; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #43495a; -/* -widgets main borders color */ -@define-color borders #0d0e11; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #0d0e11; -/* -these are pretty self explicative */ -@define-color warning_color #fd7d00; -@define-color error_color #bf1717; -@define-color success_color #308e63; -/* -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 shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #888a8d; -@define-color wm_highlight rgba(0, 0, 0, 0); -@define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#23252e, 1.2); -@define-color wm_bg_b #23252e; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#23252e, 1.3); -@define-color wm_button_hover_color_b #23252e; -@define-color wm_button_active_color_a shade(#23252e, 0.85); -@define-color wm_button_active_color_b shade(#23252e, 0.89); -@define-color wm_button_active_color_c shade(#23252e, 0.9); -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #272a34; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1a1c23; -.open-document-selector-treeview:hover { - background-color: alpha(@theme_fg_color, 0.05); -} - -.open-document-selector-treeview:selected:hover { - background-color: @theme_selected_bg_color; -} - -/* Only normal state is handle */ -.open-document-selector-name-label { - color: @theme_fg_color; -} - -/* Only normal state is handle */ -.open-document-selector-path-label { - color: @theme_unfocused_fg_color; - font-size: smaller; -} - -/* Only normal state is handle */ -.open-document-selector-match { - color: shade (@theme_fg_color, 0.6); - background-color: alpha(@warning_color, 0.4); -} - -.gedit-document-panel { - background-color: @sidebar_bg; -} - -.gedit-document-panel:backdrop { - color: #b0b2b2; -} - -.gedit-document-panel row:selected:backdrop { - background-color: #8b8e8f; -} - -.gedit-document-panel-group-row, -.gedit-document-panel-group-row:hover { - border-top: 1px solid alpha(currentColor, 0.3); -} - -.gedit-document-panel-group-row:first-child, -.gedit-document-panel-group-row:first-child:hover { - border-top: 0px; -} - -/* Try to look as the notebook tab close button */ -.gedit-document-panel row button.flat { - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - min-width: 18px; - min-height: 18px; - color: alpha(currentColor,0.3); -} - -.gedit-document-panel row:hover button.flat { - color: alpha(currentColor,0.5); -} - -.gedit-document-panel row button.flat:hover { - color: @theme_fg_color; -} - -statusbar { - border-top: 1px solid @borders; -} - -.gedit-search-slider { - background-color: @theme_base_color; - padding: 6px; - border-color: @borders; - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - background-color: @theme_base_color; - background-image: none; - color: shade (@theme_unfocused_fg_color, 0.8); - border: 0px; - margin: 2px; - padding: 2px; -} -.nautilus-window, -.nautilus-window notebook, -.nautilus-window notebook > stack { - background: @theme_base_color; -} - -.nautilus-empty-state-icon { - opacity: 0.50; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.nautilus-canvas-item.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.nautilus-canvas-item.dim-label { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); -} - -.nautilus-canvas-item.dim-label:selected { - color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); -} - -/* Toolbar */ - -/* Here we use the .button background-image colors from Adwaita, but ligthen them, - * since is not possible to use lighten () in common css. */ -@keyframes needs_attention_keyframes { - 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } - /* can't do animation-direction, so holding the color on two keyframes */ - 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -/* Remove white background and highlight on hover which GTK adds by default - * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ -.operations-list, -.operations-list > :hover { - background: none; -} - -.disclosure-button { - padding-left: 4px; - padding-right: 4px; -} - -/* Path bar */ - -.nautilus-path-bar scrolledwindow { - border-radius: 5px 0px 0px 5px; - border: 1px @borders solid; - border-right-width: 0px; - background-color: @theme_bg_color; -} -.nautilus-path-bar scrolledwindow undershoot.left { - border-radius: 5px 0px 0px 5px; - background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} -.nautilus-path-bar scrolledwindow undershoot.right { - background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} - -.nautilus-path-bar > button, -.path-buttons-box button { - margin: 0px; -} - -.path-buttons-box button { - background-image: none; - box-shadow: none; - border-radius: 5px; - border-width: 0px; - -gtk-icon-shadow: none; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover { - background: alpha(@theme_fg_color, 0.15); - box-shadow: inset 0 0 0 2px @theme_bg_color; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover * { - opacity: 1; -} - -/* Make the tags fit into the box */ -entry.search > * { - margin: 5px; -} - -/* Sidebar */ - -.nautilus-window .sidebar-row:selected { - background: mix(@theme_bg_color, @theme_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected, -.nautilus-window .sidebar-row:selected image, -.nautilus-window .sidebar-row:selected label { - color: mix(@theme_fg_color, @theme_text_color, 0.5); -} - -.nautilus-window .sidebar-row:selected:backdrop { - background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected:backdrop, -.nautilus-window .sidebar-row:selected:backdrop label { - color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); -} - -/* Floating status bar */ -.floating-bar { - padding: 1px; - background-color: @theme_base_color; - border-width: 1px; - border-style: solid solid none; - border-color: @borders; - border-radius: 8px 8px 0 0; -} - -.floating-bar.bottom.left { /* axes left border and border radius */ - border-left-style: none; - border-top-left-radius: 0; -} -.floating-bar.bottom.right { /* axes right border and border radius */ - border-right-style: none; - border-top-right-radius: 0; -} - -.floating-bar:backdrop { - background-color: @theme_unfocused_base_color; - border-color: @unfocused_borders; -} - -.floating-bar button { - padding: 0px; -} - -@define-color disk_space_unknown #888a85; -@define-color disk_space_used #729fcf; -@define-color disk_space_free #eeeeec; - -.disk-space-display { - border-style: solid; - border-width: 2px; -} - -.disk-space-display.unknown { - background-color: @disk_space_unknown; - border-color: shade(@disk_space_unknown, 0.7); - color: @disk_space_unknown; -} -.disk-space-display.unknown.border { - color: shade(@disk_space_unknown, 0.7); -} - -.disk-space-display.used { - background-color: @disk_space_used; - border-color: shade(@disk_space_used, 0.7); - color: @disk_space_used; -} -.disk-space-display.used.border { - color: shade(@disk_space_used, 0.7); -} - -.disk-space-display.free { - background-color: @disk_space_free; - border-color: shade(@disk_space_free, 0.7); - color: @disk_space_free; -} -.disk-space-display.free.border { - color: shade(@disk_space_free, 0.7); -} - -/* As a workaround for GtkTreeView showing thick border above first row when - * horizontal grid lines are enabled, we add them using CSS instead. Exclude the - * drop targets to let through the default feedback style. */ -.nautilus-list-view .view:not(:drop(active)) { - border-bottom: 1px solid @theme_bg_color; -} - -.nautilus-list-view.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.search-information { - background-color: @theme_selected_bg_color; - color:white; - padding:2px; -} - -@define-color conflict_bg #fef6b6; - -.conflict-row { - background: @conflict_bg; - color: black; -} - -.conflict-row:hover { - background-color: shade(@conflict_bg, 0.9); -} - -.conflict-row:selected { - background: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* Icon view */ -flowbox { - padding: 18px -} - -flowboxchild { - padding: 0px; -} - -flowboxchild:selected { - background-color:transparent; - outline-color: transparent; -} - -flowboxchild .thumbnail { - margin: 4px; - box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), - 0px 0px 0px 1px alpha(@borders, 0.5), - 0px 2px 0px 0px alpha(@borders, 0.5); - border-radius: 2px; -} - -.icon-ui-labels-box { - padding: 2px 4px; - border-radius: 4px; -} - -flowboxchild:selected .icon-ui-labels-box { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; -} - -flowboxchild:selected image { - -gtk-icon-effect: dim; /* GTK 3 only */ - /* GTK 4 TODO: Replace previous line with the following one: - -gtk-icon-filter: opacity(0.5); - */ - -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; -} diff --git a/share/themes/Kali-Purple-Light/gtk-3.0/gtk.css b/share/themes/Kali-Purple-Light/gtk-3.0/gtk.css deleted file mode 100644 index 9c33e40d..00000000 --- a/share/themes/Kali-Purple-Light/gtk-3.0/gtk.css +++ /dev/null @@ -1,7169 +0,0 @@ -/*************************** - * Check and Radio buttons * - ***************************/ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #bf1717; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 24; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #a400a4; } - -/*************** - * Base States * - ***************/ -.background { - color: #5c616c; - background-color: #ffffff; } - .background:backdrop { - color: #aeb0b6; - background-color: #ffffff; - text-shadow: none; - -gtk-icon-shadow: none; } - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ -*:disabled { - -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - color: #5c616c; - background-color: #ffffff; } - .gtkstyle-fallback:hover { - color: #5c616c; - background-color: white; } - .gtkstyle-fallback:active { - color: #5c616c; - background-color: #e6e6e6; } - .gtkstyle-fallback:disabled { - color: #9da0a7; - background-color: #fdfdfd; } - .gtkstyle-fallback:selected { - color: #ffffff; - background-color: #a400a4; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: black; - background-color: #fafafa; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: #313131; - background-color: #f7f7f7; } - .view:backdrop:disabled, iconview:backdrop:disabled, - .view text:backdrop:disabled, - iconview text:backdrop:disabled, - textview text:backdrop:disabled { - color: #d9d9d9; } - .view:disabled, iconview:disabled, - .view text:disabled, - iconview text:disabled, - textview text:disabled { - color: #9da0a7; - background-color: #fdfdfd; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - .view text:selected:focus, - iconview text:selected:focus, - textview text:selected:focus, - .view text:selected, - iconview text:selected, - textview text:selected { - border-radius: 3px; } - -textview border { - background-color: #fcfcfc; } - -.rubberband, -rubberband, -.content-view rubberband, -.content-view .rubberband, -treeview.view rubberband, -flowbox rubberband { - border: 1px solid #710071; - background-color: rgba(113, 0, 113, 0.2); } - -flowbox flowboxchild { - padding: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -.content-view .tile { - margin: 2px; - background-color: transparent; - border-radius: 0; - padding: 0; } - .content-view .tile:backdrop { - background-color: transparent; } - .content-view .tile:active, .content-view .tile:selected { - background-color: transparent; } - .content-view .tile:disabled { - background-color: transparent; } - -label { - caret-color: currentColor; } - label selection { - background-color: #a400a4; - color: #ffffff; } - label:disabled { - color: #9da0a7; } - button label:disabled { - color: inherit; } - label:disabled:backdrop { - color: #d9d9d9; } - button label:disabled:backdrop { - color: inherit; } - label.error { - color: #bf1717; } - label.error:disabled { - color: rgba(191, 23, 23, 0.5); } - label.error:disabled:backdrop { - color: rgba(191, 23, 23, 0.4); } - -.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, label.separator { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: #fafafa; - border-top: 1px solid #d9d9d9; } - assistant .sidebar:backdrop { - background-color: #f7f7f7; - border-color: #d9d9d9; } - -assistant.csd .sidebar { - border-top-style: none; } - -assistant .sidebar label { - padding: 6px 12px; } - -assistant .sidebar label.highlight { - background-color: #dedfe2; } - -.osd .scale-popup, .app-notification, -.app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, -.osd { - color: white; - border: none; - background-color: #303340; - background-clip: padding-box; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, - .osd:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -/********************* - * Spinner Animation * - *********************/ -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); } } - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } - spinner:backdrop { - color: #aeb0b6; } - spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/********************** - * General Typography * - **********************/ -.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-heading { - font-weight: 700; - font-size: 9pt; } - -.caption { - font-weight: 400; - font-size: 9pt; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 28px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: black; - border-color: #d9d9d9; - background-color: #fafafa; - box-shadow: inset 0 0 0 1px rgba(164, 0, 164, 0); } - spinbutton:not(.vertical) image.left, - entry image.left { - margin-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - margin-left: 6px; } - spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton:focus:not(.vertical), - entry:focus { - box-shadow: inset 0 0 0 1px #a400a4; - border-color: #a400a4; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: #9da0a7; - border-color: #d9d9d9; - background-color: #fdfdfd; - box-shadow: none; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: #313131; - border-color: #d9d9d9; - background-color: #f7f7f7; - box-shadow: none; - transition: 200ms ease-out; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-color: #fdfdfd; - box-shadow: none; } - spinbutton.error:not(.vertical), - entry.error { - color: #bf1717; - border-color: #bf1717; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - box-shadow: inset 0 0 0 1px #bf1717; - border-color: #bf1717; } - spinbutton.error:not(.vertical) selection, - entry.error selection { - background-color: #bf1717; } - spinbutton.warning:not(.vertical), - entry.warning { - color: #fd7d00; - border-color: #fd7d00; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - box-shadow: inset 0 0 0 1px #fd7d00; - border-color: #fd7d00; } - spinbutton.warning:not(.vertical) selection, - entry.warning selection { - background-color: #fd7d00; } - spinbutton:not(.vertical) image, - entry image { - color: #7c8088; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: #5c616c; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: #a400a4; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: #bdbec3; } - spinbutton:drop(active):not(.vertical), - entry:drop(active):focus, - entry:drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - .osd spinbutton:not(.vertical), .osd entry { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd entry:focus { - color: white; - border-color: #a400a4; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #a400a4; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #97999f; - border-color: black; - background-color: rgba(68, 72, 83, 0.5); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -6px; - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #a400a4; - border-style: solid; - box-shadow: none; } - spinbutton:not(.vertical) progress:backdrop, - entry progress:backdrop { - background-color: transparent; } - -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry { - border-left-color: #a400a4; } - -.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry { - border-left-color: #bf1717; } - -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #19a187; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #f0f0f0; } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: #eeeeee; } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #f0f0f0; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: #a400a4; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), -.linked.vertical > entry + entry:focus.error:not(:only-child) { - border-top-color: #bf1717; } - -.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #19a187; } - -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus:not(:only-child) + entry, -.linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #a400a4; } - -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:focus.error:not(:only-child) + entry, -.linked.vertical > entry:focus.error:not(:only-child) + button, -.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { - border-top-color: #bf1717; } - -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + entry, -.linked.vertical > entry:drop(active):not(:only-child) + button, -.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #19a187; } - -spinbutton.error:not(.vertical), -entry.error { - color: #bf1717; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #fafafa; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #fafafa; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #a400a4; } - -.entry-tag { - padding: 5px; - margin-top: 2px; - margin-bottom: 2px; - border-style: none; - color: #ffffff; - background-color: #a400a4; } - :dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: -5px; } - :dir(rtl) .entry-tag { - margin-left: -5px; - margin-right: 8px; } - .entry-tag:hover { - background-color: #d700d7; } - :backdrop .entry-tag { - color: #f7f7f7; - background-color: #a400a4; } - .entry-tag.button { - background-color: transparent; - color: rgba(255, 255, 255, 0.7); } - :not(:backdrop) .entry-tag.button:hover { - border: 1px solid #a400a4; - color: #ffffff; } - :not(:backdrop) .entry-tag.button:active { - background-color: #a400a4; - color: rgba(255, 255, 255, 0.7); } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#a400a4), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#a400a4), to(transparent)); } } - -button.titlebutton, notebook > header > tabs > arrow, -button { - min-height: 24px; - min-width: 16px; - padding: 2px 6px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition: none; } - button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active, - button.flat:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - button:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button:active, - button:checked { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, - button:backdrop.flat, - button:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#eaeaea); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.image-button, - button.image-button { - min-width: 24px; - padding-left: 2px; - padding-right: 2px; } - notebook > header > tabs > arrow.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { - color: #19a187; - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - -row:selected button { - border-color: #580058; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #f7f7f7; } - - -button.osd { - min-width: 26px; - min-height: 32px; - color: white; - border-radius: 5px; - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 34px; } - - button.osd:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); - border: none; - box-shadow: none; } - - button.osd:disabled:backdrop, - button.osd:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - - button.osd:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - -.app-notification button, -.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - - -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a400a4; } - - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: image(#900090); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#5d005d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - color: #edcced; - border-color: #a400a4; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - color: #e9d2e9; - border-color: #8f1e8f; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { - color: #b66db6; - border-color: #8f1e8f; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(164, 0, 164, 0.8); } - - button.suggested-action:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #d2a5d2; - border-color: #710071; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd button.suggested-action { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a400a4); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd button.suggested-action:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #c61717; - border-bottom-color: #991212; - background-image: image(#e62b2b); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #d41919; } - - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #a61414; - border-bottom-color: #790e0e; - background-image: image(#c21717); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #a61414; - background-image: image(#941111); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - color: #f6d1d1; - border-color: #d41919; - background-image: image(#d41919); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - color: #f4d4d4; - border-color: #c72626; - background-image: image(#c72626); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { - color: #da7272; - border-color: #c72626; - background-image: image(#c72626); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(212, 25, 25, 0.8); } - - button.destructive-action:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #e8a8a8; - border-color: #a61414; - background-image: image(#c72626); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .osd button.destructive-action { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(212, 25, 25, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(212, 25, 25, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#d41919); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd button.destructive-action:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(212, 25, 25, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - -.stack-switcher > button { - outline-offset: -3px; } - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; } - .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - .stack-switcher > button.text-button { - padding-left: 10px; - padding-right: 10px; } - .stack-switcher > button.image-button { - padding-left: 2px; - padding-right: 2px; } - .stack-switcher > button.needs-attention:active > label, - .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, - .stack-switcher > button.needs-attention:checked > image { - animation: none; - background-image: none; } - - -button.font separator, -button.file separator { - background-color: transparent; } - - -button.font > box > box > label { - font-weight: bold; } - -.primary-toolbar button { - -gtk-icon-shadow: none; } - - -button.circular { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 2px; - /* circles instead of ellipses */ - background-origin: padding-box, border-box; - background-clip: padding-box, border-box; } - - button.circular label { - padding: 0; } - - button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border-color: transparent; } - - button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border-color: transparent; } - -stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#a400a4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop, - .stack-switcher > button.needs-attention > image:backdrop { - background-size: 6px 6px, 0 0; } - stacksidebar 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, left 4px; } - -.inline-toolbar toolbutton > button { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - .inline-toolbar toolbutton > button:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .inline-toolbar toolbutton > button:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#eaeaea); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat { - border-right-style: none; - border-radius: 0; - -gtk-outline-radius: 0; } - -.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - -gtk-outline-top-left-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; } - -.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-right-style: solid; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-top-right-radius: 4px; - -gtk-outline-bottom-right-radius: 4px; } - -.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-style: solid; - border-radius: 4px; - -gtk-outline-radius: 4px; } - -.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button { - border-style: solid solid none solid; - border-radius: 0; - -gtk-outline-radius: 0; } - -.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - -gtk-outline-top-left-radius: 4px; - -gtk-outline-top-right-radius: 4px; } - -.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-style: solid; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; - -gtk-outline-bottom-right-radius: 4px; } - -.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-style: solid; - border-radius: 4px; - -gtk-outline-radius: 4px; } - -.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, button:link, -button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat, -.menuitem.button.flat { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 4px; - outline-offset: -2px; } - modelbutton.flat:hover, - .menuitem.button.flat:hover { - background-color: #eaebec; } - -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow:hover { - background: none; } - 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 { - padding: 4px; } - button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.769231); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - .osd button.color colorswatch:only-child { - box-shadow: none; } - .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { - box-shadow: none; } - -/* list buttons */ -/* tone down as per new designs, see issue #1473, #1748 */ -list row button.image-button:not(.flat) { - border: 1px solid rgba(217, 217, 217, 0.5); } - list row button.image-button:not(.flat):hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/********* - * Links * - *********/ -button:link > label, -button:visited > label, button:link, -button:visited, -*:link { - color: #710071; } - button:link > label:visited, - button:visited > label:visited, - button:visited, - *:link:visited { - color: #3e003e; } - *:selected button:link > label:visited, - *:selected button:visited > label:visited, - *:selected button:visited, *:selected *:link:visited { - color: #b299b2; } - button:link > label:hover, - button:visited > label:hover, button:hover:link, - button:hover:visited, - *:link:hover { - color: #a400a4; } - *:selected button:link > label:hover, - *:selected button:visited > label:hover, *:selected button:hover:link, - *:selected button:hover:visited, *:selected *:link:hover { - color: #f6e6f6; } - button:link > label:active, - button:visited > label:active, button:active:link, - button:active:visited, - *:link:active { - color: #710071; } - *:selected button:link > label:active, - *:selected button:visited > label:active, *:selected button:active:link, - *:selected button:active:visited, *:selected *:link:active { - color: #e3cce3; } - button:link > label:disabled, - button:visited > label:disabled, button:disabled:link, - button:disabled:visited, - *:link:disabled, - *:link:disabled:backdrop { - color: rgba(57, 57, 57, 0.8); } - button:link > label:backdrop, - button:visited > label:backdrop, button:backdrop:link, - button:backdrop:visited, - *:link:backdrop:backdrop:hover, - *:link:backdrop:backdrop:hover:selected, - *:link:backdrop { - color: rgba(113, 0, 113, 0.9); } - .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, - headerbar.selection-mode .subtitle:link, button:link > label:selected, - button:visited > label:selected, button:selected:link, - button:selected:visited, *:selected button:link > label, - *:selected button:visited > label, *:selected button:link, - *:selected button:visited, - *:link:selected, *:selected *:link { - color: #e3cce3; } - -button:link, -button:visited { - text-shadow: none; } - button:link:hover, button:link:active, button:link:checked, - button:visited:hover, - button:visited:active, - button:visited:checked { - text-shadow: none; } - button:link > label, - button:visited > label { - text-decoration-line: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton { - font-feature-settings: "tnum"; } - spinbutton:not(.vertical) { - padding: 0; } - .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) entry:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #6c707a; - background-image: none; - border-style: none none none solid; - border-color: rgba(217, 217, 217, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:hover { - color: #5c616c; - background-color: rgba(92, 97, 108, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: rgba(157, 160, 167, 0.3); - background-color: transparent; } - spinbutton:not(.vertical) button:active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) button:backdrop { - color: #b5b7bd; - background-color: transparent; - border-color: rgba(217, 217, 217, 0.3); - transition: 200ms ease-out; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(217, 217, 217, 0.3); - background-color: transparent; - background-image: none; - border-style: none none none solid; } - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - .osd spinbutton:not(.vertical) button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.7); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(255, 255, 255, 0.1); - -gtk-icon-shadow: 0 1px black; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #97999f; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - spinbutton.vertical:disabled { - color: #9da0a7; } - spinbutton.vertical:backdrop:disabled { - color: #d9d9d9; } - spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - spinbutton.vertical entry { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } - spinbutton.vertical button { - min-height: 32px; - min-width: 32px; - padding: 0; } - spinbutton.vertical button.up { - border-radius: 4px 4px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button.down { - border-radius: 0 0 4px 4px; - border-style: none solid solid solid; } - .osd spinbutton.vertical button:first-child { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd spinbutton.vertical button:first-child:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton.vertical button:first-child:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - 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:drop(active) { - box-shadow: none; } - -/************ - * Toolbars * - ************/ -searchbar > revealer > box, -.location-bar, .inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; } - -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: #303340; } - toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; } - toolbar.horizontal separator { - margin: 0 7px 1px 6px; } - toolbar.vertical separator { - margin: 6px 1px 7px 0; } - toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar > revealer > box, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -searchbar > revealer > box { - margin: -6px; - padding: 6px; } - -.inline-toolbar, searchbar > revealer > box, -.location-bar { - border-style: solid; - border-color: #d9d9d9; - background-color: #f4f4f4; } - .inline-toolbar:backdrop, searchbar > revealer > box:backdrop, - .location-bar:backdrop { - border-color: #d9d9d9; - background-color: #f2f2f2; - box-shadow: none; - transition: 200ms ease-out; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 40px; - border-width: 0 0 1px; - border-style: solid; - border-color: #c2c2c2; - border-radius: 0; - background: #e6e6e6 linear-gradient(to top, #e0e0e0, #e8e8e8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - /* Darken switchbuttons for headerbars. issue #1588 */ - /* hide the close button separator */ } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #d9d9d9; - background-color: #ffffff; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) stackswitcher button:checked, - .titlebar:not(headerbar) button.toggle:checked, - headerbar stackswitcher button:checked, - headerbar button.toggle:checked { - background: image(#d4d4d4); - border-color: #d1d1d1; - border-top-color: #c4c4c4; } - .titlebar:not(headerbar) stackswitcher button:checked:backdrop, - .titlebar:not(headerbar) button.toggle:checked:backdrop, - headerbar stackswitcher button:checked:backdrop, - headerbar button.toggle:checked:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, - headerbar.selection-mode { - color: #ffffff; - border-color: #580058; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5); - background: #a400a4 linear-gradient(to top, #9a009a, #a900a9); - box-shadow: inset 0 1px rgba(200, 102, 200, 0.9); } - .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, - headerbar.selection-mode:backdrop { - background-color: #a400a4; - background-image: none; - box-shadow: inset 0 1px rgba(210, 128, 210, 0.88); } - .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, - headerbar.selection-mode:backdrop label { - text-shadow: none; - color: #ffffff; } - .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, - headerbar.selection-mode button { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, - headerbar.selection-mode button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, - headerbar.selection-mode button:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: image(#900090); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, - headerbar.selection-mode button:active, - headerbar.selection-mode button:checked, - headerbar.selection-mode button.toggle:checked, - headerbar.selection-mode button.toggle:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#5d005d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop { - color: #edcced; - border-color: #a400a4; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - -gtk-icon-effect: none; - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked { - color: #e9d2e9; - border-color: #8f1e8f; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled { - color: #cc71cc; - border-color: #b125b1; - background-image: image(#b125b1); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:checked { - color: #b66db6; - border-color: #8f1e8f; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #580058; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, - headerbar.selection-mode button.flat:backdrop, - headerbar.selection-mode button.flat:disabled, - headerbar.selection-mode button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, - headerbar.selection-mode button:disabled { - color: #d892d8; - border-color: #710071; - background-image: image(#b125b1); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked { - color: #d2a5d2; - border-color: #710071; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, - headerbar.selection-mode button.suggested-action { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, - headerbar.selection-mode button.suggested-action:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, - headerbar.selection-mode button.suggested-action:active { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #580058; } - .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(164, 0, 164, 0); - background-color: rgba(164, 0, 164, 0); - background-image: none; - box-shadow: none; - min-height: 20px; - padding: 4px 10px; } - .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow, - headerbar.selection-mode .selection-menu:backdrop arrow, - headerbar.selection-mode .selection-menu arrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, - headerbar.selection-mode .selection-menu:backdrop .arrow, - headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - color: rgba(255, 255, 255, 0.5); - -gtk-icon-shadow: none; } - .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - headerbar.default-decoration { - min-height: 28px; - padding: 4px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - .titlebar:not(headerbar) separator.titlebutton, - headerbar separator.titlebutton { - opacity: 0; } - .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button { - margin-top: 5px; - margin-bottom: 5px; } - -headerbar switch { - margin-top: 7px; - margin-bottom: 7px; } - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; } - -.background .titlebar:backdrop, .background .titlebar { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -.background.tiled .titlebar:backdrop, .background.tiled .titlebar, -.background.tiled-top .titlebar:backdrop, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar:backdrop, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar:backdrop, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar:backdrop, -.background.tiled-left .titlebar, -.background.maximized .titlebar:backdrop, -.background.maximized .titlebar, -.background.solid-csd .titlebar:backdrop, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 7px; } - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 7px; } - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; - box-shadow: none; } - -.titlebar:not(headerbar) separator { - background-color: #d9d9d9; } - -window.devel headerbar.titlebar:not(.selection-mode) { - background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(164, 0, 164, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke); } - window.devel headerbar.titlebar:not(.selection-mode):backdrop { - background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#ffffff); - /* background-color would flash */ } - -/************ - * Pathbars * - ************/ -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - -.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { - padding-right: 8px; } - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 8px; } - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; } - -.path-bar button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-left-color: #abadb3; - border-top-color: #ffffff; } - * { - -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; } - treeview.view:selected:focus, treeview.view:selected { - border-radius: 0; } - treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #d280d2; - border-top-color: rgba(92, 97, 108, 0.1); } - treeview.view:disabled { - color: #9da0a7; } - treeview.view:disabled:selected { - color: #c866c8; } - treeview.view:disabled:selected:backdrop { - color: #bd4abd; } - treeview.view:disabled:backdrop { - color: #d9d9d9; } - treeview.view.separator { - min-height: 2px; - color: #ffffff; } - treeview.view.separator:backdrop { - color: rgba(255, 255, 255, 0.1); } - treeview.view:backdrop { - border-left-color: #d7d8db; - border-top: #ffffff; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #580058; } - 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-end-symbolic"); - color: #4b4b4b; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: black; } - treeview.view.expander:selected { - color: #e4b3e4; } - treeview.view.expander:selected:hover { - color: #ffffff; } - treeview.view.expander:selected:backdrop { - color: #deadde; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: #c4c5ca; } - treeview.view.progressbar { - color: #fafafa; - background-color: #a400a4; - background-image: image(#a400a4); - box-shadow: none; } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - color: #a400a4; - background-image: image(#fafafa); } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - color: #a400a4; - background-color: #f7f7f7; } - treeview.view.progressbar:backdrop { - color: #f7f7f7; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(92, 97, 108, 0.1); } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: rgba(255, 255, 255, 0.3); } - treeview.view header button { - color: #abadb3; - background-color: #fafafa; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: #848790; - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #5c616c; - transition: none; } - treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: #fafafa; - background-image: none; - background-color: #a400a4; - border-style: none; - border-radius: 0; - box-shadow: inset 0 0 0 1px #fafafa; - text-shadow: none; - transition: none; } - treeview.view acceleditor > label { - background-color: #a400a4; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 0 6px; - background-image: none; - border-style: none solid solid none; - border-color: #dfdfdf; - border-radius: 0; - text-shadow: none; } - treeview.view header button:disabled { - border-color: #ffffff; - background-image: none; } - treeview.view header button:backdrop { - color: #d7d8db; - border-color: #ffffff; - border-style: none solid solid none; - background-image: none; - background-color: #f7f7f7; } - treeview.view header button:backdrop:disabled { - border-color: #ffffff; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - menubar:backdrop, - .menubar:backdrop { - background-color: #ffffff; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 4px 8px; } - menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), - .menubar > menuitem menu:dir(rtl), - .menubar > menuitem menu:dir(ltr) { - border-radius: 0; - padding: 0; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - box-shadow: inset 0 -3px #a400a4; - color: #710071; } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: #9da0a7; - box-shadow: none; } - menubar .csd.popup decoration, - .menubar .csd.popup decoration { - border-radius: 0; } - -.background.popup { - background-color: transparent; } - -menu, -.menu, -.context-menu { - margin: 4px; - padding: 4px 0px; - background-color: #fafafa; - border: 1px solid #d9d9d9; } - .csd menu, .csd .menu, .csd .context-menu { - border: none; - border-radius: 5px; } - menu:backdrop, - .menu:backdrop, - .context-menu:backdrop { - background-color: #f7f7f7; } - menu menuitem, - .menu menuitem, - .context-menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover, - .context-menu menuitem:hover { - color: #ffffff; - background-color: #a400a4; } - menu menuitem:disabled, - .menu menuitem:disabled, - .context-menu menuitem:disabled { - color: #9da0a7; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { - color: #d9d9d9; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .context-menu menuitem:backdrop, - .context-menu menuitem:backdrop:hover { - color: #aeb0b6; - background-color: transparent; } - 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: 10px; } - 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: 10px; } - 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 > arrow, - .menu > arrow, - .context-menu > arrow { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #fafafa; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { - margin-top: -4px; - border-bottom: 1px solid #eaebec; - border-top-right-radius: 5px; - border-top-left-radius: 5px; - -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-top: 1px solid #eaebec; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { - background-color: #eaebec; } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { - background-color: #f7f7f7; } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; } - -menuitem accelerator { - color: alpha(currentColor,0.55); } - -menuitem check, -menuitem radio { - min-height: 16px; - min-width: 16px; } - menuitem check:dir(ltr), - menuitem radio:dir(ltr) { - margin-right: 7px; } - menuitem check:dir(rtl), - menuitem radio:dir(rtl) { - margin-left: 7px; } - -/*************** - * Popovers * - ***************/ -popover.background { - padding: 2px; - background-color: #fafafa; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd popover.background, popover.background { - border: 1px solid #d9d9d9; - border-radius: 8px; } - .csd popover.background { - background-clip: padding-box; - border-color: rgba(0, 0, 0, 0.23); } - popover.background:backdrop { - background-color: #ffffff; - box-shadow: none; } - popover.background > list, - popover.background > .view, - popover.background > iconview, - popover.background > toolbar { - border-style: none; - background-color: transparent; } - .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { - border: 1px solid rgba(255, 255, 255, 0.1); } - popover.background separator { - margin: 3px; } - popover.background list separator { - margin: 0px; } - -/************* - * Notebooks * - *************/ -notebook > header { - padding: 1px; - border-color: #d9d9d9; - border-width: 1px; - background-color: #f2f2f2; } - notebook > header:backdrop { - border-color: #d9d9d9; - background-color: #f2f2f2; } - notebook > header tabs { - margin: -1px; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -4px #d9d9d9; } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -4px #a400a4; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 4px #d9d9d9; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 4px #a400a4; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -4px 0 #d9d9d9; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -4px 0 #a400a4; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 4px 0 #d9d9d9; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 4px 0 #a400a4; } - 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 { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -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 { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header tab { - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #5c616c; - font-weight: normal; - border-width: 1px; - border-color: transparent; } - notebook > header tab:hover { - color: #5c616c; - background-color: whitesmoke; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(217, 217, 217, 0.3); - background-color: rgba(255, 255, 255, 0.2); } - notebook > header tab:backdrop { - color: #ced0d3; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #5c616c; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(217, 217, 217, 0.5); - background-color: rgba(255, 255, 255, 0.5); } - notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(255, 255, 255, 0.7); } - notebook > header tab:backdrop:checked { - color: #aeb0b6; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #d9d9d9; - background-color: #ffffff; } - notebook > header tab button.flat { - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header tab button.flat:hover { - color: currentColor; } - notebook > header tab button.flat, notebook > header tab button.flat:backdrop { - color: alpha(currentColor,0.3); } - notebook > header tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top tabs, notebook > header.bottom tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { - border-style: none solid; } - notebook > header.left tabs, notebook > header.right tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { - border-style: solid none; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } - -notebook > stack:not(:only-child) { - background-color: #fafafa; } - notebook > stack:not(:only-child):backdrop { - background-color: #f7f7f7; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-color: #fafafa; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; } - scrollbar.top { - border-bottom: 1px solid #d9d9d9; } - scrollbar.bottom { - border-top: 1px solid #d9d9d9; } - scrollbar.left { - border-right: 1px solid #d9d9d9; } - scrollbar.right { - border-left: 1px solid #d9d9d9; } - scrollbar:backdrop { - background-color: #f7f7f7; - border-color: #d9d9d9; - transition: 200ms ease-out; } - scrollbar slider { - min-width: 8px; - min-height: 8px; - margin: -1px; - border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: #9da0a7; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar slider:hover { - background-color: #7d8189; } - scrollbar slider:hover:active { - background-color: #a400a4; } - scrollbar slider:backdrop { - background-color: #dfdfe2; } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - transition: none; - min-width: 6px; - min-height: 6px; } - scrollbar.fine-tune.horizontal slider { - border-width: 5px 4px; } - scrollbar.fine-tune.vertical slider { - border-width: 4px 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #5c616c; - border: 1px solid white; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: #5c616c; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid white; - -gtk-icon-source: none; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - margin: 1px 2px; - min-width: 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - margin: 2px 1px; - min-height: 5px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal slider { - min-width: 40px; } - scrollbar.vertical slider { - min-height: 40px; } - scrollbar button { - padding: 0; - min-width: 12px; - min-height: 12px; - border-style: none; - border-radius: 0; - transition-property: min-height, min-width, color; - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #9da0a7; } - scrollbar button:hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #7d8189; } - scrollbar button:active, scrollbar button:checked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #a400a4; } - scrollbar button:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(157, 160, 167, 0.2); } - scrollbar button:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #dfdfe2; } - scrollbar button:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(223, 223, 226, 0.2); } - 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"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #d9d9d9; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - outline-offset: -4px; - border: 1px solid #d9d9d9; - border-radius: 14px; - color: #5c616c; - background-color: #f2f2f2; - text-shadow: 0 1px rgba(0, 0, 0, 0.1); - /* only show i / o for the accessible theme */ } - switch:checked { - color: #ffffff; - border-color: #3e003e; - background-color: #a400a4; - text-shadow: 0 1px rgba(88, 0, 88, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - switch:disabled { - color: #9da0a7; - border-color: #d9d9d9; - background-color: #fdfdfd; - text-shadow: none; } - switch:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-color: #f2f2f2; - text-shadow: none; - transition: 200ms ease-out; } - switch:backdrop:checked { - color: #ffffff; - border-color: #3e003e; - background-color: #a400a4; } - switch:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-color: #fdfdfd; } - switch slider { - margin: -1px; - min-width: 24px; - min-height: 24px; - border: 1px solid; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-outline-radius: 20px; - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #c2c2c2; - background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - switch image { - color: transparent; } - switch:hover slider { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #c2c2c2; - background-image: linear-gradient(to bottom, white 10%, white 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - switch:checked > slider { - border: 1px solid #3e003e; } - switch:disabled slider { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop slider { - transition: 200ms ease-out; - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop:checked > slider { - border-color: #3e003e; } - switch:backdrop:disabled slider { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - row:selected switch { - box-shadow: none; - border-color: #3e003e; } - row:selected switch:backdrop { - border-color: #3e003e; } - row:selected switch > slider:checked, row:selected switch > slider { - border-color: #3e003e; } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list), -.content-view:not(list) check { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), -.content-view:not(list) check:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), -.content-view:not(list) check:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), -.content-view:not(list) check:backdrop { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), -.content-view:not(list) check:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), -.content-view:not(list) check:checked:hover { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), -.content-view:not(list) check:checked:active { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), -.content-view:not(list) check:backdrop:checked { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.8); - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - -check, -radio { - margin: 0 4px; - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; } - check:only-child, - radio:only-child { - margin: 0; } - popover check.left:dir(rtl), popover radio.left:dir(rtl) { - margin-left: 0; - margin-right: 12px; } - popover check.right:dir(ltr), popover radio.right:dir(ltr) { - margin-left: 12px; - margin-right: 0; } - check, - radio { - background-clip: padding-box; - background-image: linear-gradient(to bottom, white 20%, white 90%); - border-color: #c2c2c2; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #5c616c; } - check:hover, - radio:hover { - background-image: image(#f2f2f2); } - check:active, - radio:active { - box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } - check:disabled, - radio:disabled { - box-shadow: none; - color: rgba(92, 97, 108, 0.7); } - check:backdrop, - radio:backdrop { - background-image: image(white); - box-shadow: none; - color: #5c616c; } - check:backdrop:disabled, - radio:backdrop:disabled { - box-shadow: none; - color: rgba(92, 97, 108, 0.7); } - check:checked, - radio:checked { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #a400a4; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:checked:hover, - radio:checked:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:checked:active, - radio:checked:active { - box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } - check:checked:disabled, - radio:checked:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:checked:backdrop, - radio:checked:backdrop { - background-image: image(#a400a4); - box-shadow: none; - color: #ffffff; } - check:checked:backdrop:disabled, - radio:checked:backdrop:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate, - radio:indeterminate { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #a400a4; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:indeterminate:hover, - radio:indeterminate:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:indeterminate:active, - radio:indeterminate:active { - box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.2); } - check:indeterminate:disabled, - radio:indeterminate:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate:backdrop, - radio:indeterminate:backdrop { - background-image: image(#a400a4); - box-shadow: none; - color: #ffffff; } - check:indeterminate:backdrop:disabled, - radio:indeterminate:backdrop:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:backdrop, - radio:backdrop { - transition: 200ms ease-out; } - row:selected check, row:selected radio { - border-color: #3e003e; } - .osd check, .osd radio { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:hover, .osd radio:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:active, .osd radio:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); } - .osd check:backdrop, .osd radio:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - menu menuitem check, menu menuitem radio { - margin: 0; } - menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled { - min-height: 14px; - min-width: 14px; - background-image: none; - background-color: transparent; - box-shadow: none; - -gtk-icon-shadow: none; - color: inherit; - border-color: currentColor; } - - -check { - border-radius: 3px; } - - check:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } - - check:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } - -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - -radio:active, -check:active { - -gtk-icon-transform: scale(0, 1); } - -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), -check:checked:not(:backdrop), -check:indeterminate:not(:backdrop) { - -gtk-icon-transform: unset; - transition: 400ms; } - -menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), -menu menuitem check:checked:not(:backdrop), -menu menuitem check:indeterminate:not(:backdrop) { - transition: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #ffffff; - border-color: #580058; } - -/************ - * GtkScale * - ************/ -progressbar trough, scale fill, scale trough { - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: #f2f2f2; } - progressbar trough:disabled, scale fill:disabled, scale trough:disabled { - background-color: #fdfdfd; } - progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop { - background-color: #f2f2f2; - border-color: #d9d9d9; - transition: 200ms ease-out; } - progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled { - background-color: #fdfdfd; } - row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough { - border-color: #580058; } - .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough { - border-color: black; - background-color: rgba(0, 0, 0, 0.8); } - .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { - background-color: rgba(68, 72, 83, 0.5); } - -progressbar progress, scale highlight { - border: 1px solid #580058; - border-radius: 3px; - background-color: #a400a4; } - progressbar progress:disabled, scale highlight:disabled { - background-color: transparent; - border-color: transparent; } - progressbar progress:backdrop, scale highlight:backdrop { - border-color: #a400a4; } - progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled { - background-color: transparent; - border-color: transparent; } - row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight { - border-color: #580058; } - .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight { - border-color: black; } - .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; } - scale fill, - scale highlight { - margin: -1px; } - scale slider { - min-height: 18px; - min-width: 18px; - margin: -9px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune slider { - margin: -6px; } - scale.fine-tune fill, - scale.fine-tune highlight, - scale.fine-tune trough { - border-radius: 5px; - -gtk-outline-radius: 7px; } - scale trough { - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale fill:backdrop, scale fill { - background-color: #d9d9d9; } - scale fill:disabled:backdrop, scale fill:disabled { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: #404040; } - .osd scale fill:disabled:backdrop, .osd scale fill:disabled { - border-color: transparent; - background-color: transparent; } - scale slider { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #c2c2c2; - background-image: linear-gradient(to bottom, white 20%, #ffffff 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border: 1px solid #bababa; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale slider:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #c2c2c2; - background-image: linear-gradient(to bottom, white 10%, white 90%); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - scale slider:active { - border-color: #580058; } - scale slider:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop { - transition: 200ms ease-out; - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - row:selected scale slider:disabled, row:selected scale slider { - border-color: #580058; } - .osd scale slider { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - border-color: black; - background-color: #303340; } - .osd scale slider:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#4a5063); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #303340; } - .osd scale slider:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(black); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(255, 255, 255, 0.3); - background-color: #303340; } - .osd scale slider:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: #303340; } - .osd scale slider:backdrop { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-color: #303340; } - .osd scale slider:backdrop:disabled { - background-color: #303340; } - scale marks, - scale value { - color: alpha(currentColor,0.55); - font-feature-settings: "tnum"; } - scale.horizontal marks.top { - margin-bottom: 6px; - margin-top: -12px; } - scale.horizontal.fine-tune marks.top { - margin-bottom: 6px; - margin-top: -9px; } - scale.horizontal marks.bottom { - margin-top: 6px; - margin-bottom: -12px; } - scale.horizontal.fine-tune marks.bottom { - margin-top: 6px; - margin-bottom: -9px; } - scale.vertical marks.top { - margin-right: 6px; - margin-left: -12px; } - scale.vertical.fine-tune marks.top { - margin-right: 6px; - margin-left: -9px; } - scale.vertical marks.bottom { - margin-left: 6px; - margin-right: -12px; } - scale.vertical.fine-tune marks.bottom { - margin-left: 6px; - margin-right: -9px; } - scale.horizontal indicator { - min-height: 6px; - min-width: 1px; } - scale.horizontal.fine-tune indicator { - min-height: 3px; } - scale.vertical indicator { - min-height: 1px; - min-width: 6px; } - scale.vertical.fine-tune indicator { - min-width: 3px; } - scale.horizontal.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-top: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-bottom: -11px; } - scale.vertical.marks-before:not(.marks-after) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune slider { - margin: -7px; - margin-left: -11px; } - scale.vertical.marks-after:not(.marks-before) slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:backdrop { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune slider { - margin: -7px; - margin-right: -11px; } - scale.color { - min-height: 0; - min-width: 0; } - scale.color trough { - background-image: image(#d9d9d9); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - scale.color.horizontal trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) trough { - padding-left: 7px; - background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) trough { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(92, 97, 108, 0.4); - font-feature-settings: "tnum"; } - progressbar.horizontal trough, - progressbar.horizontal progress { - min-height: 2px; } - progressbar.vertical trough, - progressbar.vertical progress { - min-width: 2px; } - progressbar.horizontal progress { - margin: 0 -1px; } - progressbar.vertical progress { - margin: -1px 0; } - progressbar:backdrop { - box-shadow: none; - transition: 200ms ease-out; } - progressbar progress { - border-radius: 1.5px; } - progressbar progress.left { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar progress.right { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; } - progressbar progress.top { - border-top-right-radius: 2px; - border-top-left-radius: 2px; } - progressbar progress.bottom { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd progress { - border-style: none; - border-radius: 0; } - progressbar trough.empty progress { - all: unset; } - -/************* - * Level Bar * - *************/ -levelbar.horizontal block { - min-height: 1px; } - -levelbar.horizontal.discrete block { - margin: 0 1px; - min-width: 32px; } - -levelbar.vertical block { - min-width: 1px; } - -levelbar.vertical.discrete block { - margin: 1px 0; - min-height: 32px; } - -levelbar:backdrop { - transition: 200ms ease-out; } - -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: black; - border-color: #d9d9d9; - background-color: #fafafa; - box-shadow: inset 0 0 0 1px rgba(164, 0, 164, 0); } - levelbar trough:backdrop { - color: #313131; - border-color: #d9d9d9; - background-color: #f7f7f7; - box-shadow: none; } - -levelbar block { - border: 1px solid; - border-radius: 1px; } - levelbar block.low { - border-color: #974b00; - background-color: #fd7d00; } - levelbar block.low:backdrop { - border-color: #fd7d00; } - levelbar block.high, levelbar block:not(.empty) { - border-color: #3e003e; - background-color: #a400a4; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: #a400a4; } - levelbar block.full { - border-color: #236849; - background-color: #3db47e; } - levelbar block.full:backdrop { - border-color: #3db47e; } - levelbar block.empty { - background-color: transparent; - border-color: rgba(92, 97, 108, 0.2); } - levelbar block.empty:backdrop { - border-color: rgba(174, 176, 182, 0.15); } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #5c616c; - border: 1px solid #d9d9d9; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; } - -printdialog .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #d9d9d9; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #d9d9d9; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #d9d9d9; } - actionbar > revealer > box:backdrop { - border-color: #d9d9d9; } - -scrolledwindow viewport.frame { - border-style: none; } - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); - background-size: 100% 5%, 100% 100%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); - background-size: 100% 5%; - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#bfbfbf), to(rgba(191, 191, 191, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(92, 97, 108, 0.07)), to(rgba(92, 97, 108, 0))); - background-size: 5% 100%, 100% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #fafafa; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px); - background-color: #f7f7f7; - transition: 200ms ease-out; } - -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -list { - color: black; - background-color: #fafafa; - border-color: #d9d9d9; } - list:backdrop { - color: #313131; - background-color: #f7f7f7; - border-color: #d9d9d9; } - list row { - padding: 2px; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - row:backdrop { - transition: 200ms ease-out; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(92, 97, 108, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:backdrop:hover { - background-color: transparent; } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #9d0a9e; } - row.activatable:selected:backdrop { - background-color: #a400a4; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: #303340; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - background-clip: padding-box; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - background-image: none; - transition: 200ms ease-out; } - .app-notification border, - .app-notification.frame border { - border: none; } - -/************* - * Expanders * - *************/ -expander title > arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander title > arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander title > arrow:hover { - color: #aaaeb7; } - expander title > arrow:disabled { - color: #9da0a7; } - expander title > arrow:disabled:backdrop { - color: #d9d9d9; } - expander title > arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -calendar { - color: black; - border: 1px solid #d9d9d9; } - calendar:selected { - border-radius: 3px; } - calendar.header { - border-bottom-color: rgba(0, 0, 0, 0.1); } - calendar.header:backdrop { - border-bottom-color: rgba(0, 0, 0, 0.1); } - calendar.button { - color: rgba(92, 97, 108, 0.45); } - calendar.button:hover { - color: #5c616c; } - calendar.button:backdrop { - color: rgba(174, 176, 182, 0.45); } - calendar.button:disabled { - color: rgba(157, 160, 167, 0.45); } - calendar.highlight { - color: #9da0a7; } - calendar.highlight:backdrop { - color: #d9d9d9; } - calendar:backdrop { - color: #313131; - border-color: #d9d9d9; } - calendar:indeterminate { - color: alpha(currentColor,0.1); } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #ffffff; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -messagedialog.csd.background { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - -messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-right-style: none; - border-bottom-style: none; - border-radius: 0; - -gtk-outline-radius: 0; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 6px; - -gtk-outline-bottom-left-radius: 6px; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 6px; - -gtk-outline-bottom-right-radius: 6px; } - -filechooser .dialog-action-box { - border-top: 1px solid #d9d9d9; } - filechooser .dialog-action-box:backdrop { - border-top-color: #d9d9d9; } - -filechooser #pathbarbox { - border-bottom: 1px solid #ffffff; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #fcfcfc; } - 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 #d9d9d9; - 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 #d9d9d9; - border-right-style: none; } - .sidebar:backdrop { - background-color: #fbfbfb; - border-color: #d9d9d9; - transition: 200ms ease-out; } - .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 row { - padding: 10px 4px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - -separator.sidebar { - background-color: #d9d9d9; } - separator.sidebar:backdrop { - background-color: #d9d9d9; } - separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: #3e003e; } - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - opacity: 0.7; } - -placessidebar > viewport.frame { - border-style: none; } - -placessidebar row { - min-height: 36px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #ffffff; } - placessidebar row:disabled { - color: #9da0a7; } - placessidebar row:backdrop { - color: #aeb0b6; } - placessidebar row:backdrop:selected { - color: #f7f7f7; } - placessidebar row:backdrop:disabled { - color: #d9d9d9; } - 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:dir(ltr) { - padding-right: 2px; } - placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; - -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { - opacity: 0.7; } - placessidebar row:selected:active { - box-shadow: none; } - placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#19a187); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #a400a4; } - placessidebar row:drop(active):not(:disabled) { - color: #19a187; - box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } - placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #19a187; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } - -placesview row.activatable:hover { - background-color: transparent; } - -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(#d9d9d9); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#a400a4); } - paned > separator:backdrop { - background-image: image(#d9d9d9); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #ffffff; - background-image: image(#d9d9d9), image(#d9d9d9); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #ffffff; - background-image: image(#d9d9d9), image(#d9d9d9); } - -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-style: none; } - infobar.action:hover > revealer > box { - background-color: white; - border-bottom: 1px solid #e6e6e6; } - infobar.info, infobar.question, infobar.warning, infobar.error { - text-shadow: none; } - infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box { - background-color: white; - border-bottom: 1px solid #e6e6e6; } - infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { - color: #5c616c; } - infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { - text-shadow: none; } - infobar.info button, infobar.question button, infobar.warning button, infobar.error button { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #e6e6e6; } - infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #e6e6e6; } - infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { - color: #5c616c; } - infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - background-color: #e6e6e6; } - infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { - color: #710071; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 4px; - /* not working */ - border-radius: 5px; - box-shadow: none; - text-shadow: 0 1px black; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); } - tooltip decoration { - background-color: transparent; } - tooltip * { - padding: 4px; - background-color: transparent; - color: white; } - -/***************** - * Color Chooser * - *****************/ -colorswatch:drop(active), colorswatch { - border-style: none; } - -colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - colorswatch.top overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - -colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.bottom overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - -colorswatch.dark { - outline-color: rgba(255, 255, 255, 0.6); } - colorswatch.dark overlay { - color: white; } - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); } - colorswatch.dark overlay:backdrop { - color: rgba(255, 255, 255, 0.5); } - -colorswatch.light { - outline-color: rgba(0, 0, 0, 0.6); } - colorswatch.light overlay { - color: black; } - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - colorswatch.light overlay:backdrop { - color: rgba(0, 0, 0, 0.5); } - -colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #14826d, inset 0 0 0 1px #19a187; } - colorswatch:drop(active).dark overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #19a187; } - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.3); } - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: rgba(0, 0, 0, 0.3); - box-shadow: none; } - -colorswatch#add-color-button { - border-radius: 5px 5px 0 0; } - colorswatch#add-color-button:only-child { - border-radius: 5px; } - colorswatch#add-color-button overlay { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - colorswatch#add-color-button overlay:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - colorswatch#add-color-button overlay:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -colorswatch:disabled { - opacity: 0.5; } - colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } - -row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } - -colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample overlay { - border-radius: 4.5px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #ededed; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #ededed; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } - -.scale-popup button:hover { - background-color: rgba(92, 97, 108, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 7px 7px 0 0; - border-width: 0px; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); - margin: 10px; } - decoration:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration { - border-radius: 0; - box-shadow: none; } - .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } - .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - .ssd decoration:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); } - .csd.popup decoration { - border-radius: 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - tooltip.csd decoration { - border-radius: 5px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - .solid-csd decoration { - margin: 0; - padding: 4px; - background-color: #d9d9d9; - border: solid 1px #d9d9d9; - border-radius: 0; - box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } - .solid-csd decoration:backdrop { - box-shadow: inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); } - -button.titlebutton { - text-shadow: 0 1px rgba(255, 255, 255, 0.769231); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); } - button.titlebutton:not(.appmenu) { - border-radius: 9999px; - padding: 5px; - margin: 0 2px; - min-width: 0; - min-height: 0; } - button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.selection-mode headerbar button.titlebutton, -.selection-mode .titlebar button.titlebutton, -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.742745); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.742745); } - .selection-mode headerbar button.titlebutton:backdrop, - .selection-mode .titlebar button.titlebutton:backdrop, - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.view:selected:focus, .view:selected, -.view text:selected:focus, -textview text:selected:focus, -.view text:selected, -textview text:selected, .view text selection:focus, .view text selection, -textview text selection:focus, -textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, -entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - background-color: #a400a4; } - label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, - .view text:selected:focus, - textview text:selected:focus, - .view text:selected, - textview text:selected, .view text selection:focus, .view text selection, - textview text selection:focus, - textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected, - entry selection, modelbutton.flat:selected, - .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - color: #ffffff; } - label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected, - textview text:disabled:selected:focus, - .view text:disabled:selected, - textview text:disabled:selected, .view text selection:disabled, - textview text selection:disabled:focus, - textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected, - entry selection:disabled, modelbutton.flat:disabled:selected, - .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected { - color: #d280d2; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - textview text:backdrop:selected, .view text selection:backdrop, - textview text selection:backdrop:focus, - textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected, - entry selection:backdrop, modelbutton.flat:backdrop:selected, - .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { - color: #f7f7f7; } - filechooser placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected:backdrop, label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, - textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, - entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #bd4abd; } - -.monospace { - font-family: monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); - padding-left: 10px; } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); - padding-left: 10px; } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); - padding-left: 10px; } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); - padding-right: 10px; } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } - -.context-menu { - font: initial; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #5c616c; - background-color: #fafafa; - border: 1px solid; - border-color: #ececec; - border-radius: 5px; - box-shadow: inset 0 -3px #fefefe; - font-size: smaller; } - .keycap:backdrop { - background-color: #f7f7f7; - color: #aeb0b6; - transition: 200ms ease-out; } - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; - caret-color: #19a187; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************* - * App Icons * - *************/ -/* Outline for low res icons */ -.lowres-icon { - -gtk-icon-shadow: 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); } - -/* Dropshadow for large icons */ -.icon-dropshadow { - -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); } - -/********* - * Emoji * - ********/ -popover.emoji-picker { - padding-left: 0; - padding-right: 0; } - popover.emoji-picker entry.search { - margin: 3px 5px 5px 5px; } - -button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; - border-radius: 0; - margin: 2px 4px 2px 4px; - padding: 3px 0 0; - min-width: 32px; - min-height: 28px; - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; - outline-offset: -5px; } - button.emoji-section:first-child { - margin-left: 7px; } - button.emoji-section:last-child { - margin-right: 7px; } - button.emoji-section:backdrop:not(:checked) { - border-color: transparent; } - button.emoji-section:hover { - border-color: #d9d9d9; } - button.emoji-section:checked { - border-color: #a400a4; } - button.emoji-section label { - padding: 0; - opacity: 0.55; } - button.emoji-section:hover label { - opacity: 0.775; } - button.emoji-section:checked label { - opacity: 1; } - -popover.emoji-picker .emoji { - font-size: x-large; - padding: 6px; } - popover.emoji-picker .emoji :hover { - background: #a400a4; - border-radius: 6px; } - -popover.emoji-completion arrow { - border: none; - background: none; } - -popover.emoji-completion contents row box { - padding: 2px 10px; } - -popover.emoji-completion .emoji:hover { - background: #eaebec; } - -/*************************** - * Check and Radio buttons * - ***************************/ -row label.subtitle { - font-size: smaller; - opacity: 0.55; - text-shadow: none; } - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 50px; } - row > box.header > box.title { - margin-top: 8px; - margin-bottom: 8px; } - -row.expander { - background-color: transparent; } - row.expander list.nested > row { - background-color: alpha(#ffffff, 0.5); - border-color: alpha(#d9d9d9, 0.7); - border-style: solid; - border-width: 1px 0px 0px 0px; } - row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); } - row.expander:not(:checked) image.expander-row-arrow { - opacity: 0.55; - text-shadow: none; } - row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(-0.25turn); } - row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(0.25turn); } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #a400a4; } - row.expander image.expander-row-arrow:disabled { - color: #9da0a7; } - -flap > dimming, -deck > dimming, -leaflet > dimming { - background: rgba(0, 0, 0, 0.12); } - -flap > border, -deck > border, -leaflet > border { - min-width: 1px; - min-height: 1px; - background: #d9d9d9; } - -flap > shadow, -deck > shadow, -leaflet > shadow { - min-width: 56px; - min-height: 56px; } - flap > shadow.left, - deck > shadow.left, - leaflet > shadow.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.right, - deck > shadow.right, - leaflet > shadow.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.up, - deck > shadow.up, - leaflet > shadow.up { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.down, - deck > shadow.down, - leaflet > shadow.down { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - -flap > outline, -deck > outline, -leaflet > outline { - min-width: 1px; - min-height: 1px; - background: transparent; } - -avatar { - border-radius: 9999px; - -gtk-outline-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: #fff; } - avatar.image { - background: none; } - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; } - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; } - statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { - margin-bottom: 12px; } - -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, -preferencespage > scrolledwindow > viewport > clamp { - margin: 0 12px; - transition: margin-bottom 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp > list, - preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { - transition: margin-top 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, - preferencespage > scrolledwindow > viewport > clamp.small { - margin-bottom: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.small > list, - preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { - margin-top: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, - preferencespage > scrolledwindow > viewport > clamp.medium { - margin-bottom: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.medium > list, - preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { - margin-top: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, - preferencespage > scrolledwindow > viewport > clamp.large { - margin-bottom: 30px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.large > list, - preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { - margin-top: 30px; } - -preferencesgroup > box > label:not(:first-child) { - margin-top: 6px; } - -preferencesgroup > box > box:not(:first-child) { - margin-top: 12px; } - -tabbar .tab-indicator:not(.clickable) { - background: none; - box-shadow: none; - border-color: transparent; } - -/*************************** - * Check and Radio buttons * - ***************************/ -popover.combo list { - min-width: 200px; } - -window.csd.unified:not(.solid-csd) headerbar { - border-radius: 0; } - -.windowhandle, .windowhandle * { - -GtkWidget-window-dragging: true; } - -popover.combo { - padding: 0px; } - popover.combo list { - border-style: none; - background-color: transparent; } - popover.combo list > row { - padding: 0px 12px 0px 12px; - min-height: 50px; } - popover.combo list > row:not(:last-child) { - border-bottom: 1px solid alpha(#d9d9d9, 0.5); } - popover.combo list > row:first-child { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo list > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo overshoot.top { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo overshoot.bottom { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical { - padding-top: 2px; - padding-bottom: 2px; } - popover.combo scrollbar.vertical:dir(ltr) { - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical:dir(rtl) { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; } - -row.expander { - padding: 0px; } - row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; } - row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; } - -keypad .digit { - font-size: 200%; - font-weight: bold; } - -keypad .letters { - font-size: 70%; } - -keypad .symbol { - font-size: 160%; } - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; } - -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; - box-shadow: none; - font-size: 1rem; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; } - viewswitcher button:not(:only-child):not(:last-child) { - border-right-width: 0px; } - viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { - border-left-color: transparent; } - viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { - border-right-color: transparent; } - viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: image(lighter(#ffffff)); } - viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: shade(#d9d9d9, 1.15); } - viewswitcher button:not(only-child):last-child:not(:checked):hover { - border-right-color: shade(#d9d9d9, 1.15); } - viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#ffffff); } - headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: linear-gradient(to top, shade(alpha(#ffffff, 0.7), 0.96) 2px, alpha(#ffffff, 0.7)); } - headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: #d9d9d9; } - headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { - border-right-color: #d9d9d9; } - headerbar viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#ffffff); } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 12px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button > stack > box label.active { - font-weight: bold; } - viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { - animation: none; - background-image: none; } - viewswitcher button.needs-attention > stack > box label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 0px, right 1px; } - viewswitcher button.needs-attention > stack > box label:backdrop { - background-size: 6px 6px, 0 0; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px, left 1px; } - -viewswitcherbar actionbar > revealer > box { - padding: 0; } - -list.content, -list.content list { - background-color: transparent; } - -list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: mix(#ffffff, #fafafa, 0.5); } - -list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: mix(#5c616c, #fafafa, 0.95); } - -list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #fafafa; } - -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: mix(#5c616c, #fafafa, 0.95); } - -list.content > row, -list.content > row list > row { - border-color: alpha(#d9d9d9, 0.7); - border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - -list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - -list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 6px; } - -button.list-button:not(:active):not(:checked):not(:hover) { - background: none; - border: 1px solid alpha(#d9d9d9, 0.5); - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.7); } - window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.34); } - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 8px; } - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - color: rgba(92, 97, 108, 0.5); } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { - color: rgba(174, 176, 182, 0.5); } - -tabbar .box { - min-height: 38px; - background: #d9d9d9; - border-bottom: 1px solid #c2c2c2; } - tabbar .box:backdrop { - background-color: #e8e8e8; - border-color: #d9d9d9; } - -tabbar scrolledwindow.pinned undershoot { - border: 0 solid #c2c2c2; } - -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:backdrop undershoot { - border-color: #d9d9d9; } - -tabbar scrolledwindow.pinned tabbox:dir(ltr) { - padding-right: 1px; - box-shadow: inset -1px 0 #c2c2c2; } - tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { - box-shadow: inset -1px 0 #d9d9d9; } - -tabbar scrolledwindow.pinned tabbox:dir(rtl) { - padding-left: 1px; - box-shadow: inset 1px 0 #c2c2c2; } - tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { - box-shadow: inset 1px 0 #d9d9d9; } - -tabbar undershoot { - transition: none; } - tabbar undershoot.left { - background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } - tabbar undershoot.right { - background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } - -tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar tab { - border-style: solid; - border-color: #c2c2c2; - border-width: 0 1px 0 1px; - transition: background 150ms ease-in-out; - background-color: #e0e0e0; } - tabbar tab:checked { - background-color: #f0f0f0; } - tabbar tab:checked:hover { - background-color: #f7f7f7; } - tabbar tab:hover { - background-color: #e8e8e8; } - tabbar tab:backdrop { - border-color: #d9d9d9; - background-color: #f0f0f0; } - tabbar tab:backdrop:checked { - background-color: #ffffff; } - -tabbar .start-action, -tabbar .end-action { - background: #e0e0e0; - border-color: #c2c2c2; - border-style: solid; - transition: background 150ms ease-in-out; } - tabbar .start-action:backdrop, - tabbar .end-action:backdrop { - border-color: #d9d9d9; - background-color: #f0f0f0; } - 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(ltr) > *, - tabbar .end-action:dir(rtl) > * { - margin-right: 1px; } - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - border-left-width: 1px; } - tabbar .start-action:dir(rtl) > *, - tabbar .end-action:dir(ltr) > * { - margin-left: 1px; } - -.tab-drag-icon tab { - min-height: 26px; - background-color: #f7f7f7; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); - margin: 25px; } - -tabbar tab, -.tab-drag-icon tab { - padding: 6px; } - tabbar tab.needs-attention, - .tab-drag-icon tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(164, 0, 164, 0.2) 15%, rgba(164, 0, 164, 0) 15%); } - tabbar tab .tab-close-button, - tabbar tab .tab-indicator, - .tab-drag-icon tab .tab-close-button, - .tab-drag-icon tab .tab-indicator { - padding: 0; - margin: 0; - min-width: 24px; - min-height: 24px; - border-radius: 99px; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - text-shadow: none; - background: none; } - tabbar tab .tab-close-button:hover, - tabbar tab .tab-indicator.clickable:hover, - .tab-drag-icon tab .tab-close-button:hover, - .tab-drag-icon tab .tab-indicator.clickable:hover { - background: alpha(#5c616c, 0.15); } - tabbar tab .tab-close-button:active, - tabbar tab .tab-indicator.clickable:active, - .tab-drag-icon tab .tab-close-button:active, - .tab-drag-icon tab .tab-indicator.clickable:active { - background: alpha(black, 0.2); } - -* { - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 3px; - outline-color: alpha(currentColor,0.07); } - * button, * button:hover, * button:active, * button:checked, * button:focus { - outline-color: alpha(currentColor,0.15); } - -/********** - * Button * - **********/ -.titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked, -.titlebar:not(headerbar) button.toggle:active, -.titlebar:not(headerbar) button.toggle:checked, -headerbar stackswitcher button:active, -headerbar stackswitcher button:checked, -headerbar button.toggle:active, -headerbar button.toggle:checked, button.flat:hover, button:active, button:checked { - background: #f2f2f2; - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } - .titlebar:not(headerbar) stackswitcher button:backdrop:active, .titlebar:not(headerbar) stackswitcher button:backdrop:checked, - .titlebar:not(headerbar) button.toggle:backdrop:active, - .titlebar:not(headerbar) button.toggle:backdrop:checked, - headerbar stackswitcher button:backdrop:active, - headerbar stackswitcher button:backdrop:checked, - headerbar button.toggle:backdrop:active, - headerbar button.toggle:backdrop:checked, button.flat:backdrop:hover, button:active:backdrop, button:checked:backdrop { - box-shadow: none; } - -button.flat { - border-color: transparent; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.flat:hover { - transition: none; } - button.flat:link, button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -button.suggested-action { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - button.suggested-action:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: image(#900090); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - button.suggested-action:active, button.suggested-action:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#5d005d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - button.suggested-action:backdrop, button.suggested-action.flat:backdrop { - color: #edcced; - border-color: #a400a4; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - color: #e9d2e9; - border-color: #8f1e8f; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - color: #b66db6; - border-color: #8f1e8f; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - color: #d2a5d2; - border-color: #710071; - background-image: image(#8f1e8f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #c61717; - border-bottom-color: #991212; - background-image: image(#e62b2b); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #a61414; - border-bottom-color: #790e0e; - background-image: image(#c21717); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - button.destructive-action:active, button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #a61414; - background-image: image(#941111); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - button.destructive-action:backdrop, button.destructive-action.flat:backdrop { - color: #f6d1d1; - border-color: #d41919; - background-image: image(#d41919); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - color: #f4d4d4; - border-color: #c72626; - background-image: image(#c72626); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - color: #da7272; - border-color: #c72626; - background-image: image(#c72626); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - color: #e8a8a8; - border-color: #a61414; - background-image: image(#c72626); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - -/********** - * Entry * - **********/ -spinbutton:not(.vertical), -entry { - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } - -headerbar spinbutton:not(.vertical), -headerbar entry { - background: #fafafa; } - -/********** - * Switch * - **********/ -switch { - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } - switch:checked { - border-color: rgba(0, 0, 0, 0.2); - border-right-width: 0; - margin-right: 1px; - box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); } - switch:backdrop, switch:disabled { - box-shadow: none; - border-color: #d9d9d9; } - switch slider:checked { - border-color: #580058; } - switch slider:checked:backdrop:not(:disabled) { - border-color: #a400a4; } - switch slider:disabled { - border-color: #d9d9d9; } - -/************************* - * Check and Radio items * - *************************/ -check, menu menuitem check, menu menuitem:hover check, -radio, menu menuitem radio, menu menuitem:hover radio { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate, - radio:disabled, - radio:disabled:checked, - radio:disabled:indeterminate, - radio:disabled:backdrop, - radio:disabled:backdrop:checked, - radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate { - border-color: #d9d9d9; - background-image: image(#ffffff); - color: #5c616c; } - -check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate, -radio:checked, -radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate { - background-image: linear-gradient(to bottom, #a400a4 20%, #9a009a 90%); - border-color: #580058; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); - color: #ffffff; } - check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active, - radio:checked:active, - radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active { - box-shadow: none; } - check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop, - radio:checked:backdrop, - radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop { - background-image: image(#a400a4); } - -switch slider, -scale slider { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border-color: #bababa; } - switch:hover slider, switch slider:active, - scale slider:active { - background-image: image(white); - border-color: #a400a4; } - switch slider:disabled, - scale slider:disabled { - border-color: #d9d9d9; } - -/*************** - * Header bars * - ***************/ -headerbar { - border-color: #cccccc; - background: #f2f2f2 -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, #ededed, whitesmoke); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - box-shadow: 0 1px 4px rgba(204, 204, 204, 0.75); - background-repeat: no-repeat; - background-position: left; } - headerbar:backdrop { - background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")); - background-repeat: no-repeat; - background-position: left; - box-shadow: none; } - -.titlebar:not(headerbar) viewswitcher button > stack > box.narrow, -.titlebar:not(headerbar) hdyviewswitcher > button box.narrow, -headerbar viewswitcher button > stack > box.narrow, -headerbar hdyviewswitcher > button box.narrow { - margin: -7px 0 -5px; } - -.titlebar:not(headerbar) viewswitcher button > stack > box.wide, -.titlebar:not(headerbar) hdyviewswitcher > button box.wide, -headerbar viewswitcher button > stack > box.wide, -headerbar hdyviewswitcher > button box.wide { - margin: -8px 0; } - -dialog .titlebar:not(headerbar), dialog headerbar, dialog headerbar:backdrop { - background: #ffffff; - border: 0; - box-shadow: none; } - -.titlebar:not(headerbar) button.titlebutton:not(.appmenu), -headerbar button.titlebutton:not(.appmenu) { - color: transparent; - background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); - background-color: white; - background-repeat: no-repeat; - background-position: center; - margin: 0; - margin-left: 5px; - padding: 0; - min-width: 0; - min-height: 0; - border: 1px solid #c2c2c2; - box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-shadow: none; - transition: all .2s; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu) + button.titlebutton, - headerbar button.titlebutton:not(.appmenu) + button.titlebutton { - margin-left: 0; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, - headerbar button.titlebutton:not(.appmenu):last-child { - margin-right: 5px; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover, - headerbar button.titlebutton:not(.appmenu):hover { - background-color: white; - border-color: transparent; - box-shadow: 0 0 0 1px #d9d9d9; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.minimize, - headerbar button.titlebutton:not(.appmenu):hover.minimize { - background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):hover.maximize, - headerbar button.titlebutton:not(.appmenu):hover.maximize { - background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close, - headerbar button.titlebutton:not(.appmenu).close { - background-color: #a400a4; - background-image: -gtk-scaled(url("assets/close-white.png"), url("assets/close-white@2.png")); - border-color: transparent; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover, - headerbar button.titlebutton:not(.appmenu).close:hover { - background-color: #ad1aad; - background-image: -gtk-scaled(url("assets/close-black.png"), url("assets/close-black@2.png")); } - .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child { - margin-right: 0; } - .maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child { - margin-left: 0; } - .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu):backdrop.close, - headerbar button.titlebutton:not(.appmenu):backdrop.maximize, - headerbar button.titlebutton:not(.appmenu):backdrop.minimize, - headerbar button.titlebutton:not(.appmenu):backdrop.close { - box-shadow: none; - border-color: #d9d9d9; - background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png")); - background-color: rgba(0, 0, 0, 0.1); } - -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { - min-height: 0; - padding: 6px; - box-shadow: none; - background: transparent -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(3, 3, 3, 0)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - background-color: #ededed; - background-position: -35px; - background-repeat: no-repeat; } - .default-decoration.titlebar:backdrop:not(headerbar), - headerbar.default-decoration:backdrop { - background-color: #ffffff; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 0; - min-width: 0; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton, - headerbar.default-decoration button.titlebutton:last-child { - margin: 0; } - -paned headerbar:first-child, -hdyleaflet headerbar:first-child, -headerbar.titlebar headerbar:first-child, -deck leaflet box:first-child headerbar:first-child, -leaflet > headerbar:first-child { - border-color: #d9d9d9; - background: #fafafa; - box-shadow: none; } - paned headerbar:first-child:backdrop, - hdyleaflet headerbar:first-child:backdrop, - headerbar.titlebar headerbar:first-child:backdrop, - deck leaflet box:first-child headerbar:first-child:backdrop, - leaflet > headerbar:first-child:backdrop { - background: #f7f7f7; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-top-color: #d9d9d9; } - treeview.view:backdrop { - border-top-color: #d9d9d9; } - treeview.view header button { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - treeview.view header button:hover, treeview.view header button:active { - border-color: #d9d9d9; } - treeview.view header button:backdrop { - box-shadow: none; } - -/*************** - * Popovers * - ***************/ -popover.background { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } - .csd popover.background, popover.background { - border-color: rgba(0, 0, 0, 0.1); } - -/************* - * Notebooks * - *************/ -notebook > header { - border: 0; - padding: 0; - background-color: #f2f2f2; } - notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { - margin: 0; } - notebook > header.top > tabs > tab, - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, - notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, - notebook > header.right > tabs > tab.reorderable-page { - border: 1px solid transparent; - margin: 3px; } - notebook > header.top > tabs > tab:hover:not(:backdrop), - notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop), - notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop), - notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop), - notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - notebook > header.top > tabs > tab:checked, - notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, - notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, - notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, - notebook > header.right > tabs > tab.reorderable-page:checked { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - notebook > header.top > tabs > tab:checked:backdrop, - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header.top { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.bottom { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header tab { - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 24px; } - notebook > header tab button.flat { - margin-top: 1px; - margin-bottom: 1px; } - -/************** - * Scrollbars * - **************/ -scrollbar slider { - min-width: 6px; - min-height: 6px; } - -/************** - * GtkInfoBar * - **************/ -infobar, infobar.info, infobar.question, infobar.warning, infobar.error { - border-style: none; - text-shadow: none; } - infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box { - color: #ffffff; } - infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { - text-shadow: none; } - infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - background-color: #e6e6e6; } - infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link { - color: #710071; } - -infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box { - background-color: #a400a4; } - -infobar.info button, -infobar.info button.flat, infobar.info.action:hover button, -infobar.info.action:hover button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #950095; - border-bottom-color: #620062; - background-image: image(#c800c8); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.info button:hover, - infobar.info button.flat:hover, infobar.info.action:hover button:hover, - infobar.info.action:hover button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - border-bottom-color: #3e003e; - background-image: image(#900090); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(113, 0, 113, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.info button:active, infobar.info button:checked, - infobar.info button.flat:active, - infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked, - infobar.info.action:hover button.flat:active, - infobar.info.action:hover button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #710071; - background-image: image(#5d005d); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.info button:disabled, - infobar.info button.flat:disabled, infobar.info.action:hover button:disabled, - infobar.info.action:hover button.flat:disabled { - color: #d892d8; - border-color: #710071; - background-image: image(#b125b1); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.info button:backdrop, - infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop, - infobar.info.action:hover button.flat:backdrop { - color: #edcced; - border-color: #a400a4; - background-image: image(#a400a4); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #710071; } - infobar.info button:backdrop:disabled, - infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled, - infobar.info.action:hover button.flat:backdrop:disabled { - color: #cc71cc; - border-color: #b125b1; - background-image: image(#b125b1); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #710071; } - infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, - infobar.info button.flat:backdrop label, - infobar.info button.flat:backdrop, - infobar.info button.flat label, - infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button, - infobar.info.action:hover button.flat:backdrop label, - infobar.info.action:hover button.flat:backdrop, - infobar.info.action:hover button.flat label, - infobar.info.action:hover button.flat { - color: #ffffff; } - -infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box { - background-color: #fd7d00; } - -infobar.question button, -infobar.question button.flat, infobar.warning button, -infobar.warning button.flat, infobar.question.action:hover button, -infobar.question.action:hover button.flat, infobar.warning.action:hover button, -infobar.warning.action:hover button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ee7500; - border-bottom-color: #bb5c00; - background-image: image(#ff8f22); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.question button:hover, - infobar.question button.flat:hover, infobar.warning button:hover, - infobar.warning button.flat:hover, infobar.question.action:hover button:hover, - infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover, - infobar.warning.action:hover button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ca6400; - border-bottom-color: #974b00; - background-image: image(#e97300); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.question button:active, infobar.question button:checked, - infobar.question button.flat:active, - infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked, - infobar.warning button.flat:active, - infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked, - infobar.question.action:hover button.flat:active, - infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked, - infobar.warning.action:hover button.flat:active, - infobar.warning.action:hover button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #ca6400; - background-image: image(#b65a00); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.question button:disabled, - infobar.question button.flat:disabled, infobar.warning button:disabled, - infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled, - infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled, - infobar.warning.action:hover button.flat:disabled { - color: #fec892; - border-color: #ca6400; - background-image: image(#fd9025); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.question button:backdrop, - infobar.question button.flat:backdrop, infobar.warning button:backdrop, - infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop, - infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop, - infobar.warning.action:hover button.flat:backdrop { - color: #ffe5cc; - border-color: #fd7d00; - background-image: image(#fd7d00); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #ca6400; } - infobar.question button:backdrop:disabled, - infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled, - infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled, - infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled, - infobar.warning.action:hover button.flat:backdrop:disabled { - color: #feb771; - border-color: #fd9025; - background-image: image(#fd9025); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #ca6400; } - infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, - infobar.question button.flat:backdrop label, - infobar.question button.flat:backdrop, - infobar.question button.flat label, - infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, - infobar.warning button.flat:backdrop label, - infobar.warning button.flat:backdrop, - infobar.warning button.flat label, - infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button, - infobar.question.action:hover button.flat:backdrop label, - infobar.question.action:hover button.flat:backdrop, - infobar.question.action:hover button.flat label, - infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button, - infobar.warning.action:hover button.flat:backdrop label, - infobar.warning.action:hover button.flat:backdrop, - infobar.warning.action:hover button.flat label, - infobar.warning.action:hover button.flat { - color: #ffffff; } - -infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box { - background-color: #bf1717; } - infobar.error:backdrop > revealer > box button, - infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button, - infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button, - infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button, - infobar.error.action:hover > revealer > box button.flat { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #b11515; - border-bottom-color: #841010; - background-image: image(#df1b1b); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.error:backdrop > revealer > box button:hover, - infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover, - infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover, - infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover, - infobar.error.action:hover > revealer > box button.flat:hover { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #911212; - border-bottom-color: #640c0c; - background-image: image(#ad1515); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, - infobar.error:backdrop > revealer > box button.flat:active, - infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, - infobar.error > revealer > box button.flat:active, - infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked, - infobar.error.action:hover:backdrop > revealer > box button.flat:active, - infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked, - infobar.error.action:hover > revealer > box button.flat:active, - infobar.error.action:hover > revealer > box button.flat:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #911212; - background-image: image(#7f0f0f); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - infobar.error:backdrop > revealer > box button:disabled, - infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled, - infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled, - infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled, - infobar.error.action:hover > revealer > box button.flat:disabled { - color: #e49c9c; - border-color: #911212; - background-image: image(#c83939); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - infobar.error:backdrop > revealer > box button:backdrop, - infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop, - infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop, - infobar.error.action:hover > revealer > box button.flat:backdrop { - color: #f2d1d1; - border-color: #bf1717; - background-image: image(#bf1717); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #911212; } - infobar.error:backdrop > revealer > box button:backdrop:disabled, - infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled, - infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled, - infobar.error.action:hover > revealer > box button.flat:backdrop:disabled { - color: #db7e7e; - border-color: #c83939; - background-image: image(#c83939); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #911212; } - infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button, - infobar.error:backdrop > revealer > box button.flat:backdrop label, - infobar.error:backdrop > revealer > box button.flat:backdrop, - infobar.error:backdrop > revealer > box button.flat label, - infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button, - infobar.error > revealer > box button.flat:backdrop label, - infobar.error > revealer > box button.flat:backdrop, - infobar.error > revealer > box button.flat label, - infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label, - infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, - infobar.error.action:hover:backdrop > revealer > box button.flat label, - infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button, - infobar.error.action:hover > revealer > box button.flat:backdrop label, - infobar.error.action:hover > revealer > box button.flat:backdrop, - infobar.error.action:hover > revealer > box button.flat label, - infobar.error.action:hover > revealer > box button.flat { - color: #ffffff; } - -/********* - * Lists * - *********/ -row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active { - border-radius: 8px; - background-color: #ffffff; - color: black; - box-shadow: inset 0 0 0 9999px #eaebec, inset 0 0 0 3px #fafafa; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 5px 10px; - margin: 20px; - border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); - background-image: none; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - box-shadow: none; } - -/************ - * Calendar * - ***********/ -calendar { - border-radius: 6px; - border: 0; - padding: 1px; } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar:backdrop { - background-image: none; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - background-color: #ffffff; } - -stacksidebar row { - padding: 7px 3px; } - -/**************** - * File chooser * - ****************/ -placessidebar row { - min-height: 30px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 8px 8px 5px 5px; - border: 1px solid #fafafa; - border-bottom-width: 2px; - background: #ffffff; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } - decoration:backdrop { - box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); } - .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-width: 0; } - .popup decoration { - border-width: 0; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); - border-width: 0; } - .csd.popup decoration { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0); - border-width: 0; } - tooltip.csd decoration { - border: 0; } - messagedialog.csd decoration { - border-width: 0; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } - -/* Nautilus */ -@define-color disk_space_unknown #383c4a; -@define-color disk_space_used #a400a4; -@define-color disk_space_free white; -filechooser placessidebar.sidebar:dir(ltr), -.nautilus-window placessidebar.sidebar:dir(ltr) { - background-image: linear-gradient(to right, whitesmoke 41px, #ffffff 0); } - -filechooser placessidebar.sidebar:dir(rtl), -.nautilus-window placessidebar.sidebar:dir(rtl) { - background-image: linear-gradient(to left, whitesmoke 41px, #ffffff 0); } - -filechooser placessidebar.sidebar:backdrop, -.nautilus-window placessidebar.sidebar:backdrop { - background-image: none; } - -filechooser placessidebar.sidebar row.sidebar-row:selected, -.nautilus-window placessidebar.sidebar row.sidebar-row:selected { - margin-left: 6px; - margin-right: 6px; - border-radius: 4px; - box-shadow: 0 1px 4px rgba(164, 0, 164, 0.5); - transition: box-shadow 200ms ease-out; - background-color: #a400a4; } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) { - background-image: linear-gradient(to right, #710071 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl), - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) { - background-image: linear-gradient(to left, #710071 35px, transparent 0); } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer { - padding-left: 8px; - padding-right: 8px; } - filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label { - color: #ffffff; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop { - box-shadow: none; - background-image: none; } - filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, - .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-label { - color: #e7c6e7; } - -filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - padding-right: 20px; } - -.nautilus-window .floating-bar { - color: #ffffff; - background-color: #a400a4; - border-color: #580058; - margin: 10px; - box-shadow: 0 1px 4px rgba(164, 0, 164, 0.5); - transition: background-color 200ms ease-out; } - .nautilus-window .floating-bar:backdrop { - color: inherit; - box-shadow: none; - border-color: #d9d9d9; } - .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right { - border-radius: 4px; - border-style: solid; } - -.path-bar-box:backdrop { - border-color: #d9d9d9; } - -box.nautilus-path-bar > scrolledwindow { - background-color: #fafafa; } - -box.nautilus-path-bar > button { - box-shadow: none; } - -/* GNOME TERMINAL */ -terminal-window notebook scrollbar, -.mate-terminal notebook scrollbar { - background: #fafafa; } - -terminal-window menubar, -.mate-terminal menubar { - background: white; } - -/* GNOME TWEAKS */ -list.tweak-categories separator { - background: transparent; } - -/* XFCE4 PANEL */ -.xfce4-panel.background { - background: rgba(255, 255, 255, 0.9); } - -.xfce4-panel button { - border: 0; - border-radius: 0; - min-width: 30px; - box-shadow: none; - text-shadow: none; - background: transparent; - color: #454850; } - .xfce4-panel button:hover { - background: #ffffff; } - .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active { - box-shadow: inset 0 -2px 0 #a400a4; - background: #ffffff; } - -.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active { - box-shadow: inset 2px 0 0 #a400a4; } - -/* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */ -#XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button { - border: 1px solid #d9d9d9; - border-bottom-width: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - -gtk-icon-style: symbolic; } - -.xfsm-logout-dialog > .vertical > .horizontal button { - margin: 8px; } - -/* Whisker menu */ -#whiskermenu-button image { - -gtk-icon-shadow: 0 0 3px #a400a4, 0 0 3px #a400a4; } - -#whiskermenu-window entry { - border-radius: 100px; - border: 2px solid #a400a4; - box-shadow: none; } - -#whiskermenu-window button { - transition-duration: 0s; } - #whiskermenu-window button:checked { - border-color: transparent; } - -#whiskermenu-window scrolledwindow.frame { - border: 0; - border-radius: 8px; - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); - padding: 7px 10px; - margin: 0 5px; } - #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) { - background: #ffffff; } - #whiskermenu-window scrolledwindow.frame treeview { - background: transparent; - border-radius: 4px; } - #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected { - background-color: rgba(0, 0, 0, 0.07); - color: inherit; } - -/* XFCE4 panel action */ -#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image { - -gtk-icon-style: symbolic; - -gtk-icon-transform: scale(0.7); } - -/* XFCE4 workspace switcher */ -wnck-pager { - background-color: white; } - wnck-pager:selected { - background-color: #cccccc; } - wnck-pager:hover { - background-color: #cccccc; } - -/* LightDM */ -.lightdm-gtk-greeter #panel_window { - background: rgba(255, 255, 255, 0.9); - color: #5c616c; - text-shadow: none; - -gtk-icon-shadow: none; } - -.lightdm-gtk-greeter #login_window { - border: 0; - background-color: rgba(255, 255, 255, 0.9); - border-radius: 4px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); } - .lightdm-gtk-greeter #login_window entry { - background: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.3); - min-height: 32px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } - .lightdm-gtk-greeter #login_window entry image { - margin: 0; } - .lightdm-gtk-greeter #login_window #buttonbox_frame { - padding-top: 20px; - background: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0 0 4px 4px; - box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.07); } - .lightdm-gtk-greeter #login_window #buttonbox_frame button { - border: 0; - color: #ffffff; - text-shadow: none; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button { - background: rgba(0, 0, 0, 0.07); - box-shadow: none; - color: #5c616c; } - .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button { - background: #a400a4; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); } - -/* Thunar */ -.thunar .warning { - margin: -7px 0; } - -.budgie-container { - background-color: transparent; } - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #a400a4; } - -.budgie-panel { - background-color: #272a34; - color: white; - font-weight: normal; } - .budgie-panel image { - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } - .budgie-panel label { - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } - .budgie-panel .alert { - color: #a400a4; } - .budgie-panel:backdrop { - color: white; - background-color: rgba(39, 42, 52, 0.8); } - .budgie-panel.transparent { - background-color: rgba(39, 42, 52, 0.8); - color: white; } - .budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; } - .budgie-panel.horizontal button { - padding: 0 4px; } - .budgie-panel.vertical button { - padding: 4px 0; } - .budgie-panel separator { - background-color: rgba(92, 97, 108, 0.4); } - .budgie-panel.vertical #tasklist-button { - min-height: 32px; } - .budgie-panel .end-region { - background-color: rgba(0, 0, 0, 0.3); - border-radius: 0px; } - .budgie-panel .end-region separator { - background-color: rgba(255, 255, 255, 0.15); } - .budgie-panel .end-region label { - font-weight: 700; - color: white; } - -.budgie-panel button.flat.launcher { - padding: 0; - border-radius: 0; - border: none; - background-image: radial-gradient(circle farthest-corner at center, alpha(#5c616c,0) 100%, transparent 0%), image(alpha(#5c616c,0)); - background-position: center center; } - .budgie-panel button.flat.launcher > image { - opacity: 0.87; } - .budgie-panel button.flat.launcher:hover { - -gtk-icon-effect: highlight; } - .budgie-panel button.flat.launcher:hover > image { - opacity: 1.0; } - .budgie-panel button.flat.launcher:active > image { - opacity: 1.0; } - .budgie-panel button.flat.launcher:checked { - background-color: transparent; } - .budgie-panel button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; } - .budgie-panel button.flat.launcher:checked > image { - opacity: 1.0; } - -.budgie-panel .unpinned button.flat.launcher:hover, -.budgie-panel .pinned button.flat.launcher.running:hover { - -gtk-icon-effect: highlight; } - -.budgie-panel .unpinned button.flat.launcher > image, -.budgie-panel .pinned button.flat.launcher.running > image { - background-size: 2px 2px; - background-repeat: no-repeat; - opacity: 1.0; } - -.budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image, -.budgie-panel .pinned button.flat.launcher.running:hover > image, -.budgie-panel .pinned button.flat.launcher.running:active > image, -.budgie-panel .pinned button.flat.launcher.running:checked > image { - background-image: none; } - -.top .budgie-panel button#tasklist-button:hover, -.top .budgie-panel button.flat.launcher:hover { - box-shadow: inset 0 2px alpha(#5c616c,0.4); - background-color: rgba(92, 97, 108, 0.4); - border: none; } - -.top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked, -.top .budgie-panel button.flat.launcher:active, -.top .budgie-panel button.flat.launcher:checked { - box-shadow: inset 0 2px #a400a4; } - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: top center; } - -.top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked, -.top .budgie-panel .pinned button.flat.launcher.running:hover, -.top .budgie-panel .pinned button.flat.launcher.running:active, -.top .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 0 2px #a400a4; } - -.bottom .budgie-panel button#tasklist-button:hover, -.bottom .budgie-panel button.flat.launcher:hover { - box-shadow: inset 0 -2px alpha(#5c616c,0.4); - background-color: rgba(92, 97, 108, 0.4); - border: none; } - -.bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked, -.bottom .budgie-panel button.flat.launcher:active, -.bottom .budgie-panel button.flat.launcher:checked { - box-shadow: inset 0 -2px #a400a4; } - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: bottom center; } - -.bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked, -.bottom .budgie-panel .pinned button.flat.launcher.running:hover, -.bottom .budgie-panel .pinned button.flat.launcher.running:active, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 0 -2px #a400a4; } - -.left .budgie-panel button#tasklist-button:hover, -.left .budgie-panel button.flat.launcher:hover { - box-shadow: inset 2px 0 alpha(#5c616c,0.4); - background-color: rgba(92, 97, 108, 0.4); - border: none; } - -.left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked, -.left .budgie-panel button.flat.launcher:active, -.left .budgie-panel button.flat.launcher:checked { - box-shadow: inset 2px 0 #a400a4; } - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: left center; } - -.left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked, -.left .budgie-panel .pinned button.flat.launcher.running:hover, -.left .budgie-panel .pinned button.flat.launcher.running:active, -.left .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset 2px 0 #a400a4; } - -.right .budgie-panel button#tasklist-button:hover, -.right .budgie-panel button.flat.launcher:hover { - box-shadow: inset -2px 0 alpha(#5c616c,0.4); - background-color: rgba(92, 97, 108, 0.4); - border: none; } - -.right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked, -.right .budgie-panel button.flat.launcher:active, -.right .budgie-panel button.flat.launcher:checked { - box-shadow: inset -2px 0 #a400a4; } - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image { - background-image: image(#a400a4); - background-position: right center; } - -.right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked, -.right .budgie-panel .pinned button.flat.launcher.running:hover, -.right .budgie-panel .pinned button.flat.launcher.running:active, -.right .budgie-panel .pinned button.flat.launcher.running:checked { - box-shadow: inset -2px 0 #a400a4; } - -.top .shadow-block { - background-color: transparent; - background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.bottom .shadow-block { - background-color: transparent; - background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.left .shadow-block { - background-color: transparent; - background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.right .shadow-block { - background-color: transparent; - background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); } - -.budgie-popover { - border-style: none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.28); - border-radius: 6px; - box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28); - background-color: #ffffff; } - .budgie-popover .container { - padding: 2px; } - .budgie-popover border { - border: none; } - .budgie-popover list { - background-color: transparent; } - .budgie-popover row { - padding: 0; } - .budgie-popover row:hover { - box-shadow: none; } - .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #5c616c; - font-weight: normal; } - .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { - color: #9da0a7; } - .budgie-popover.budgie-menu .container { - padding: 0; } - .budgie-popover.user-menu .container { - padding: 8px; } - .budgie-popover.user-menu separator { - margin: 4px 0; } - .budgie-popover.sound-popover separator { - margin: 3px 0; } - .budgie-popover.night-light-indicator .container { - padding: 8px; } - .budgie-popover.places-menu .container { - padding: 8px; } - .budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid #d9d9d9; } - .budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; } - .budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; } - .budgie-popover.workspace-popover separator { - margin: 4px 0; } - .budgie-popover.workspace-popover flowboxchild { - padding: 0; } - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.9); } - .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(242, 242, 242, 0.9); } - .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.current-workspace { - background-color: rgba(242, 242, 242, 0.9); } - -.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-menu.background { - padding: 0; - background-color: #fafafa; } - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; } - -.budgie-menu entry.search { - border-style: none; - border-bottom: 1px solid #d9d9d9; - border-radius: 999px; - box-shadow: none; - font-size: 120%; - padding-top: 6px; - padding-bottom: 6px; } - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #5c616c; - font-weight: normal; } - -.budgie-menu row { - padding: 0; } - .budgie-menu row:hover { - box-shadow: none; } - -button.budgie-menu-launcher { - color: white; - border: none; } - button.budgie-menu-launcher:hover { - background-color: rgba(92, 97, 108, 0.4); - border: none; } - -popover.background.user-menu { - padding: 8px; } - popover.background.user-menu .content-box { - background-color: transparent; } - popover.background.user-menu separator { - margin: 4px 0; } - popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; } - -button.raven-trigger { - color: white; - border: none; } - button.raven-trigger:hover { - background-color: rgba(92, 97, 108, 0.4); - border: none; } - -popover.background.places-menu { - padding: 8px; } - popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; } - popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; } - popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; } - popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; } - popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; } - popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid #d9d9d9; - background-color: transparent; } - popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; } - -frame.raven-frame > border { - border-style: none; - box-shadow: none; } - -.raven { - background-color: #ffffff; - color: #5c616c; - padding: 6px 0 0 0; - border: none; } - .raven .raven-header { - min-height: 32px; - padding: 3px; } - .raven .raven-header.top { - padding: 2px 0; - background-color: #ffffff; - color: #5c616c; } - .raven .raven-header.top stackswitcher button { - margin: -6px 0; - min-height: 32px; } - .raven .raven-header.bottom { - border-top: 1px solid #d9d9d9; } - .raven viewport.frame .raven-header { - margin-top: -8px; } - .raven .raven-background { - border-style: solid none; - border-width: 1px; - border-color: #d9d9d9; - background-color: #fafafa; } - .raven scrolledwindow.raven-background { - border-bottom-style: none; } - .raven .powerstrip button { - margin: 2px 0 1px; - padding: 10px; } - .raven .option-subtitle { - font-size: smaller; } - -calendar.raven-calendar { - border-style: none; - background-color: transparent; } - calendar.raven-calendar:selected { - border-radius: 6px; - background-color: #ffffff; } - -.raven-mpris { - background-color: rgba(255, 255, 255, 0.8); - color: #5c616c; } - .raven-mpris label { - min-height: 24px; } - -.budgie-notification-window, .budgie-osd-window { - background-color: transparent; - color: white; - border-radius: 6px; } - .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow { - background-color: #303340; } - -.budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd { - background-color: #303340; - color: white; } - .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title { - font-size: 110%; - color: white; } - .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body { - color: white; } - -.budgie-osd .budgie-osd-text { - font-size: 120%; } - -.budgie-switcher-window .drop-shadow { - margin: 8px 8px 16px; - border-radius: 6px; - background-color: #303340; - box-shadow: rgba(0, 0, 0, 0.28); } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title { - color: white; } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) { - padding: 0 0 0 6px; } - .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) { - padding: 0 6px 0 0; } - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 2px; - box-shadow: none; - background-color: #ffffff; } - -.budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog { - border-radius: 6px; - background-color: #ffffff; } - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title { - font-size: 120%; } - -.budgie-session-dialog .linked.horizontal > button { - padding: 8px 16px; - border-top: 1px solid #d9d9d9; - border-radius: 6px; } - .budgie-session-dialog .linked.horizontal > button:first-child { - border-bottom-left-radius: 2px; } - .budgie-session-dialog .linked.horizontal > button:last-child { - border-bottom-right-radius: 2px; } - -.budgie-polkit-dialog .message { - color: #5c616c; } - -.budgie-polkit-dialog .failure { - color: #d41919; } - -.budgie-run-dialog { - background-color: #fafafa; - border-style: none; } - .budgie-run-dialog entry.search { - font-size: 120%; - box-shadow: none; - background-color: transparent; - border-style: none; - border-bottom: 1px solid #d9d9d9; - border-radius: 0; - padding-top: 6px; - padding-bottom: 6px; } - .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, - .budgie-run-dialog list headerbar .subtitle, - headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; } - .budgie-run-dialog scrolledwindow { - border-top: 1px solid #d9d9d9; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #5c616c; -/* -text color for entries, views and content in general */ -@define-color theme_text_color black; -/* -widget base background color */ -@define-color theme_bg_color #ffffff; -/* -text widgets and the like base background color */ -@define-color theme_base_color #fafafa; -/* -base background color of selections */ -@define-color theme_selected_bg_color #a400a4; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #fdfdfd; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #9da0a7; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #fafafa; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #aeb0b6; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color black; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #ffffff; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #f7f7f7; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #a400a4; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #d9d9d9; -/* -widgets main borders color */ -@define-color borders #d9d9d9; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #d9d9d9; -/* -these are pretty self explicative */ -@define-color warning_color #fd7d00; -@define-color error_color #bf1717; -@define-color success_color #3db47e; -/* -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 shade(#5c616c, 1.8); -@define-color wm_unfocused_title #aeb0b6; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#ffffff, 1.2); -@define-color wm_bg_b #ffffff; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#ffffff, 1.3); -@define-color wm_button_hover_color_b #ffffff; -@define-color wm_button_active_color_a shade(#ffffff, 0.85); -@define-color wm_button_active_color_b shade(#ffffff, 0.89); -@define-color wm_button_active_color_c shade(#ffffff, 0.9); -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #fafafa; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #fafafa; -.open-document-selector-treeview:hover { - background-color: alpha(@theme_fg_color, 0.05); -} - -.open-document-selector-treeview:selected:hover { - background-color: @theme_selected_bg_color; -} - -/* Only normal state is handle */ -.open-document-selector-name-label { - color: @theme_fg_color; -} - -/* Only normal state is handle */ -.open-document-selector-path-label { - color: @theme_unfocused_fg_color; - font-size: smaller; -} - -/* Only normal state is handle */ -.open-document-selector-match { - color: shade (@theme_fg_color, 0.6); - background-color: alpha(@warning_color, 0.4); -} - -.gedit-document-panel { - background-color: @sidebar_bg; -} - -.gedit-document-panel:backdrop { - color: #b0b2b2; -} - -.gedit-document-panel row:selected:backdrop { - background-color: #8b8e8f; -} - -.gedit-document-panel-group-row, -.gedit-document-panel-group-row:hover { - border-top: 1px solid alpha(currentColor, 0.3); -} - -.gedit-document-panel-group-row:first-child, -.gedit-document-panel-group-row:first-child:hover { - border-top: 0px; -} - -/* Try to look as the notebook tab close button */ -.gedit-document-panel row button.flat { - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - min-width: 18px; - min-height: 18px; - color: alpha(currentColor,0.3); -} - -.gedit-document-panel row:hover button.flat { - color: alpha(currentColor,0.5); -} - -.gedit-document-panel row button.flat:hover { - color: @theme_fg_color; -} - -statusbar { - border-top: 1px solid @borders; -} - -.gedit-search-slider { - background-color: @theme_base_color; - padding: 6px; - border-color: @borders; - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - background-color: @theme_base_color; - background-image: none; - color: shade (@theme_unfocused_fg_color, 0.8); - border: 0px; - margin: 2px; - padding: 2px; -} -.nautilus-window, -.nautilus-window notebook, -.nautilus-window notebook > stack { - background: @theme_base_color; -} - -.nautilus-empty-state-icon { - opacity: 0.50; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.nautilus-canvas-item.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.nautilus-canvas-item.dim-label { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); -} - -.nautilus-canvas-item.dim-label:selected { - color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); -} - -/* Toolbar */ - -/* Here we use the .button background-image colors from Adwaita, but ligthen them, - * since is not possible to use lighten () in common css. */ -@keyframes needs_attention_keyframes { - 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } - /* can't do animation-direction, so holding the color on two keyframes */ - 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -/* Remove white background and highlight on hover which GTK adds by default - * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ -.operations-list, -.operations-list > :hover { - background: none; -} - -.disclosure-button { - padding-left: 4px; - padding-right: 4px; -} - -/* Path bar */ - -.nautilus-path-bar scrolledwindow { - border-radius: 5px 0px 0px 5px; - border: 1px @borders solid; - border-right-width: 0px; - background-color: @theme_bg_color; -} -.nautilus-path-bar scrolledwindow undershoot.left { - border-radius: 5px 0px 0px 5px; - background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} -.nautilus-path-bar scrolledwindow undershoot.right { - background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} - -.nautilus-path-bar > button, -.path-buttons-box button { - margin: 0px; -} - -.path-buttons-box button { - background-image: none; - box-shadow: none; - border-radius: 5px; - border-width: 0px; - -gtk-icon-shadow: none; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover { - background: alpha(@theme_fg_color, 0.15); - box-shadow: inset 0 0 0 2px @theme_bg_color; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover * { - opacity: 1; -} - -/* Make the tags fit into the box */ -entry.search > * { - margin: 5px; -} - -/* Sidebar */ - -.nautilus-window .sidebar-row:selected { - background: mix(@theme_bg_color, @theme_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected, -.nautilus-window .sidebar-row:selected image, -.nautilus-window .sidebar-row:selected label { - color: mix(@theme_fg_color, @theme_text_color, 0.5); -} - -.nautilus-window .sidebar-row:selected:backdrop { - background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected:backdrop, -.nautilus-window .sidebar-row:selected:backdrop label { - color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); -} - -/* Floating status bar */ -.floating-bar { - padding: 1px; - background-color: @theme_base_color; - border-width: 1px; - border-style: solid solid none; - border-color: @borders; - border-radius: 8px 8px 0 0; -} - -.floating-bar.bottom.left { /* axes left border and border radius */ - border-left-style: none; - border-top-left-radius: 0; -} -.floating-bar.bottom.right { /* axes right border and border radius */ - border-right-style: none; - border-top-right-radius: 0; -} - -.floating-bar:backdrop { - background-color: @theme_unfocused_base_color; - border-color: @unfocused_borders; -} - -.floating-bar button { - padding: 0px; -} - -@define-color disk_space_unknown #888a85; -@define-color disk_space_used #729fcf; -@define-color disk_space_free #eeeeec; - -.disk-space-display { - border-style: solid; - border-width: 2px; -} - -.disk-space-display.unknown { - background-color: @disk_space_unknown; - border-color: shade(@disk_space_unknown, 0.7); - color: @disk_space_unknown; -} -.disk-space-display.unknown.border { - color: shade(@disk_space_unknown, 0.7); -} - -.disk-space-display.used { - background-color: @disk_space_used; - border-color: shade(@disk_space_used, 0.7); - color: @disk_space_used; -} -.disk-space-display.used.border { - color: shade(@disk_space_used, 0.7); -} - -.disk-space-display.free { - background-color: @disk_space_free; - border-color: shade(@disk_space_free, 0.7); - color: @disk_space_free; -} -.disk-space-display.free.border { - color: shade(@disk_space_free, 0.7); -} - -/* As a workaround for GtkTreeView showing thick border above first row when - * horizontal grid lines are enabled, we add them using CSS instead. Exclude the - * drop targets to let through the default feedback style. */ -.nautilus-list-view .view:not(:drop(active)) { - border-bottom: 1px solid @theme_bg_color; -} - -.nautilus-list-view.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.search-information { - background-color: @theme_selected_bg_color; - color:white; - padding:2px; -} - -@define-color conflict_bg #fef6b6; - -.conflict-row { - background: @conflict_bg; - color: black; -} - -.conflict-row:hover { - background-color: shade(@conflict_bg, 0.9); -} - -.conflict-row:selected { - background: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* Icon view */ -flowbox { - padding: 18px -} - -flowboxchild { - padding: 0px; -} - -flowboxchild:selected { - background-color:transparent; - outline-color: transparent; -} - -flowboxchild .thumbnail { - margin: 4px; - box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), - 0px 0px 0px 1px alpha(@borders, 0.5), - 0px 2px 0px 0px alpha(@borders, 0.5); - border-radius: 2px; -} - -.icon-ui-labels-box { - padding: 2px 4px; - border-radius: 4px; -} - -flowboxchild:selected .icon-ui-labels-box { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; -} - -flowboxchild:selected image { - -gtk-icon-effect: dim; /* GTK 3 only */ - /* GTK 4 TODO: Replace previous line with the following one: - -gtk-icon-filter: opacity(0.5); - */ - -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; -} diff --git a/share/themes/Kali-Purple-Light/gtk-4.0/assets b/share/themes/Kali-Purple-Light/gtk-4.0/assets deleted file mode 120000 index dff0b417..00000000 --- a/share/themes/Kali-Purple-Light/gtk-4.0/assets +++ /dev/null @@ -1 +0,0 @@ -../../Kali-Purple-Dark/gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Purple-Light/gtk-4.0/gtk-dark.css b/share/themes/Kali-Purple-Light/gtk-4.0/gtk-dark.css deleted file mode 100644 index 4fb94e6e..00000000 --- a/share/themes/Kali-Purple-Light/gtk-4.0/gtk-dark.css +++ /dev/null @@ -1,5258 +0,0 @@ -/*************************** - * Check and Radio buttons * - ***************************/ -/*************** - * Base States * - ***************/ -.background { - color: #eeeeec; - background-color: #23252e; } - .background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -dnd { - color: #eeeeec; } - -.normal-icons { - -gtk-icon-size: 16px; } - -.large-icons { - -gtk-icon-size: 32px; } - -image:disabled { - -gtk-icon-filter: opacity(0.5); } - -.view, iconview, -textview > text { - color: white; - background-color: #272a34; } - .view:disabled, iconview:disabled, - textview > text:disabled { - color: #888a8d; - background-color: #242731; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - textview > text:selected:focus, - textview > text:selected { - border-radius: 3px; } - -textview:drop(active) { - caret-color: #19a187; } - -textview > border { - background-color: #252831; } - -iconview { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - iconview { - outline: 0 solid transparent; - outline-offset: 4px; } - iconview:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - iconview:drop(active) { - box-shadow: none; } - iconview > dndtarget:drop(active) { - border-style: solid; - border-width: 1px; - border-color: #0b000b; } - -rubberband, .content-view > rubberband, columnview.view > rubberband, -treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #710071; - background-color: rgba(113, 0, 113, 0.2); } - -flowbox > flowboxchild { - padding: 3px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - flowbox > flowboxchild { - outline: 0 solid transparent; - outline-offset: 4px; } - flowbox > flowboxchild:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - flowbox > flowboxchild:selected { - outline-color: rgba(255, 255, 255, 0.3); } - -gridview > child { - padding: 3px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - gridview > child { - outline: 0 solid transparent; - outline-offset: 4px; } - gridview > child:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - gridview > child:selected { - outline-color: rgba(255, 255, 255, 0.3); } - gridview > child box { - border-spacing: 8px; - margin: 12px; } - -coverflow cover { - color: white; - background-color: #272a34; - border: 1px solid black; } - -label { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - label { - outline: 0 solid transparent; - outline-offset: 4px; } - label:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - label > selection { - background-color: #a400a4; - color: #ffffff; } - label:disabled { - color: #888a8d; } - button label:disabled { - color: inherit; } - label.error { - color: #bf1717; } - label.error:disabled { - color: rgba(191, 23, 23, 0.5); } - -.dim-label, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, -entry > text > placeholder, label.separator { - opacity: 0.55; - text-shadow: none; } - -window.assistant .sidebar { - padding: 5px; - border-top: 1px solid #0d0e11; } - -window.assistant.csd .sidebar { - border-top-style: none; } - -window.assistant .sidebar > label { - padding: 6px 12px; } - -window.assistant .sidebar > label.highlight { - background-color: #3b3e46; - border-radius: 5px; } - -window.aboutdialog image.large-icons { - -gtk-icon-size: 128px; } - -.osd .scale-popup, .app-notification, .osd popover.background > arrow, -.osd popover.background > contents, popover.background.touch-selection > arrow, -popover.background.touch-selection > contents, popover.background.magnifier > arrow, -popover.background.magnifier > contents, -.osd { - color: white; - border: none; - background-color: #303340; - background-clip: padding-box; - -gtk-icon-shadow: 0 1px black; } - -/********************* - * 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; } - -/********************** - * General Typography * - **********************/ -.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-heading { - font-weight: 700; - font-size: 9pt; } - -.caption { - font-weight: 400; - font-size: 9pt; } - -/**************** - * Text Entries * - ****************/ -spinbutton.vertical > text, spinbutton:not(.vertical), -entry { - min-height: 32px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 4px; - border-spacing: 6px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: white; - border-color: #0d0e11; - background-color: #272a34; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text, spinbutton:not(.vertical), - entry { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), - entry:focus-within { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, - entry > image.left { - margin-right: 6px; } - spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, - entry > image.right { - margin-left: 6px; } - spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, - entry > text > block-cursor { - color: #272a34; - background-color: white; } - spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), - entry.flat:focus-within, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, - entry:focus-within > placeholder { - opacity: 0; - /* We hide placeholders on focus */ } - spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), - entry:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; } - spinbutton.vertical > text.error, spinbutton.error:not(.vertical), - entry.error { - color: #bf1717; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text.error, spinbutton.error:not(.vertical), - entry.error { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), - entry.error:focus-within { - outline-color: rgba(191, 23, 23, 0.5); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, - entry.error > selection { - background-color: #bf1717; } - spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), - entry.warning { - color: #fd7d00; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), - entry.warning { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), - entry.warning:focus-within { - outline-color: rgba(253, 125, 0, 0.5); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, - entry.warning > selection { - background-color: #fd7d00; } - spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, - entry > image { - color: #c6c7c7; } - spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, - entry > image:hover { - color: #eeeeec; } - spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, - entry > image:active { - color: #a400a4; } - spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, - entry.password image.caps-lock-indicator { - color: #75777c; } - spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), - entry:drop(active):focus-within, - entry:drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { - color: white; - border-color: #a400a4; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; } - .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #97999f; - border-color: black; - background-color: rgba(68, 72, 83, 0.5); - background-clip: padding-box; } - -spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, -entry > progress { - margin-bottom: 2px; } - -spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, -entry progress > trough > progress { - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #a400a4; - border-style: solid; - box-shadow: none; } - -spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #19a187; } - -spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #1f222a; } - -spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #1f222a; } - -spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #19a187; } - -spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + entry, -.linked.vertical > entry:drop(active):not(:only-child) + button, -.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, -.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #19a187; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), -entry.error { - color: #bf1717; } - -treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { - background-color: #272a34; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #272a34; } - treeview entry.flat:focus-within, treeview entry:focus-within { - border-color: #a400a4; } - -/******************* - * Editable Labels * - *******************/ -editablelabel > stack > text { - color: white; - border-color: #0d0e11; - background-color: #272a34; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: radial-gradient(farthest-side, #f100f1 0%, rgba(241, 0, 241, 0) 0%); } - to { - background-image: radial-gradient(farthest-side, #f100f1 95%, rgba(241, 0, 241, 0)); } } - -notebook > header > tabs > arrow, windowcontrols button, -button { - min-height: 24px; - min-width: 16px; - padding: 4px 9px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - notebook > header > tabs > arrow, windowcontrols button, - button { - outline: 0 solid transparent; - outline-offset: 4px; } - notebook > header > tabs > arrow:focus:focus-visible, - button:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - notebook > header > tabs > arrow:hover, - button:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - -gtk-icon-filter: brightness(1.2); } - notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button.keyboard-activating, - button:active, - button:checked { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#13151a); - box-shadow: none; - transition-duration: 50ms; } - notebook > header > tabs > arrow:checked:hover, - button:checked:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#0d0e11); - box-shadow: none; } - notebook > header > tabs > arrow:checked:active, - button:checked:active { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#08090b); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop, - button:backdrop.flat, - button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - box-shadow: none; - transition: 200ms ease-out; } - notebook > header > tabs > arrow:backdrop:not(:disabled), - button:backdrop.flat:not(:disabled), - button:backdrop:not(:disabled) { - -gtk-icon-filter: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1e2128); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - color: #43495a; - border-color: #0d0e11; - background-image: image(#1e2128); - box-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); - -gtk-icon-filter: opacity(0.5); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { - color: #888a8d; - border-color: #17191f; - background-image: image(#1a1c23); - box-shadow: none; } - button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - transition: none; } - button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, - button.flat:hover { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #252831; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, - button.flat.keyboard-activating, - button.flat:active, - button.flat:checked { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #1c1e25; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - notebook > header > tabs > arrow.image-button, - button.image-button { - min-width: 24px; - padding-left: 5px; - padding-right: 5px; } - notebook > header > tabs > arrow.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - dropdown:drop(active) button.combo, - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { - color: #19a187; - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #888a8d; } - - -button.osd { - min-width: 26px; - min-height: 32px; - color: white; - border-radius: 5px; - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 30px; } - - button.osd.image-button:only-child { - margin: 4px; - border-radius: 50%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - - button.osd:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; - border: none; - box-shadow: none; } - -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - - -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #3e003e; - background-image: image(#be00be); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - - button.suggested-action { - outline: 0 solid transparent; - outline-offset: 4px; } - - button.suggested-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #a400a4; } - - button.suggested-action:hover { - color: white; - border-color: #580058; - background-image: linear-gradient(to top, #900090 20%, #950095 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.suggested-action:active, - button.suggested-action:checked { - color: white; - border-color: #580058; - background-image: image(#760076); - box-shadow: none; } - - button.suggested-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(164, 0, 164, 0.8); } - - button.suggested-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #c79bc8; - border-color: #580058; - background-image: image(#740576); - box-shadow: none; } - .osd button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; } - .osd button.suggested-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.7)); - background-clip: padding-box; } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a400a4); - background-clip: padding-box; - box-shadow: none; } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #4b0909; - background-image: image(#bd1616); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - - button.destructive-action { - outline: 0 solid transparent; - outline-offset: 4px; } - - button.destructive-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #a61414; } - - button.destructive-action:hover { - color: white; - border-color: #620c0c; - background-image: linear-gradient(to top, #941111 20%, #991212 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - - button.destructive-action:active, - button.destructive-action:checked { - color: white; - border-color: #620c0c; - background-image: image(#7d0f0f); - box-shadow: none; } - - button.destructive-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(166, 20, 20, 0.8); } - - button.destructive-action:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #c9a1a1; - border-color: #620c0c; - background-image: image(#791314); - box-shadow: none; } - .osd button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.5)); - background-clip: padding-box; } - .osd button.destructive-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(166, 20, 20, 0.7)); - background-clip: padding-box; } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a61414); - background-clip: padding-box; - box-shadow: none; } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - -stackswitcher > button > label { - padding: 0 6px; - margin: 0 -6px; } - -stackswitcher > button > image { - padding: 3px 6px; - margin: -3px -6px; } - - -button.font separator { - background-color: transparent; } - - -button.font > box { - border-spacing: 6px; } - - -button.font > box > box > label { - font-weight: bold; } - -menubutton.circular button, -button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; - border-radius: 9999px; } - menubutton.circular button label, - button.circular label { - padding: 0; } - -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, -stackswitcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: radial-gradient(farthest-side, #f100f1 96%, rgba(241, 0, 241, 0)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; } - stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, - stackswitcher > button.needs-attention > image:backdrop { - background-size: 6px 6px, 0 0; } - 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, left 2px; } - -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { - border-right-style: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - -.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, -.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, -.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, -.linked.vertical > dropdown:not(:first-child) > button, -.linked.vertical > colorbutton:not(:first-child) > button, -.linked.vertical > fontbutton:not(:first-child) > button, -.linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, -.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, -.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, -.linked.vertical > dropdown:not(:last-child) > button, -.linked.vertical > colorbutton:not(:last-child) > button, -.linked.vertical > fontbutton:not(:last-child) > button, -.linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - -.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, -list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 4px; } - modelbutton.flat:hover { - background-color: #3b3e46; } - modelbutton.flat:disabled { - color: #888a8d; } - -modelbutton.flat arrow { - background: none; - min-width: 16px; - min-height: 16px; - opacity: 0.3; } - modelbutton.flat arrow:hover { - background: none; } - modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } - modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } - -/* oldstyle toolbar buttons */ -.toolbar button { - margin: 1px; } - .toolbar button:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - .toolbar button:active { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#13151a); - box-shadow: none; } - .toolbar button:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - .toolbar button:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - box-shadow: none; } - .toolbar button:backdrop:disabled { - color: #43495a; - border-color: #0d0e11; - background-image: image(#242731); - box-shadow: none; } - -button.color { - padding: 4px; } - button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { - border-radius: 0; } - -/* list buttons */ -/* tone down as per new designs, see issue #1473 */ -popover.menu box.circular-buttons button.circular.image-button.model, -list > row button.image-button:not(.flat) { - border: 1px solid rgba(13, 14, 17, 0.5); } - popover.menu box.circular-buttons button.circular.image-button.model:hover, - list > row button.image-button:not(.flat):hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, - list > row button.image-button:not(.flat):active, - list > row button.image-button:not(.flat):checked { - color: #eeeeec; - border-color: #0d0e11; - background-image: image(#13151a); - box-shadow: none; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, - list > row button.image-button:not(.flat).suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #3e003e; - background-image: image(#be00be); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, - list > row button.image-button:not(.flat).suggested-action { - outline: 0 solid transparent; - outline-offset: 4px; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, - list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, - list > row button.image-button:not(.flat).destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #4b0909; - background-image: image(#bd1616); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, - list > row button.image-button:not(.flat).destructive-action { - outline: 0 solid transparent; - outline-offset: 4px; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, - list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.3); - outline-width: 2px; - outline-offset: -2px; } - -/********* - * Links * - *********/ -button.link, -link { - color: #ff0bff; - text-decoration: underline; } - button.link:visited, - link:visited { - color: #d700d7; } - *:selected button.link:visited, *:selected link:visited { - color: #ef99ef; } - button.link:hover, - link:hover { - color: #ff3eff; } - *:selected button.link:hover, *:selected link:hover { - color: #ffecff; } - button.link:active, - link:active { - color: #ff0bff; } - *:selected button.link:active, *:selected link:active { - color: #ffceff; } - button.link:disabled, - link:disabled { - color: rgba(133, 133, 133, 0.8); } - button.link:selected, *:selected button.link, - link:selected, *:selected link { - color: #ffceff; } - -link { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - link { - outline: 0 solid transparent; - outline-offset: 4px; } - link:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - -button.link, button.link:hover, button.link:active, button.link:checked { - text-shadow: none; } - -button.link > label { - text-decoration: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton { - font-feature-settings: "tnum"; } - spinbutton:not(.vertical) { - padding: 0; - border-spacing: 0; - /* :not here just to bump specificity above that of the list button styling */ } - .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - padding: 6px; } - .osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat), - spinbutton:not(.vertical) > button.image-button.down:not(.flat) { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #dadada; - background-image: none; - border-style: none none none solid; - border-color: rgba(13, 14, 17, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { - color: #eeeeec; - background-color: #181a20; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { - color: rgba(136, 138, 141, 0.3); - background-color: transparent; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.7); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - background-color: #1a1c23; - -gtk-icon-shadow: 0 1px black; - box-shadow: none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #97999f; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - spinbutton.vertical:disabled { - color: #888a8d; } - spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - spinbutton.vertical > text { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } - spinbutton.vertical > text > block-cursor { - color: #272a34; - background-color: white; } - spinbutton.vertical > button { - min-height: 32px; - min-width: 32px; - padding: 0; } - spinbutton.vertical > button.up { - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - spinbutton.vertical > button.down { - border-top-style: none; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .osd spinbutton.vertical > button:first-child { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd spinbutton.vertical > button:first-child:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .osd spinbutton.vertical > button:first-child:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .osd spinbutton.vertical > button:first-child:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) > text { - min-height: 0; - padding: 1px 2px; } - -/************** - * ComboBoxes * - **************/ -dropdown > popover.menu.background > contents { - padding: 0; } - -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:drop(active), -combobox:drop(active) { - box-shadow: none; } - -dropdown popover, -combobox popover { - margin-top: 6px; - padding: 0; } - dropdown popover listview, - combobox popover listview { - margin: 8px 0; } - dropdown popover listview > row, - combobox popover listview > row { - padding: 8px; } - dropdown popover listview > row:selected, - combobox popover listview > row:selected { - outline-color: rgba(255, 255, 255, 0.3); - color: white; - background-color: #3b3e46; } - dropdown popover .dropdown-searchbar, - combobox popover .dropdown-searchbar { - padding: 6px; - border-bottom: 1px solid #0d0e11; } - -/************ - * Toolbars * - ************/ -searchbar > revealer > box, .toolbar, -toolbar { - padding: 4px; - border-spacing: 4px; - background-color: #23252e; } - -.osd .toolbar, .osd toolbar { - background-color: transparent; } - -.toolbar.osd, -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: #303340; } - .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, - toolbar.osd.left, - toolbar.osd.right, - toolbar.osd.top, - toolbar.osd.bottom { - border-radius: 0; } - -.toolbar.horizontal > separator, -toolbar.horizontal > separator { - margin: 4px 0; } - -.toolbar.vertical > separator, -toolbar.vertical > separator { - margin: 0 4px; } - -searchbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-width: 0 0 1px; } - -searchbar > revealer > box { - border-style: solid; - border-color: #0d0e11; - background-color: #1c1e25; } - searchbar > revealer > box:backdrop { - border-color: #0d0e11; - background-color: #1b1d24; - box-shadow: none; - transition: 200ms ease-out; } - -/************** - * GtkInfoBar * - **************/ -infobar > revealer > box { - padding: 8px; - border-spacing: 12px; } - -infobar.action:hover > revealer > box { - background-color: #2e562e; } - -infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { - border-bottom: 1px solid #181a20; - background-color: #325c32; } - -infobar .close, -searchbar .close { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 50%; } - infobar .close:hover, - searchbar .close:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - -/***************** - * Title buttons * - *****************/ -windowcontrols { - border-spacing: 6px; } - windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 7px; } - windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 7px; } - windowcontrols button { - border-radius: 9999px; - padding: 6px; - margin: 0 2px; - min-width: 0; - min-height: 0; } - windowcontrols button:hover { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #0d0e11; } - windowcontrols button:active, windowcontrols button:checked { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: black; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: black; - border-radius: 0; - background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23); - /* Darken switchbuttons for headerbars. issue #1588 */ } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #0d0e11; - background-color: #23252e; - background-image: none; - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) stackswitcher > button:checked, - .titlebar:not(headerbar) button.toggle:checked, - headerbar stackswitcher > button:checked, - headerbar button.toggle:checked { - background: image(#0f1014); - border-color: #060708; - border-top-color: black; } - .titlebar:not(headerbar) stackswitcher > button:checked:backdrop, - .titlebar:not(headerbar) button.toggle:checked:backdrop, - headerbar stackswitcher > button:checked:backdrop, - headerbar button.toggle:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#1e2128); - box-shadow: none; } - .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - headerbar.default-decoration { - min-height: 28px; - padding: 4px; } - .default-decoration.titlebar:not(headerbar) windowcontrols button, - .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, - headerbar.default-decoration windowcontrols button, - headerbar.default-decoration windowcontrols menubutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - .default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, - headerbar.default-decoration windowcontrols menubutton button { - min-height: 20px; - min-width: 20px; - margin: 0; - padding: 4px; } - .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; } - -headerbar > windowhandle > box, -headerbar > windowhandle > box > box.start, -headerbar > windowhandle > box > box.end { - border-spacing: 6px; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button, -headerbar menubutton { - margin-top: 6px; - margin-bottom: 6px; } - -headerbar menubutton > button { - margin-top: 0px; - margin-bottom: 0px; } - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; } - -.titlebar:not(headerbar) separator { - background-color: #0d0e11; } - -window.devel headerbar.titlebar { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(164, 0, 164, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } - window.devel headerbar.titlebar:backdrop { - background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); - /* background-color would flash */ } - -/************ - * Pathbars * - ************/ -pathbar > button.text-button, pathbar > button.image-button, pathbar > button { - padding-left: 4px; - padding-right: 4px; } - -pathbar > button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - -pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { - padding-right: 8px; } - -pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { - padding-left: 8px; } - -pathbar > button image { - padding-left: 4px; - padding-right: 4px; } - -pathbar > button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #4f5159; - border-top-color: #4f5159; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - columnview.view, - treeview.view { - outline: 0 solid transparent; - outline-offset: 4px; } - columnview.view:focus:focus-visible, - treeview.view:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - columnview.view:selected:focus, columnview.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - border-radius: 0; - outline-color: rgba(255, 255, 255, 0.3); } - columnview.view:disabled, - treeview.view:disabled { - color: #888a8d; } - columnview.view:disabled:selected, - treeview.view:disabled:selected { - color: #c866c8; } - columnview.view:disabled:selected:backdrop, - treeview.view:disabled:selected:backdrop { - color: #b240b3; } - columnview.view.separator, - treeview.view.separator { - min-height: 2px; - color: #4f5159; } - columnview.view:backdrop, - treeview.view:backdrop { - border-left-color: #3a3d46; - border-top: #3a3d46; } - columnview.view:drop(active), - treeview.view:drop(active) { - box-shadow: none; } - columnview.view > dndtarget:drop(active), - treeview.view > dndtarget:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0b000b; } - 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: #bebfc2; } - 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: white; } - columnview.view.expander:selected, - treeview.view.expander:selected { - color: #e4b3e4; } - 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.progressbar, - treeview.view.progressbar { - background-color: #a400a4; - background-image: image(#a400a4); - box-shadow: none; } - columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, - treeview.view.progressbar:selected:focus, - treeview.view.progressbar:selected { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: image(#272a34); } - columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, - treeview.view.progressbar:selected:focus:backdrop, - treeview.view.progressbar:selected:backdrop { - background-color: #292c37; } - columnview.view.trough, - treeview.view.trough { - background-color: rgba(238, 238, 236, 0.1); } - columnview.view.trough:selected:focus, columnview.view.trough:selected, - treeview.view.trough:selected:focus, - treeview.view.trough:selected { - background-color: #710071; } - columnview.view > header > button, - treeview.view > header > button { - color: #8b8c90; - background-color: #272a34; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - columnview.view > header > button:hover, - treeview.view > header > button:hover { - color: #bdbdbe; - box-shadow: none; - transition: none; } - columnview.view > header > button:active, - treeview.view > header > button:active { - color: #eeeeec; - transition: none; } - columnview.view > header > button sort-indicator, - treeview.view > header > button sort-indicator { - min-height: 16px; - min-width: 16px; } - columnview.view > header > button sort-indicator.ascending, - treeview.view > header > button sort-indicator.ascending { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - columnview.view > header > button sort-indicator.descending, - treeview.view > header > button sort-indicator.descending { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, - columnview.view header.button.dnd:active, - columnview.view header.button.dnd:selected, - columnview.view header.button.dnd:hover, - columnview.view header.button.dnd, - treeview.view button.dnd:active, - treeview.view button.dnd:selected, - treeview.view button.dnd:hover, - treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: #272a34; - background-image: none; - background-color: #a400a4; - border-style: none; - border-radius: 0; - box-shadow: inset 0 0 0 1px #272a34; - text-shadow: none; - transition: none; } - columnview.view acceleditor > label, - treeview.view acceleditor > label { - background-color: #a400a4; } - -columnview.view > header > button, -treeview.view > header > button, columnview.view > header > button:hover, -treeview.view > header > button:hover, columnview.view > header > button:active, -treeview.view > header > button:active { - padding: 0 6px; - background-image: none; - border-style: none none solid solid; - border-color: #4f5159; - border-radius: 0; - text-shadow: none; } - columnview.view > header > button:disabled, - treeview.view > header > button:disabled { - border-color: #23252e; - background-image: none; } - columnview.view > header > button:last-child, - treeview.view > header > button:last-child { - border-right-style: none; } - -/*************** - * Popovers * - ***************/ -popover.background { - background-color: transparent; - font: initial; } - popover.background > arrow, - popover.background > contents { - background-color: #1f222a; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - popover.background:backdrop { - background-color: transparent; } - popover.background > contents { - padding: 8px; - border-radius: 8px; } - popover.background > contents > list, - popover.background > contents > .view, - popover.background > contents > iconview, - popover.background > contents > toolbar { - border-style: none; - background-color: transparent; } - popover.background > contents separator { - background-color: #13151a; - margin: 3px; } - popover.background > contents list separator { - margin: 0; } - .osd popover.background, popover.background.touch-selection, popover.background.magnifier { - background-color: transparent; } - .osd popover.background > arrow, - .osd popover.background > contents, popover.background.touch-selection > arrow, - popover.background.touch-selection > contents, popover.background.magnifier > arrow, - popover.background.magnifier > contents { - border: 1px solid rgba(255, 255, 255, 0.1); - box-shadow: none; } - -magnifier { - background-color: #272a34; } - -/********************** - * Popover Base Menus * - **********************/ -popover.menu { - padding: 0; } - popover.menu box.inline-buttons { - padding: 0 12px; } - popover.menu box.inline-buttons button.image-button.model { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - min-height: 30px; - min-width: 30px; - padding: 0; - border: none; - outline: none; - transition: none; } - popover.menu box.inline-buttons button.image-button.model:selected { - background: image(#3b3e46); } - popover.menu box.circular-buttons { - padding: 12px 12px 6px; } - popover.menu box.circular-buttons button.circular.image-button.model { - padding: 11px; } - popover.menu box.circular-buttons button.circular.image-button.model:focus { - background-color: #3b3e46; - border-color: #3b3e46; } - popover.menu > arrow, popover.menu.background > contents { - background-color: #1f222a; - padding: 5px; } - popover.menu.background separator { - margin: 6px 0; } - popover.menu accelerator { - color: alpha(currentColor,0.55); } - popover.menu accelerator:dir(ltr) { - margin-left: 12px; } - popover.menu accelerator:dir(rtl) { - margin-right: 12px; } - popover.menu check, - popover.menu radio { - transform: scale(0.8); - border-width: 1.2px; - border-color: transparent; - box-shadow: none; - background-image: image(transparent); - color: white; } - popover.menu check:hover, - popover.menu radio:hover { - transform: scale(0.8); - border-width: 1.2px; - color: white; - box-shadow: none; - background-image: image(transparent); } - popover.menu check:active, - popover.menu radio:active { - transform: scale(0.8); - border-width: 1.2px; - color: white; - box-shadow: none; - background-image: image(transparent); } - popover.menu radio { - border-color: #0d0e11; } - popover.menu radio:active { - border-color: rgba(13, 14, 17, 0.5); } - popover.menu arrow.left, - popover.menu radio.left, - popover.menu check.left { - margin-left: -2px; - margin-right: 6px; } - popover.menu arrow.right, - popover.menu radio.right, - popover.menu check.right { - margin-left: 6px; - margin-right: -2px; } - popover.menu modelbutton { - min-height: 30px; - min-width: 40px; - padding: 0 12px; - border-radius: 5px; } - popover.menu modelbutton:selected { - color: white; - background-color: #3b3e46; } - popover.menu modelbutton:selected:active { - background-color: #040405; } - popover.menu label.title { - font-weight: bold; - padding: 4px 32px; } - -menubar { - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - menubar > item { - min-height: 16px; - padding: 4px 8px; } - menubar > item:selected { - box-shadow: inset 0 -3px #a400a4; - color: #ff0bff; } - menubar > item:disabled { - color: #888a8d; - box-shadow: none; } - menubar > item popover.menu.background > contents { - padding: 5px; } - menubar > item popover.menu popover.menu { - padding: 0 0 4px 0; } - menubar > item popover.menu.background popover.menu.background > contents { - margin: 0; - border-radius: 8px; } - -/************* - * Notebooks * - *************/ -notebook { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - notebook > header > tabs > tab:checked { - outline: 0 solid transparent; - outline-offset: 4px; } - notebook:focus:focus-visible > header > tabs > tab:checked { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - notebook > header { - padding: 1px; - border-color: #0d0e11; - border-width: 1px; - background-color: #1b1d24; } - notebook > header > tabs { - margin: -1px; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -4px #0d0e11; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -4px #a400a4; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 4px #0d0e11; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 4px #a400a4; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -4px 0 #0d0e11; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -4px 0 #a400a4; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 4px 0 #0d0e11; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 4px 0 #a400a4; } - 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 { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -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 { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - notebook > header > tabs > tab { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - color: #eeeeec; - font-weight: normal; - border-width: 1px; - border-color: transparent; } - notebook > header > tabs > tab:hover { - color: #eeeeec; - background-color: #121418; } - notebook > header > tabs > tab:hover.reorderable-page { - border-color: rgba(13, 14, 17, 0.3); - background-color: rgba(35, 37, 46, 0.2); } - notebook > header > tabs > tab:not(:checked) { - outline-color: transparent; } - notebook > header > tabs > tab:checked { - color: #eeeeec; } - notebook > header > tabs > tab:checked.reorderable-page { - border-color: rgba(13, 14, 17, 0.5); - background-color: rgba(35, 37, 46, 0.5); } - notebook > header > tabs > tab:checked.reorderable-page:hover { - background-color: rgba(35, 37, 46, 0.7); } - notebook > header > tabs > tab button.flat { - color: alpha(currentColor,0.3); - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header > tabs > tab button.flat:hover { - color: currentColor; } - notebook > header > tabs > tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header > tabs > tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top > tabs, notebook > header.bottom > tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { - border-style: none solid; } - notebook > header.left > tabs, notebook > header.right > tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { - border-style: solid none; } - notebook > header.top > tabs > tab { - padding-bottom: 4px; } - notebook > header.bottom > tabs > tab { - padding-top: 4px; } - notebook > stack:not(:only-child) { - background-color: #272a34; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-color: #272a34; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar.top { - border-bottom: 1px solid #0d0e11; } - scrollbar.bottom { - border-top: 1px solid #0d0e11; } - scrollbar.left { - border-right: 1px solid #0d0e11; } - scrollbar.right { - border-left: 1px solid #0d0e11; } - scrollbar > range > trough > slider { - min-width: 8px; - min-height: 8px; - margin: -1px; - border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: #9d9ea0; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar > range > trough > slider:hover { - background-color: #c5c6c6; } - scrollbar > range > trough > slider:hover:active { - background-color: #a400a4; } - scrollbar > range > trough > slider:disabled { - background-color: transparent; } - scrollbar > range.fine-tune > trough > slider { - transition: none; - min-width: 6px; - min-height: 6px; } - scrollbar > range.fine-tune.horizontal > trough > slider { - border-width: 5px 4px; } - scrollbar > range.fine-tune.vertical > trough > slider { - border-width: 4px 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #eeeeec; - border: 1px solid black; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal > range > trough > slider { - min-width: 40px; } - scrollbar.vertical > range > trough > slider { - min-height: 40px; } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #0d0e11; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - font-weight: bold; - font-size: smaller; - border: 1px solid #0d0e11; - border-radius: 14px; - color: #eeeeec; - background-color: #1b1d24; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; - /* only show i / o for the accessible theme */ } - switch { - outline: 0 solid transparent; - outline-offset: 4px; } - switch:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: 0; } - headerbar switch { - background-color: #0a0a0d; } - switch:checked { - color: #ffffff; - border-color: #0b000b; - background-color: #a400a4; } - switch:disabled { - color: #888a8d; - border-color: #0d0e11; - background-color: #242731; - text-shadow: none; } - switch > slider { - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - margin: -1px; - min-width: 24px; - min-height: 24px; - border: 1px solid; - border-color: #0d0e11; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - switch > image { - color: transparent; } - switch:hover > slider { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - switch:checked > slider { - border: 1px solid #0b000b; } - switch:disabled > slider { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - row:selected switch { - outline-color: rgba(255, 255, 255, 0.3); } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list), -.content-view .tile check:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), -.content-view .tile check:hover:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), -.content-view .tile check:active:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), -.content-view .tile check:backdrop:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), -.content-view .tile check:checked:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), -.content-view .tile check:checked:hover:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), -.content-view .tile check:checked:active:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), -.content-view .tile check:backdrop:checked:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.8); - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -checkbutton { - border-spacing: 4px; - border-radius: 4px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - checkbutton { - outline: 0 solid transparent; - outline-offset: 4px; } - checkbutton:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - checkbutton.text-button { - padding: 4px; } - -check, -radio { - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; } - check, - radio { - background-clip: padding-box; - background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:hover, - radio:hover { - background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); } - check:active, - radio:active { - box-shadow: inset 0 1px black; - background-image: image(#181a20); } - check:disabled, - radio:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:checked, - radio:checked { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:checked:hover, - radio:checked:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:checked:active, - radio:checked:active { - box-shadow: inset 0 1px black; - background-image: image(darkmagenta); } - check:checked:disabled, - radio:checked:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate, - radio:indeterminate { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: black; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:indeterminate:hover, - radio:indeterminate:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:indeterminate:active, - radio:indeterminate:active { - box-shadow: inset 0 1px black; - background-image: image(darkmagenta); } - check:indeterminate:disabled, - radio:indeterminate:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - .osd check, .osd radio { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd check:hover, .osd radio:hover { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd check:active, .osd radio:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - - -check { - border-radius: 3px; - -gtk-icon-size: 14px; } - - check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } - - check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; - -gtk-icon-size: 14px; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #ffffff; } - -/************ - * GtkScale * - ************/ -progressbar > trough, scale > trough > fill, scale > trough { - border: 1px solid #1b1d24; - border-radius: 3px; - background-color: #1b1d24; } - headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { - background-color: #0a0a0d; } - progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { - background-color: #242731; - border-color: #17191f; } - row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b000b; } - .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { - border-color: black; - background-color: rgba(0, 0, 0, 0.8); } - .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { - background-color: rgba(68, 72, 83, 0.5); } - -progressbar > trough > progress, scale > trough > highlight { - border: 1px solid #a400a4; - border-radius: 3px; - background-color: #a400a4; } - progressbar > trough > progress:disabled, scale > trough > highlight:disabled { - background-color: transparent; - border-color: transparent; } - row:selected progressbar > trough > progress, row:selected scale > trough > highlight { - border-color: #0b000b; } - .osd progressbar > trough > progress, .osd scale > trough > highlight { - border-color: black; } - .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - scale > trough { - outline: 0 solid transparent; - outline-offset: 16px; } - scale:focus:focus-visible > trough { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: 10px; } - scale > trough { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scale > trough > fill, - scale > trough > highlight { - margin: -1px; } - scale > trough > slider { - min-height: 18px; - min-width: 18px; - margin: -9px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune > trough > slider { - margin: -6px; } - scale.fine-tune > trough > fill, - scale.fine-tune > trough > highlight, - scale.fine-tune > trough { - border-radius: 5px; } - scale > trough > fill:disabled { - border-color: transparent; - background-color: transparent; } - .osd scale > trough > fill { - background-color: #404040; } - .osd scale > trough > fill:disabled { - border-color: transparent; - background-color: transparent; } - scale > trough > slider { - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-width: 1px; - border-style: solid; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale > trough > slider:hover { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - scale > trough > slider:active { - border-color: #0b000b; } - scale > trough > slider:disabled { - color: #888a8d; - border-color: #17191f; - background-image: image(#242731); } - row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { - border-color: #0b000b; } - .osd scale > trough > slider { - color: white; - outline-color: rgba(164, 0, 164, 0.7); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border-color: black; - background-color: #303340; } - .osd scale > trough > slider:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; - background-color: #303340; } - .osd scale > trough > slider:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; - background-color: #303340; } - .osd scale > trough > slider:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - background-color: #303340; } - scale > value { - color: alpha(currentColor,0.55); - font-feature-settings: "tnum"; } - scale.horizontal > marks { - color: alpha(currentColor,0.55); } - scale.horizontal > marks.top { - margin-bottom: 6px; } - scale.horizontal > marks.bottom { - margin-top: 6px; } - scale.horizontal > marks indicator { - background-color: currentColor; - min-height: 6px; - min-width: 1px; } - scale.horizontal > value.left { - margin-right: 9px; } - scale.horizontal > value.right { - margin-left: 9px; } - scale.horizontal.fine-tune > marks.top { - margin-top: 3px; } - scale.horizontal.fine-tune > marks.bottom { - margin-bottom: 3px; } - scale.horizontal.fine-tune > marks indicator { - min-height: 3px; } - scale.vertical > marks { - color: alpha(currentColor,0.55); } - scale.vertical > marks.top { - margin-right: 6px; } - scale.vertical > marks.bottom { - margin-left: 6px; } - scale.vertical > marks indicator { - background-color: currentColor; - min-height: 1px; - min-width: 6px; } - scale.vertical > value.top { - margin-bottom: 9px; } - scale.vertical > value.bottom { - margin-top: 9px; } - scale.vertical.fine-tune > marks.top { - margin-left: 3px; } - scale.vertical.fine-tune > marks.bottom { - margin-right: 3px; } - scale.vertical.fine-tune > marks indicator { - min-height: 3px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.color { - min-height: 0; - min-width: 0; } - scale.color > trough { - background-image: image(#0d0e11); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - scale.color.horizontal > trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) > trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) > trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) > trough { - padding-left: 7px; - background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) > trough > slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) > trough { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) > trough > slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(238, 238, 236, 0.4); - font-feature-settings: "tnum"; } - progressbar.horizontal > trough { - min-width: 150px; } - progressbar.horizontal > trough, progressbar.horizontal > trough > progress { - min-height: 2px; } - progressbar.vertical > trough { - min-height: 80px; } - progressbar.vertical > trough, progressbar.vertical > trough > progress { - min-width: 2px; } - progressbar.horizontal > trough > progress { - margin: 0 -1px; } - progressbar.vertical > trough > progress { - margin: -1px 0; } - progressbar > trough > progress { - /* share most of scales' */ - /* override insensitive that is specific to progress */ - border-radius: 1.5px; } - progressbar > trough > progress:disabled { - background-color: #888a8d; - border-color: #888a8d; } - progressbar > trough > progress.left { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - progressbar > trough > progress.right { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - progressbar > trough > progress.top { - border-top-right-radius: 5px; - border-top-left-radius: 5px; } - progressbar > trough > progress.bottom { - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd > trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd > trough > progress { - border-style: none; - border-radius: 0; } - progressbar > trough.empty > progress { - all: unset; } - -/************* - * Level Bar * - *************/ -levelbar.horizontal trough > block { - min-height: 9px; - border-radius: 5px; } - levelbar.horizontal trough > block:dir(rtl) { - border-radius: 0 5px 5px 0; } - levelbar.horizontal trough > block:dir(ltr) { - border-radius: 5px 0 0 5px; } - levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { - border-radius: 5px; } - -levelbar.horizontal.discrete trough > block { - min-height: 2px; - margin: 1px; - min-width: 24px; - border-radius: 0; } - levelbar.horizontal.discrete trough > block:first-child { - border-radius: 2px 0 0 2px; } - levelbar.horizontal.discrete trough > block:last-child { - border-radius: 0 2px 2px 0; } - -levelbar.vertical trough > block { - min-width: 9px; - border-radius: 5px; } - -levelbar.vertical.discrete > trough > block { - min-width: 2px; - margin: 1px 0; - min-height: 32px; } - -levelbar > trough { - padding: 0; } - -levelbar > trough > block { - border: 1px solid; } - levelbar > trough > block.low { - border-color: #fd7d00; - background-color: #fd7d00; } - levelbar > trough > block.high, levelbar > trough > block:not(.empty) { - border-color: #a400a4; - background-color: #a400a4; } - levelbar > trough > block.full { - border-color: #308e63; - background-color: #308e63; } - levelbar > trough > block.empty { - background-color: #181a20; - border-color: #181a20; } - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: #eeeeec; - background: none; - border: none; - padding: 0; } - window.dialog.print drawing paper { - background: white; - color: #2e3436; - border: 1px solid #0d0e11; } - -window.dialog.print .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid #0d0e11; } - -frame { - border-radius: 7px; } - frame > label { - margin: 4px; } - -actionbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid #0d0e11; } - -scrolledwindow > overshoot.top { - background-image: radial-gradient(farthest-side at top, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 100% 3%, 100% 50%; - background-repeat: no-repeat; - background-position: top; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.bottom { - background-image: radial-gradient(farthest-side at bottom, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 100% 3%, 100% 50%; - background-repeat: no-repeat; - background-position: bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.left { - background-image: radial-gradient(farthest-side at left, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 3% 100%, 50% 100%; - background-repeat: no-repeat; - background-position: left; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.right { - background-image: radial-gradient(farthest-side at right, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); - background-size: 3% 100%, 50% 100%; - background-repeat: no-repeat; - background-position: right; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > junction { - background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to right, transparent 1px, #272a34 1px); } - scrolledwindow > junction:dir(rtl) { - background: #0d0e11, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to left, transparent 1px, #272a34 1px); } - -separator { - background: #181a20; - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -listview, -list { - color: white; - background-color: #272a34; - border-color: #0d0e11; } - listview:backdrop, - list:backdrop { - color: #d4d5d7; - background-color: #292c37; - border-color: #0d0e11; } - listview > row, - list > row { - padding: 2px; } - listview > row.expander, - list > row.expander { - padding: 0px; } - listview > row.expander .row-header, - list > row.expander .row-header { - padding: 2px; } - listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), - list.horizontal row.separator, - list.separators.horizontal > row:not(.separator) { - border-left: 1px solid #4f5159; } - listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), - list:not(.horizontal) row.separator, - list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid #4f5159; } - -row { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - row { - outline: 0 solid transparent; - outline-offset: 4px; } - row:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(238, 238, 236, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #ab18ab; } - row:selected { - outline-color: rgba(255, 255, 255, 0.3); } - -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: #4f5159; } - -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; } - -treeexpander { - border-spacing: 4px; } - -/******************************************************** - * Data Tables * - * treeview like tables with individual focusable cells * - * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * - ********************************************************/ -columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { - outline: 2px solid rgba(164, 0, 164, 0.7); } - -columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #a400a4; } - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: #ffffff; - background-color: #a400a4; } - -/******************************************************* - * Rich Lists * - * Large list usually containing lots of widgets * - * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * - *******************************************************/ -.rich-list { - /* rich lists usually containing other widgets than just labels/text */ } - .rich-list > row { - padding: 8px 12px; - min-height: 32px; - /* should be tall even when only containing a label */ } - .rich-list > row > box { - border-spacing: 12px; } - -/********************* - * App Notifications * - *********************/ -.app-notification { - padding: 10px; - border-spacing: 10px; - border-radius: 0 0 5px 5px; - background-color: #303340; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - background-clip: padding-box; } - .app-notification border { - border: none; } - -/************* - * Expanders * - *************/ -expander { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander:disabled { - color: #888a8d; } - expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -expander-widget { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - expander-widget > box > title { - outline: 0 solid transparent; - outline-offset: 4px; } - expander-widget:focus:focus-visible > box > title { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - expander-widget > box > title { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-radius: 4px; } - expander-widget > box > title:hover > expander { - color: white; } - -.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 { - color: white; - border: 1px solid #0d0e11; } - calendar > header { - border-bottom: 1px solid #0d0e11; } - calendar > header > button { - border: none; - box-shadow: none; - background: none; - border-radius: 0; } - calendar > header > button:backdrop { - background: none; } - calendar > grid > label.today { - box-shadow: inset 0px -2px #0d0e11; } - calendar > grid > label.today:selected { - box-shadow: none; } - calendar > grid > label:focus { - outline-color: rgba(164, 0, 164, 0.7); - outline-offset: -2px; - outline-width: 2px; - outline-style: solid; } - calendar > grid > label.day-number { - padding: 4px; } - calendar > grid > label.day-number:selected { - border-radius: 3px; } - calendar > grid > label.day-number.other-month { - color: alpha(currentColor,0.3); } - -/*********** - * Dialogs * - ***********/ -window.dialog.message .titlebar { - min-height: 20px; - background-image: none; - background-color: #23252e; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; } - -window.dialog.message label.title { - font-weight: 800; - font-size: 15pt; } - -window.dialog.message.csd.background { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - -window.dialog.message.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - window.dialog.message.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 7px; } - window.dialog.message.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 7px; } - -filechooser .dialog-action-box { - border-top: 1px solid #0d0e11; } - -filechooser #pathbarbox { - border-bottom: 1px solid #23252e; } - -filechooserbutton > button > box { - border-spacing: 6px; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - background-color: #252831; } - .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid #0d0e11; - border-left-style: none; } - .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid #0d0e11; - border-right-style: none; } - .sidebar listview.view, - .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 list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: none; } - -stacksidebar row { - padding: 10px 4px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - stacksidebar row { - outline: 0 solid transparent; - outline-offset: 4px; } - stacksidebar row:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - stacksidebar row:selected { - background-color: #3b3e46; - border-radius: 5px; - color: #eeeeec; } - stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { - background-color: #2f3238; } - stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { - box-shadow: none; } - -separator.sidebar { - background-color: #0d0e11; } - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 5px 0; } - .navigation-sidebar > separator { - margin: 5px; } - .navigation-sidebar > row { - min-height: 36px; - padding: 0 8px; - border-radius: 5px; - margin: 0 5px 2px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - .navigation-sidebar > row { - outline: 0 solid transparent; - outline-offset: 4px; } - .navigation-sidebar > row:focus-visible:focus-within { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: -2px; } - .navigation-sidebar > row:hover { - background-color: #2f3238; } - .navigation-sidebar > row:selected { - background-color: #3b3e46; - color: inherit; } - .navigation-sidebar > row:selected:hover { - background-color: #2f3238; } - .navigation-sidebar > row:disabled { - color: #888a8d; } - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - opacity: 0.7; } - -/* this should be more generic, only using .navigation-sidebar - https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 -*/ -placessidebar .navigation-sidebar > row { - padding: 0; } - placessidebar .navigation-sidebar > row > revealer { - padding: 0 14px; } - placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; } - placessidebar .navigation-sidebar > row:selected:active { - box-shadow: none; } - placessidebar .navigation-sidebar > row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#19a187); - background-clip: content-box; } - placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #a400a4; } - placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { - color: #19a187; - box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } - placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #19a187; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } - -placesview > actionbar > revealer > box > box { - 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(#0d0e11); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#a400a4); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #23252e; - background-image: image(#0d0e11), image(#0d0e11); - 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; } - video image.osd { - min-width: 64px; - min-height: 64px; - border-radius: 32px; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 6px 10px; - border-radius: 7px; - box-shadow: none; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); - color: white; } - tooltip > box { - border-spacing: 6px; } - -/***************** - * Color Chooser * - *****************/ -colorswatch { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - colorswatch { - outline: 0 solid transparent; - outline-offset: 6px; } - colorswatch:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 4px; - outline-offset: -2px; } - colorswatch:drop(active), colorswatch { - border-style: none; } - colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - colorswatch.top > overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.bottom > overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - colorswatch.dark > overlay { - color: white; } - colorswatch.dark.activatable:hover > overlay { - border-color: #0d0e11; } - colorswatch.light > overlay { - color: black; } - colorswatch.light.activatable:hover > overlay { - border-color: #0d0e11; } - colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light > overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - colorswatch:drop(active).dark > overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; } - colorswatch > overlay { - border: 1px solid #0d0e11; } - colorswatch.activatable:hover > overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch#add-color-button { - border-radius: 5px 0 0 5px; } - colorswatch#add-color-button:only-child { - border-radius: 5px; } - colorswatch#add-color-button > overlay { - color: #eeeeec; - outline-color: rgba(164, 0, 164, 0.7); - border-color: #0d0e11; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch#add-color-button.activatable:hover > overlay { - color: #eeeeec; - border-color: #0d0e11; - background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - colorswatch:disabled { - opacity: 0.5; } - colorswatch:disabled > overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } - row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } - colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample > overlay { - border-radius: 4.5px; } - -plane { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - plane { - outline: 0 solid transparent; - outline-offset: 6px; } - plane:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.7); - outline-width: 2px; - outline-offset: 2px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #13151a; } - .content-view:hover { - -gtk-icon-filter: brightness(1.2); } - .content-view .tile { - margin: 2px; - background-color: black; - border-radius: 0; - padding: 0; } - .content-view .tile:active, .content-view .tile:selected { - background-color: #a400a4; } - .content-view .tile:disabled { - background-color: #242731; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } - -.scale-popup button:hover { - background-color: rgba(238, 238, 236, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -window { - border-width: 0px; } - window.csd { - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 0px; - border-radius: 7px 7px 0 0; } - window.csd:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); - transition: 200ms ease-out; } - window.csd.popup { - border-radius: 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - window.csd.dialog.message { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } - window.solid-csd { - margin: 0; - padding: 4px; - border: solid 1px #0d0e11; - border-radius: 0; - box-shadow: inset 0 0 0 4px #0d0e11, inset 0 0 0 3px #1c1e25, inset 0 1px rgba(238, 238, 236, 0.07); } - window.solid-csd:backdrop { - box-shadow: inset 0 0 0 4px #0d0e11, inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); } - window.maximized, window.fullscreen { - border-radius: 0; - box-shadow: none; } - window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { - border-radius: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - window:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } - window.popup { - box-shadow: none; } - window.ssd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } - -tooltip.csd { - border-radius: 5px; - box-shadow: none; } - -.view:selected:focus, .view:selected, -textview > text:selected:focus, -textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, -entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, -treeview.view:selected:focus, -treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { - background-color: #a400a4; } - label:selected, .view:selected:focus, .view:selected, - textview > text:selected:focus, - textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, - entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, - treeview.view:selected:focus, - treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { - color: #ffffff; } - label:disabled > selection, label:disabled:selected, .view:disabled:selected, - textview > text:disabled:selected:focus, - textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, - entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, - treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { - color: #d280d2; } - -.monospace { - font-family: monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; - min-width: 20px; - min-height: 24px; - padding-left: 20px; - padding-right: 20px; - padding-top: 24px; - padding-bottom: 24px; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } - -shortcuts-section { - margin: 20px; } - -.shortcuts-search-results { - margin: 20px; - border-spacing: 24px; } - -shortcut { - border-spacing: 6px; } - -shortcut > .keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #eeeeec; - background-color: #272a34; - border: 1px solid; - border-color: #0d0e11; - border-radius: 5px; - box-shadow: inset 0 -3px #17191f; - font-size: smaller; } - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; - caret-color: #19a187; } - -stackswitcher > button.text-button { - min-width: 100px; } - -stackswitcher.circular { - border-spacing: 12px; } - stackswitcher.circular > button.circular, - stackswitcher.circular > button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************* - * App Icons * - *************/ -/* Outline for low res icons */ -.lowres-icon { - -gtk-icon-shadow: 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); } - -/* Drapshadow for large icons */ -.icon-dropshadow { - -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); } - -/********* - * Emoji * - ********/ -popover.emoji-picker > contents { - padding: 0; } - -.emoji-searchbar { - padding: 6px; - border-spacing: 6px; - border-bottom: 1px solid #0d0e11; } - -.emoji-toolbar { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid #0d0e11; } - -button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; - border-radius: 0; - padding: 3px 0 0; - min-width: 32px; - min-height: 28px; - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; } - button.emoji-section:hover { - border-color: rgba(238, 238, 236, 0.1); } - button.emoji-section:checked { - border-color: #a400a4; } - -popover.emoji-picker emoji { - font-size: x-large; - padding: 6px; - border-radius: 6px; } - popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { - background: #a400a4; } - -emoji-completion-row > box { - border-spacing: 10px; - padding: 2px 10px; } - -emoji-completion-row:focus, -emoji-completion-row:hover { - background-color: #a400a4; - color: #ffffff; } - -emoji-completion-row emoji:focus, -emoji-completion-row emoji:hover { - background-color: #3b3e46; } - -popover.entry-completion > contents { - padding: 0; } - -statusbar { - padding: 6px 10px 6px 10px; } - -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"); } - -/*************************** - * Check and Radio buttons * - ***************************/ -row label.subtitle { - font-size: smaller; - opacity: 0.55; - text-shadow: none; } - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 50px; } - row > box.header > box.title { - margin-top: 8px; - margin-bottom: 8px; } - -row.expander { - background-color: transparent; } - row.expander list.nested > row { - background-color: alpha(#23252e, 0.5); - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - border-width: 1px 0px 0px 0px; } - row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); } - row.expander:not(:checked) image.expander-row-arrow { - opacity: 0.55; - text-shadow: none; } - row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(-0.25turn); } - row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(0.25turn); } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #a400a4; } - row.expander image.expander-row-arrow:disabled { - color: #888a8d; } - -flap > dimming, -deck > dimming, -leaflet > dimming { - background: rgba(0, 0, 0, 0.24); } - -flap > border, -deck > border, -leaflet > border { - min-width: 1px; - min-height: 1px; - background: #0d0e11; } - -flap > shadow, -deck > shadow, -leaflet > shadow { - min-width: 56px; - min-height: 56px; } - flap > shadow.left, - deck > shadow.left, - leaflet > shadow.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.right, - deck > shadow.right, - leaflet > shadow.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.up, - deck > shadow.up, - leaflet > shadow.up { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.down, - deck > shadow.down, - leaflet > shadow.down { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); } - -flap > outline, -deck > outline, -leaflet > outline { - min-width: 1px; - min-height: 1px; - background: transparent; } - -avatar { - border-radius: 9999px; - -gtk-outline-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: #fff; } - avatar.image { - background: none; } - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; } - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; } - statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { - margin-bottom: 12px; } - -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, -preferencespage > scrolledwindow > viewport > clamp { - margin: 0 12px; - transition: margin-bottom 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp > list, - preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { - transition: margin-top 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, - preferencespage > scrolledwindow > viewport > clamp.small { - margin-bottom: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.small > list, - preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { - margin-top: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, - preferencespage > scrolledwindow > viewport > clamp.medium { - margin-bottom: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.medium > list, - preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { - margin-top: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, - preferencespage > scrolledwindow > viewport > clamp.large { - margin-bottom: 30px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.large > list, - preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { - margin-top: 30px; } - -preferencesgroup > box > label:not(:first-child) { - margin-top: 6px; } - -preferencesgroup > box > box:not(:first-child) { - margin-top: 12px; } - -tabbar .tab-indicator:not(.clickable) { - background: none; - box-shadow: none; - border-color: transparent; } - -/*************************** - * Check and Radio buttons * - ***************************/ -popover.combo list { - min-width: 200px; } - -window.csd.unified:not(.solid-csd) headerbar { - border-radius: 0; } - -.windowhandle, .windowhandle * { - -GtkWidget-window-dragging: true; } - -popover.combo { - padding: 0px; } - popover.combo list { - border-style: none; - background-color: transparent; } - popover.combo list > row { - padding: 0px 12px 0px 12px; - min-height: 50px; } - popover.combo list > row:not(:last-child) { - border-bottom: 1px solid alpha(#0d0e11, 0.5); } - popover.combo list > row:first-child { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo list > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo overshoot.top { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo overshoot.bottom { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical { - padding-top: 2px; - padding-bottom: 2px; } - popover.combo scrollbar.vertical:dir(ltr) { - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical:dir(rtl) { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; } - -row.expander { - padding: 0px; } - row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; } - row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; } - -keypad .digit { - font-size: 200%; - font-weight: bold; } - -keypad .letters { - font-size: 70%; } - -keypad .symbol { - font-size: 160%; } - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; } - -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; - box-shadow: none; - font-size: 1rem; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; } - viewswitcher button:not(:only-child):not(:last-child) { - border-right-width: 0px; } - viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { - border-left-color: transparent; } - viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { - border-right-color: transparent; } - viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: image(lighter(#23252e)); } - viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(only-child):last-child:not(:checked):hover { - border-right-color: shade(#0d0e11, 1.15); } - viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); } - headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { - border-right-color: #0d0e11; } - headerbar viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#23252e); } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 12px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button > stack > box label.active { - font-weight: bold; } - viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { - animation: none; - background-image: none; } - viewswitcher button.needs-attention > stack > box label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 0px, right 1px; } - viewswitcher button.needs-attention > stack > box label:backdrop { - background-size: 6px 6px, 0 0; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px, left 1px; } - -viewswitcherbar actionbar > revealer > box { - padding: 0; } - -list.content, -list.content list { - background-color: transparent; } - -list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: mix(#23252e, #272a34, 0.5); } - -list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #272a34; } - -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: mix(#eeeeec, #272a34, 0.95); } - -list.content > row, -list.content > row list > row { - border-color: alpha(#0d0e11, 0.7); - border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - -list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - -list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 6px; } - -button.list-button:not(:active):not(:checked):not(:hover) { - background: none; - border: 1px solid alpha(#0d0e11, 0.5); - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); } - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 8px; } - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - color: rgba(238, 238, 236, 0.5); } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { - color: rgba(136, 138, 141, 0.5); } - -tabbar .box { - min-height: 38px; - background: #0f1014; - border-bottom: 1px solid black; } - tabbar .box:backdrop { - background-color: #0f1014; - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned undershoot { - border: 0 solid black; } - -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:backdrop undershoot { - border-color: #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(ltr) { - padding-right: 1px; - box-shadow: inset -1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { - box-shadow: inset -1px 0 #0d0e11; } - -tabbar scrolledwindow.pinned tabbox:dir(rtl) { - padding-left: 1px; - box-shadow: inset 1px 0 black; } - tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { - box-shadow: inset 1px 0 #0d0e11; } - -tabbar undershoot { - transition: none; } - tabbar undershoot.left { - background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - tabbar undershoot.right { - background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } - -tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar tab { - border-style: solid; - border-color: black; - border-width: 0 1px 0 1px; - transition: background 150ms ease-in-out; - background-color: #16171d; } - tabbar tab:checked { - background-color: #23252e; } - tabbar tab:checked:hover { - background-color: #292c37; } - tabbar tab:hover { - background-color: #1c1e25; } - tabbar tab:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - tabbar tab:backdrop:checked { - background-color: #23252e; } - -tabbar .start-action, -tabbar .end-action { - background: #16171d; - border-color: black; - border-style: solid; - transition: background 150ms ease-in-out; } - tabbar .start-action:backdrop, - tabbar .end-action:backdrop { - border-color: #0d0e11; - background-color: #16171d; } - 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(ltr) > *, - tabbar .end-action:dir(rtl) > * { - margin-right: 1px; } - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - border-left-width: 1px; } - tabbar .start-action:dir(rtl) > *, - tabbar .end-action:dir(ltr) > * { - margin-left: 1px; } - -.tab-drag-icon tab { - min-height: 26px; - background-color: #292c37; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(13, 14, 17, 0.9), inset 0 1px rgba(238, 238, 236, 0.07); - margin: 25px; } - -tabbar tab, -.tab-drag-icon tab { - padding: 6px; } - tabbar tab.needs-attention, - .tab-drag-icon tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(164, 0, 164, 0.2) 15%, rgba(164, 0, 164, 0) 15%); } - tabbar tab .tab-close-button, - tabbar tab .tab-indicator, - .tab-drag-icon tab .tab-close-button, - .tab-drag-icon tab .tab-indicator { - padding: 0; - margin: 0; - min-width: 24px; - min-height: 24px; - border-radius: 99px; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - text-shadow: none; - background: none; } - tabbar tab .tab-close-button:hover, - tabbar tab .tab-indicator.clickable:hover, - .tab-drag-icon tab .tab-close-button:hover, - .tab-drag-icon tab .tab-indicator.clickable:hover { - background: alpha(#eeeeec, 0.15); } - tabbar tab .tab-close-button:active, - tabbar tab .tab-indicator.clickable:active, - .tab-drag-icon tab .tab-close-button:active, - .tab-drag-icon tab .tab-indicator.clickable:active { - background: alpha(black, 0.2); } - -/********** - * Button * - **********/ -windowcontrols button, notebook > header > tabs > arrow, -button { - padding: 2px 6px; } - -.titlebar:not(headerbar) stackswitcher button:checked:checked, -.titlebar:not(headerbar) button.toggle:active, -.titlebar:not(headerbar) button.toggle:checked, -headerbar stackswitcher button:checked:checked, -headerbar button.toggle:active, -headerbar button.toggle:checked, -button.flat:not(.link):hover, -button:active, -button:checked { - background: #1b1d24; - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - .titlebar:not(headerbar) stackswitcher button:backdrop:checked, - .titlebar:not(headerbar) button.toggle:backdrop:active, - .titlebar:not(headerbar) button.toggle:backdrop:checked, - headerbar stackswitcher button:backdrop:checked, - headerbar button.toggle:backdrop:active, - headerbar button.toggle:backdrop:checked, - button.flat:backdrop:not(.link):hover, - button:active:backdrop, - button:checked:backdrop { - box-shadow: none; } - - -button:disabled { - box-shadow: none; } - - -button.flat:not(.link):hover { - transition: none; } - - -button.flat:not(.link):backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - -button.image-button { - padding-left: 2px; - padding-right: 2px; } - - -button.circular { - min-height: 24px; - min-width: 24px; - padding: 2px; } - -/********** - * Entry * - **********/ -spinbutton:not(.vertical), spinbutton.vertical > text, -entry { - min-height: 28px; } - -spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled), -entry:not(:disabled) { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - background: #1b1d24; } - -spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, -entry:backdrop { - box-shadow: none; - border-color: #0d0e11; } - -headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text, -headerbar entry { - background: #272a34; } - -/********** - * Switch * - **********/ -switch { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - switch:checked { - border-right-width: 0; - margin-right: 1px; - box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); } - switch:checked, switch:checked:backdrop { - border-color: rgba(0, 0, 0, 0.2); } - switch:checked slider { - border-color: #0d0e11; } - switch:checked slider:backdrop:not(:disabled) { - border-color: #0d0e11; } - switch:backdrop, switch:disabled { - box-shadow: none; - border-color: #0d0e11; } - switch:backdrop slider, switch:disabled slider { - border-color: #0d0e11; } - -/************************* - * Check and Radio items * - *************************/ -check, -radio { - background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%); - border-color: black; } - check, check:active, - radio, - radio:active { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); } - check:checked, check:indeterminate, - radio:checked, - radio:indeterminate { - background-image: linear-gradient(to bottom, #a400a4 20%, #9a009a 90%); - border-color: #0b000b; - color: #ffffff; } - check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, - radio:checked, - radio:checked:active, - radio:indeterminate, - radio:indeterminate:active { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); } - check:checked:backdrop, check:indeterminate:backdrop, - radio:checked:backdrop, - radio:indeterminate:backdrop { - background-image: image(#a400a4); - box-shadow: none; } - check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, - radio:disabled, - radio:disabled:checked, - radio:disabled:indeterminate, - radio:disabled:backdrop, - radio:disabled:backdrop:checked, - radio:disabled:backdrop:indeterminate { - border-color: #0d0e11; - background-image: image(#23252e); - color: #eeeeec; } - -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - -radio:active, -check:active { - -gtk-icon-transform: scale(0, 1); } - -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), -check:checked:not(:backdrop), -check:indeterminate:not(:backdrop) { - -gtk-icon-transform: unset; - transition: 400ms; } - -/************ - * GtkScale * - ************/ -switch slider, -scale slider { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - border-color: black; } - switch:hover slider, switch slider:active, - scale slider:active { - background-image: image(#0f1014); - border-color: #a400a4; } - switch slider:backdrop, switch slider:disabled, - scale slider:backdrop, - scale slider:disabled { - border-color: #0d0e11; - background-image: image(#23252e); - box-shadow: none; } - -/***************** - * Title buttons * - *****************/ -windowcontrols { - margin: 0 5px; } - windowcontrols.end { - margin-left: 11px; } - windowcontrols.right { - margin-right: 11px; } - windowcontrols button { - color: transparent; - background: #383d4b; - margin: 0; - padding: 0; - min-width: 0; - min-height: 0; - border: 1px solid black; - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-shadow: none; - transition: all .2s; } - windowcontrols button:hover { - color: #eeeeec; - background: #383d4b; - border-color: transparent; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); } - windowcontrols button.close { - color: black; - background: #a400a4; - border-color: transparent; } - windowcontrols button.close:hover { - color: white; - background: #ad1aad; } - windowcontrols button:backdrop, windowcontrols button:backdrop:hover { - color: transparent; - background: transparent; - box-shadow: none; - border-color: #0d0e11; - background: rgba(0, 0, 0, 0.3); } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - min-height: 40px; - border-color: black; - background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); - box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75); - background-repeat: no-repeat; - background-position: left; } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); - background-repeat: no-repeat; - background-position: left; - box-shadow: none; } - .dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop { - background: #23252e; - border: 0; - box-shadow: none; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button { - margin-top: 5px; - margin-bottom: 5px; } - -headerbar switch { - margin-top: 7px; - margin-bottom: 7px; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-top-color: #0d0e11; } - treeview.view:backdrop { - border-top-color: #0d0e11; } - treeview.view header button { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - margin-left: -1px; } - treeview.view header button:hover, treeview.view header button:active { - border-color: #0d0e11; } - treeview.view header button:backdrop { - box-shadow: none; } - -/************* - * Notebooks * - *************/ -notebook > header { - border: 0; - padding: 0; - background-color: #1b1d24; } - notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { - margin: 0; } - notebook > header.top > tabs > tab, - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, - notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, - notebook > header.right > tabs > tab.reorderable-page { - padding: 3px 12px; - border: 1px solid transparent; - margin: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header.top > tabs > tab:hover, - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, - notebook > header.right > tabs > tab.reorderable-page:hover { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: linear-gradient(to top, #20232b, #252831 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); - transition-duration: 50ms; } - notebook > header.top > tabs > tab:hover:backdrop, - notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop, - notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop, - notebook > header.right > tabs > tab.reorderable-page:hover:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header.top > tabs > tab:checked, - notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, - notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, - notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, - notebook > header.right > tabs > tab.reorderable-page:checked { - color: #eeeeec; - outline-color: rgba(238, 238, 236, 0.3); - border-color: #0d0e11; - border-bottom-color: black; - background-image: image(#323643); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } - notebook > header.top > tabs > tab:checked:backdrop, - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - color: #888a8d; - border-color: #0d0e11; - background-image: image(#23252e); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - notebook > header.top > tabs > tab:backdrop, - notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop, - notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop, - notebook > header.right > tabs > tab.reorderable-page:backdrop { - color: #888a8d; } - notebook > header.top { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.bottom { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header > tabs > tab { - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 24px; } - notebook > header > tabs > tab button.flat { - margin-top: 1px; - margin-bottom: 1px; } - -/************** - * Scrollbars * - **************/ -scrollbar > range > trough > slider { - min-width: 6px; - min-height: 6px; } - -scrollbar > range.fine-tune > trough > slider { - min-width: 3px; - min-height: 3px; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 0 10px; - margin: 5px; - border-radius: 7px; - border: 1px solid rgba(13, 14, 17, 0.65); - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); - background-image: none; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - box-shadow: none; } - -/********************** - * Window Decorations * - *********************/ -window.csd { - border-radius: 8px 8px 5px 5px; - border: 1px solid #272a34; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); } - window.csd:backdrop { - box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); } - window.csd.dialog.message, window.csd.popup { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65); - border-width: 0; } - -window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { - border-width: 0; } - -window.popup { - border-width: 0; } - -window.ssd { - box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75); - border-width: 0; } - -tooltip.csd { - border: 0; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #eeeeec; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #23252e; -/* -text widgets and the like base background color */ -@define-color theme_base_color #272a34; -/* -base background color of selections */ -@define-color theme_selected_bg_color #a400a4; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #242731; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #888a8d; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #272a34; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #888a8d; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #23252e; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #292c37; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #a400a4; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #43495a; -/* -widgets main borders color */ -@define-color borders #0d0e11; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #0d0e11; -/* -these are pretty self explicative */ -@define-color warning_color #fd7d00; -@define-color error_color #bf1717; -@define-color success_color #308e63; -/* -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 shade(#eeeeec, 1.8); -@define-color wm_unfocused_title #888a8d; -@define-color wm_highlight rgba(0, 0, 0, 0); -@define-color wm_borders_edge rgba(238, 238, 236, 0.07); -@define-color wm_bg_a shade(#23252e, 1.2); -@define-color wm_bg_b #23252e; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#23252e, 1.3); -@define-color wm_button_hover_color_b #23252e; -@define-color wm_button_active_color_a shade(#23252e, 0.85); -@define-color wm_button_active_color_b shade(#23252e, 0.89); -@define-color wm_button_active_color_c shade(#23252e, 0.9); -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #272a34; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1a1c23; -.open-document-selector-treeview:hover { - background-color: alpha(@theme_fg_color, 0.05); -} - -.open-document-selector-treeview:selected:hover { - background-color: @theme_selected_bg_color; -} - -/* Only normal state is handle */ -.open-document-selector-name-label { - color: @theme_fg_color; -} - -/* Only normal state is handle */ -.open-document-selector-path-label { - color: @theme_unfocused_fg_color; - font-size: smaller; -} - -/* Only normal state is handle */ -.open-document-selector-match { - color: shade (@theme_fg_color, 0.6); - background-color: alpha(@warning_color, 0.4); -} - -.gedit-document-panel { - background-color: @sidebar_bg; -} - -.gedit-document-panel:backdrop { - color: #b0b2b2; -} - -.gedit-document-panel row:selected:backdrop { - background-color: #8b8e8f; -} - -.gedit-document-panel-group-row, -.gedit-document-panel-group-row:hover { - border-top: 1px solid alpha(currentColor, 0.3); -} - -.gedit-document-panel-group-row:first-child, -.gedit-document-panel-group-row:first-child:hover { - border-top: 0px; -} - -/* Try to look as the notebook tab close button */ -.gedit-document-panel row button.flat { - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - min-width: 18px; - min-height: 18px; - color: alpha(currentColor,0.3); -} - -.gedit-document-panel row:hover button.flat { - color: alpha(currentColor,0.5); -} - -.gedit-document-panel row button.flat:hover { - color: @theme_fg_color; -} - -statusbar { - border-top: 1px solid @borders; -} - -.gedit-search-slider { - background-color: @theme_base_color; - padding: 6px; - border-color: @borders; - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - background-color: @theme_base_color; - background-image: none; - color: shade (@theme_unfocused_fg_color, 0.8); - border: 0px; - margin: 2px; - padding: 2px; -} -.nautilus-window, -.nautilus-window notebook, -.nautilus-window notebook > stack { - background: @theme_base_color; -} - -.nautilus-empty-state-icon { - opacity: 0.50; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.nautilus-canvas-item.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.nautilus-canvas-item.dim-label { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); -} - -.nautilus-canvas-item.dim-label:selected { - color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); -} - -/* Toolbar */ - -/* Here we use the .button background-image colors from Adwaita, but ligthen them, - * since is not possible to use lighten () in common css. */ -@keyframes needs_attention_keyframes { - 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } - /* can't do animation-direction, so holding the color on two keyframes */ - 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -/* Remove white background and highlight on hover which GTK adds by default - * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ -.operations-list, -.operations-list > :hover { - background: none; -} - -.disclosure-button { - padding-left: 4px; - padding-right: 4px; -} - -/* Path bar */ - -.nautilus-path-bar scrolledwindow { - border-radius: 5px 0px 0px 5px; - border: 1px @borders solid; - border-right-width: 0px; - background-color: @theme_bg_color; -} -.nautilus-path-bar scrolledwindow undershoot.left { - border-radius: 5px 0px 0px 5px; - background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} -.nautilus-path-bar scrolledwindow undershoot.right { - background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} - -.nautilus-path-bar > button, -.path-buttons-box button { - margin: 0px; -} - -.path-buttons-box button { - background-image: none; - box-shadow: none; - border-radius: 5px; - border-width: 0px; - -gtk-icon-shadow: none; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover { - background: alpha(@theme_fg_color, 0.15); - box-shadow: inset 0 0 0 2px @theme_bg_color; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover * { - opacity: 1; -} - -/* Make the tags fit into the box */ -entry.search > * { - margin: 5px; -} - -/* Sidebar */ - -.nautilus-window .sidebar-row:selected { - background: mix(@theme_bg_color, @theme_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected, -.nautilus-window .sidebar-row:selected image, -.nautilus-window .sidebar-row:selected label { - color: mix(@theme_fg_color, @theme_text_color, 0.5); -} - -.nautilus-window .sidebar-row:selected:backdrop { - background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected:backdrop, -.nautilus-window .sidebar-row:selected:backdrop label { - color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); -} - -/* Floating status bar */ -.floating-bar { - padding: 1px; - background-color: @theme_base_color; - border-width: 1px; - border-style: solid solid none; - border-color: @borders; - border-radius: 8px 8px 0 0; -} - -.floating-bar.bottom.left { /* axes left border and border radius */ - border-left-style: none; - border-top-left-radius: 0; -} -.floating-bar.bottom.right { /* axes right border and border radius */ - border-right-style: none; - border-top-right-radius: 0; -} - -.floating-bar:backdrop { - background-color: @theme_unfocused_base_color; - border-color: @unfocused_borders; -} - -.floating-bar button { - padding: 0px; -} - -@define-color disk_space_unknown #888a85; -@define-color disk_space_used #729fcf; -@define-color disk_space_free #eeeeec; - -.disk-space-display { - border-style: solid; - border-width: 2px; -} - -.disk-space-display.unknown { - background-color: @disk_space_unknown; - border-color: shade(@disk_space_unknown, 0.7); - color: @disk_space_unknown; -} -.disk-space-display.unknown.border { - color: shade(@disk_space_unknown, 0.7); -} - -.disk-space-display.used { - background-color: @disk_space_used; - border-color: shade(@disk_space_used, 0.7); - color: @disk_space_used; -} -.disk-space-display.used.border { - color: shade(@disk_space_used, 0.7); -} - -.disk-space-display.free { - background-color: @disk_space_free; - border-color: shade(@disk_space_free, 0.7); - color: @disk_space_free; -} -.disk-space-display.free.border { - color: shade(@disk_space_free, 0.7); -} - -/* As a workaround for GtkTreeView showing thick border above first row when - * horizontal grid lines are enabled, we add them using CSS instead. Exclude the - * drop targets to let through the default feedback style. */ -.nautilus-list-view .view:not(:drop(active)) { - border-bottom: 1px solid @theme_bg_color; -} - -.nautilus-list-view.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.search-information { - background-color: @theme_selected_bg_color; - color:white; - padding:2px; -} - -@define-color conflict_bg #fef6b6; - -.conflict-row { - background: @conflict_bg; - color: black; -} - -.conflict-row:hover { - background-color: shade(@conflict_bg, 0.9); -} - -.conflict-row:selected { - background: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* Icon view */ -flowbox { - padding: 18px -} - -flowboxchild { - padding: 0px; -} - -flowboxchild:selected { - background-color:transparent; - outline-color: transparent; -} - -flowboxchild .thumbnail { - margin: 4px; - box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), - 0px 0px 0px 1px alpha(@borders, 0.5), - 0px 2px 0px 0px alpha(@borders, 0.5); - border-radius: 2px; -} - -.icon-ui-labels-box { - padding: 2px 4px; - border-radius: 4px; -} - -flowboxchild:selected .icon-ui-labels-box { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; -} - -flowboxchild:selected image { - -gtk-icon-effect: dim; /* GTK 3 only */ - /* GTK 4 TODO: Replace previous line with the following one: - -gtk-icon-filter: opacity(0.5); - */ - -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; -} diff --git a/share/themes/Kali-Purple-Light/gtk-4.0/gtk.css b/share/themes/Kali-Purple-Light/gtk-4.0/gtk.css deleted file mode 100644 index e6d8c27e..00000000 --- a/share/themes/Kali-Purple-Light/gtk-4.0/gtk.css +++ /dev/null @@ -1,5276 +0,0 @@ -/*************************** - * Check and Radio buttons * - ***************************/ -/*************** - * Base States * - ***************/ -.background { - color: #5c616c; - background-color: #ffffff; } - .background:backdrop { - text-shadow: none; - -gtk-icon-shadow: none; } - -dnd { - color: #5c616c; } - -.normal-icons { - -gtk-icon-size: 16px; } - -.large-icons { - -gtk-icon-size: 32px; } - -image:disabled { - -gtk-icon-filter: opacity(0.5); } - -.view, iconview, -textview > text { - color: black; - background-color: #fafafa; } - .view:disabled, iconview:disabled, - textview > text:disabled { - color: #9da0a7; - background-color: #fdfdfd; } - .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, - textview > text:selected:focus, - textview > text:selected { - border-radius: 3px; } - -textview:drop(active) { - caret-color: #19a187; } - -textview > border { - background-color: #fcfcfc; } - -iconview { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - iconview { - outline: 0 solid transparent; - outline-offset: 4px; } - iconview:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - iconview:drop(active) { - box-shadow: none; } - iconview > dndtarget:drop(active) { - border-style: solid; - border-width: 1px; - border-color: #580058; } - -rubberband, .content-view > rubberband, columnview.view > rubberband, -treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #710071; - background-color: rgba(113, 0, 113, 0.2); } - -flowbox > flowboxchild { - padding: 3px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - flowbox > flowboxchild { - outline: 0 solid transparent; - outline-offset: 4px; } - flowbox > flowboxchild:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - flowbox > flowboxchild:selected { - outline-color: rgba(255, 255, 255, 0.8); } - -gridview > child { - padding: 3px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - gridview > child { - outline: 0 solid transparent; - outline-offset: 4px; } - gridview > child:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - gridview > child:selected { - outline-color: rgba(255, 255, 255, 0.8); } - gridview > child box { - border-spacing: 8px; - margin: 12px; } - -coverflow cover { - color: black; - background-color: #fafafa; - border: 1px solid black; } - -label { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - label { - outline: 0 solid transparent; - outline-offset: 4px; } - label:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - label > selection { - background-color: #a400a4; - color: #ffffff; } - label:disabled { - color: #9da0a7; } - button label:disabled { - color: inherit; } - label.error { - color: #bf1717; } - label.error:disabled { - color: rgba(191, 23, 23, 0.5); } - -.dim-label, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, -entry > text > placeholder, label.separator { - opacity: 0.55; - text-shadow: none; } - -window.assistant .sidebar { - padding: 5px; - border-top: 1px solid #d9d9d9; } - -window.assistant.csd .sidebar { - border-top-style: none; } - -window.assistant .sidebar > label { - padding: 6px 12px; } - -window.assistant .sidebar > label.highlight { - background-color: #eaebec; - border-radius: 5px; } - -window.aboutdialog image.large-icons { - -gtk-icon-size: 128px; } - -.osd .scale-popup, .app-notification, .osd popover.background > arrow, -.osd popover.background > contents, popover.background.touch-selection > arrow, -popover.background.touch-selection > contents, popover.background.magnifier > arrow, -popover.background.magnifier > contents, -.osd { - color: white; - border: none; - background-color: #303340; - background-clip: padding-box; - -gtk-icon-shadow: 0 1px black; } - -/********************* - * 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; } - -/********************** - * General Typography * - **********************/ -.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-heading { - font-weight: 700; - font-size: 9pt; } - -.caption { - font-weight: 400; - font-size: 9pt; } - -/**************** - * Text Entries * - ****************/ -spinbutton.vertical > text, spinbutton:not(.vertical), -entry { - min-height: 32px; - padding-left: 8px; - padding-right: 8px; - border: 1px solid; - border-radius: 4px; - border-spacing: 6px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: black; - border-color: #d9d9d9; - background-color: #fafafa; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text, spinbutton:not(.vertical), - entry { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), - entry:focus-within { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, - entry > image.left { - margin-right: 6px; } - spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, - entry > image.right { - margin-left: 6px; } - spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, - entry > text > block-cursor { - color: #fafafa; - background-color: black; } - spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), - entry.flat:focus-within, - entry.flat:backdrop, - entry.flat:disabled, - entry.flat { - min-height: 0; - padding: 2px; - background-color: transparent; - border-color: transparent; - border-radius: 0; } - spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, - entry:focus-within > placeholder { - opacity: 0; - /* We hide placeholders on focus */ } - spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), - entry:disabled { - color: #9da0a7; - border-color: #d9d9d9; - background-color: #fdfdfd; } - spinbutton.vertical > text.error, spinbutton.error:not(.vertical), - entry.error { - color: #bf1717; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text.error, spinbutton.error:not(.vertical), - entry.error { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), - entry.error:focus-within { - outline-color: rgba(191, 23, 23, 0.5); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, - entry.error > selection { - background-color: #bf1717; } - spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), - entry.warning { - color: #fd7d00; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), - entry.warning { - outline: 0 solid transparent; - outline-offset: 4px; } - spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), - entry.warning:focus-within { - outline-color: rgba(253, 125, 0, 0.5); - outline-width: 2px; - outline-offset: -2px; } - spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, - entry.warning > selection { - background-color: #fd7d00; } - spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, - entry > image { - color: #7c8088; } - spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, - entry > image:hover { - color: #5c616c; } - spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, - entry > image:active { - color: #a400a4; } - spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, - entry.password image.caps-lock-indicator { - color: #bdbec3; } - spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), - entry:drop(active):focus-within, - entry:drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { - color: white; - border-color: black; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { - color: white; - border-color: #a400a4; - background-color: rgba(0, 0, 0, 0.5); - background-clip: padding-box; } - .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { - color: #97999f; - border-color: black; - background-color: rgba(68, 72, 83, 0.5); - background-clip: padding-box; } - -spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, -entry > progress { - margin-bottom: 2px; } - -spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, -entry progress > trough > progress { - background-color: transparent; - background-image: none; - border-radius: 0; - border-width: 0 0 2px; - border-color: #a400a4; - border-style: solid; - box-shadow: none; } - -spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { - border-left-color: #19a187; } - -spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: #f0f0f0; } - -spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: #f0f0f0; } - -spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > entry + entry:drop(active):not(:only-child) { - border-top-color: #19a187; } - -spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), -spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, -spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), -.linked.vertical > entry:drop(active):not(:only-child) + entry, -.linked.vertical > entry:drop(active):not(:only-child) + button, -.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, -.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, -.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-top-color: #19a187; } - -spinbutton.vertical > text.error, spinbutton.error:not(.vertical), -entry.error { - color: #bf1717; } - -treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { - background-color: #fafafa; - transition-property: color, background; } - -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #fafafa; } - treeview entry.flat:focus-within, treeview entry:focus-within { - border-color: #a400a4; } - -/******************* - * Editable Labels * - *******************/ -editablelabel > stack > text { - color: black; - border-color: #d9d9d9; - background-color: #fafafa; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: radial-gradient(farthest-side, #a400a4 0%, rgba(164, 0, 164, 0) 0%); } - to { - background-image: radial-gradient(farthest-side, #a400a4 95%, rgba(164, 0, 164, 0)); } } - -notebook > header > tabs > arrow, windowcontrols button, -button { - min-height: 24px; - min-width: 16px; - padding: 4px 9px; - border: 1px solid; - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #5c616c; - outline-color: rgba(164, 0, 164, 0.5); - border-color: #d9d9d9; - background-image: image(white); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - notebook > header > tabs > arrow, windowcontrols button, - button { - outline: 0 solid transparent; - outline-offset: 4px; } - notebook > header > tabs > arrow:focus:focus-visible, - button:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - notebook > header > tabs > arrow:hover, - button:hover { - color: #5c616c; - border-color: #d9d9d9; - background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - -gtk-icon-filter: brightness(1.2); } - notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button.keyboard-activating, - button:active, - button:checked { - color: #5c616c; - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: none; - transition-duration: 50ms; } - notebook > header > tabs > arrow:checked:hover, - button:checked:hover { - color: #5c616c; - border-color: #d9d9d9; - background-image: image(#d1d1d1); - box-shadow: none; } - notebook > header > tabs > arrow:checked:active, - button:checked:active { - color: #5c616c; - border-color: #d9d9d9; - background-image: image(#c7c7c7); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop, - button:backdrop.flat, - button:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - box-shadow: none; - transition: 200ms ease-out; } - notebook > header > tabs > arrow:backdrop:not(:disabled), - button:backdrop.flat:not(:disabled), - button:backdrop:not(:disabled) { - -gtk-icon-filter: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - box-shadow: none; } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); - -gtk-icon-filter: opacity(0.5); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#eaeaea); - box-shadow: none; } - button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat, - button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - transition: none; } - button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, - button.flat:hover { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #dbdbdb; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, - button.flat.keyboard-activating, - button.flat:active, - button.flat:checked { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #cccccc; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, - button.flat:backdrop, - button.flat:disabled, - button.flat:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - notebook > header > tabs > arrow.image-button, - button.image-button { - min-width: 24px; - padding-left: 5px; - padding-right: 5px; } - notebook > header > tabs > arrow.text-button, - button.text-button { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button, - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button label, - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } - dropdown:drop(active) button.combo, - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), - button:drop(active) { - color: #19a187; - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; } - -row:selected button { - border-color: #580058; } - -row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #ffffff; - border-color: transparent; } - row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #f7f7f7; } - - -button.osd { - min-width: 26px; - min-height: 32px; - color: white; - border-radius: 5px; - color: white; - outline-color: rgba(164, 0, 164, 0.5); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border: none; - box-shadow: none; } - - button.osd.image-button { - min-width: 30px; } - - button.osd.image-button:only-child { - margin: 4px; - border-radius: 50%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } - - button.osd:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; - border: none; - box-shadow: none; } - - button.osd:active, - button.osd:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; - border: none; - box-shadow: none; } - -.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { - color: white; - outline-color: rgba(164, 0, 164, 0.5); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - background-image: none; - border-color: transparent; - box-shadow: none; } - .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - - -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.8); - border-color: #3e003e; - background-image: image(#be00be); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - - button.suggested-action { - outline: 0 solid transparent; - outline-offset: 4px; } - - button.suggested-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.8); - outline-width: 2px; - outline-offset: -2px; } - - button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #a400a4; } - - button.suggested-action:hover { - color: white; - border-color: #580058; - background-image: linear-gradient(to top, #520052, #7b007b 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - - button.suggested-action:active, - button.suggested-action:checked { - color: white; - border-color: #580058; - background-image: image(#5d005d); - box-shadow: none; } - - button.suggested-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(164, 0, 164, 0.8); } - - button.suggested-action:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #d2a5d2; - border-color: #580058; - background-image: image(#8f1e8f); - box-shadow: none; } - .osd button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.8); - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.5)); - background-clip: padding-box; } - .osd button.suggested-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(164, 0, 164, 0.7)); - background-clip: padding-box; } - .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#a400a4); - background-clip: padding-box; - box-shadow: none; } - .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - - -button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.8); - border-color: #790e0e; - background-image: image(#e52222); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(144, 17, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - - button.destructive-action { - outline: 0 solid transparent; - outline-offset: 4px; } - - button.destructive-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.8); - outline-width: 2px; - outline-offset: -2px; } - - button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #d41919; } - - button.destructive-action:hover { - color: white; - border-color: #901111; - background-image: linear-gradient(to top, #8b1010, #b01515 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(144, 17, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - - button.destructive-action:active, - button.destructive-action:checked { - color: white; - border-color: #901111; - background-image: image(#941111); - box-shadow: none; } - - button.destructive-action.flat:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(212, 25, 25, 0.8); } - - button.destructive-action:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #e8a8a8; - border-color: #901111; - background-image: image(#c72626); - box-shadow: none; } - .osd button.destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.8); - border-color: black; - background-color: transparent; - background-image: image(rgba(212, 25, 25, 0.5)); - background-clip: padding-box; } - .osd button.destructive-action:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(rgba(212, 25, 25, 0.7)); - background-clip: padding-box; } - .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#d41919); - background-clip: padding-box; - box-shadow: none; } - .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - -stackswitcher > button > label { - padding: 0 6px; - margin: 0 -6px; } - -stackswitcher > button > image { - padding: 3px 6px; - margin: -3px -6px; } - - -button.font separator { - background-color: transparent; } - - -button.font > box { - border-spacing: 6px; } - - -button.font > box > box > label { - font-weight: bold; } - -menubutton.circular button, -button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; - border-radius: 9999px; } - menubutton.circular button label, - button.circular label { - padding: 0; } - -stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, -stackswitcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: radial-gradient(farthest-side, #a400a4 96%, rgba(164, 0, 164, 0)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, - stackswitcher > button.needs-attention > image:backdrop { - background-size: 6px 6px, 0 0; } - 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, left 4px; } - -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), -combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, -.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, -.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), -combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, -.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { - border-right-style: none; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - -.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, -.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, -.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, -.linked.vertical > dropdown:not(:first-child) > button, -.linked.vertical > colorbutton:not(:first-child) > button, -.linked.vertical > fontbutton:not(:first-child) > button, -.linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, -.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, -.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, -.linked.vertical > dropdown:not(:last-child) > button, -.linked.vertical > colorbutton:not(:last-child) > button, -.linked.vertical > fontbutton:not(:last-child) > button, -.linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - -.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, -list > row button.image-button:not(.flat), .toolbar button, modelbutton.flat { - background-color: transparent; - background-image: none; - border-color: transparent; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - -/* menu buttons */ -modelbutton.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 4px; } - modelbutton.flat:hover { - background-color: #eaebec; } - modelbutton.flat:disabled { - color: #9da0a7; } - -modelbutton.flat arrow { - background: none; - min-width: 16px; - min-height: 16px; - opacity: 0.3; } - modelbutton.flat arrow:hover { - background: none; } - modelbutton.flat arrow.left { - -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } - modelbutton.flat arrow.right { - -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } - -/* oldstyle toolbar buttons */ -.toolbar button { - margin: 1px; } - .toolbar button:hover { - color: #5c616c; - border-color: #d9d9d9; - background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - .toolbar button:active { - color: #5c616c; - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: none; } - .toolbar button:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); } - .toolbar button:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - box-shadow: none; } - .toolbar button:backdrop:disabled { - color: #d9d9d9; - border-color: #d9d9d9; - background-image: image(#fdfdfd); - box-shadow: none; } - -button.color { - padding: 4px; } - button.color > colorswatch:only-child { - box-shadow: 0 1px rgba(0, 0, 0, 0.1); } - button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { - border-radius: 0; } - .osd button.color > colorswatch:only-child { - box-shadow: none; } - .osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { - box-shadow: none; } - -/* list buttons */ -/* tone down as per new designs, see issue #1473 */ -popover.menu box.circular-buttons button.circular.image-button.model, -list > row button.image-button:not(.flat) { - border: 1px solid rgba(217, 217, 217, 0.5); } - popover.menu box.circular-buttons button.circular.image-button.model:hover, - list > row button.image-button:not(.flat):hover { - color: #5c616c; - border-color: #d9d9d9; - background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, - list > row button.image-button:not(.flat):active, - list > row button.image-button:not(.flat):checked { - color: #5c616c; - border-color: #d9d9d9; - background-image: image(#dbdbdb); - box-shadow: none; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, - list > row button.image-button:not(.flat).suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.8); - border-color: #3e003e; - background-image: image(#be00be); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(88, 0, 88, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, - list > row button.image-button:not(.flat).suggested-action { - outline: 0 solid transparent; - outline-offset: 4px; } - popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, - list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.8); - outline-width: 2px; - outline-offset: -2px; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, - list > row button.image-button:not(.flat).destructive-action { - color: white; - outline-color: rgba(255, 255, 255, 0.8); - border-color: #790e0e; - background-image: image(#e52222); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(144, 17, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, - list > row button.image-button:not(.flat).destructive-action { - outline: 0 solid transparent; - outline-offset: 4px; } - popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, - list > row button.image-button:not(.flat).destructive-action:focus:focus-visible { - outline-color: rgba(255, 255, 255, 0.8); - outline-width: 2px; - outline-offset: -2px; } - -/********* - * Links * - *********/ -button.link, -link { - color: #710071; - text-decoration: underline; } - button.link:visited, - link:visited { - color: #3e003e; } - *:selected button.link:visited, *:selected link:visited { - color: #b299b2; } - button.link:hover, - link:hover { - color: #a400a4; } - *:selected button.link:hover, *:selected link:hover { - color: #f6e6f6; } - button.link:active, - link:active { - color: #710071; } - *:selected button.link:active, *:selected link:active { - color: #e3cce3; } - button.link:disabled, - link:disabled { - color: rgba(57, 57, 57, 0.8); } - button.link:selected, *:selected button.link, - link:selected, *:selected link { - color: #e3cce3; } - -link { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - link { - outline: 0 solid transparent; - outline-offset: 4px; } - link:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - -button.link, button.link:hover, button.link:active, button.link:checked { - text-shadow: none; } - -button.link > label { - text-decoration: underline; } - -/***************** - * GtkSpinButton * - *****************/ -spinbutton { - font-feature-settings: "tnum"; } - spinbutton:not(.vertical) { - padding: 0; - border-spacing: 0; - /* :not here just to bump specificity above that of the list button styling */ } - .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { - min-width: 28px; - margin: 0; - background: none; - background-color: transparent; - border: none; - border-radius: 0; - box-shadow: none; - padding: 6px; } - .osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { - background-color: transparent; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat), - spinbutton:not(.vertical) > button.image-button.down:not(.flat) { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #6c707a; - background-image: none; - border-style: none none none solid; - border-color: rgba(217, 217, 217, 0.3); - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { - color: #5c616c; - background-color: #f2f2f2; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { - color: rgba(157, 160, 167, 0.3); - background-color: transparent; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { - background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, - spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.7); - border-radius: 0; - box-shadow: none; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { - border-style: none solid none none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - border-color: rgba(0, 0, 0, 0.5); - background-color: #1a1c23; - -gtk-icon-shadow: 0 1px black; - box-shadow: none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #97999f; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { - border-radius: 0 4px 4px 0; } - .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, - .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { - border-radius: 4px 0 0 4px; } - spinbutton.vertical:disabled { - color: #9da0a7; } - spinbutton.vertical:drop(active) { - border-color: transparent; - box-shadow: none; } - spinbutton.vertical > text { - min-height: 32px; - min-width: 32px; - padding: 0; - border-radius: 0; } - spinbutton.vertical > text > block-cursor { - color: #fafafa; - background-color: black; } - spinbutton.vertical > button { - min-height: 32px; - min-width: 32px; - padding: 0; } - spinbutton.vertical > button.up { - border-bottom-style: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - spinbutton.vertical > button.down { - border-top-style: none; - border-top-left-radius: 0; - border-top-right-radius: 0; } - .osd spinbutton.vertical > button:first-child { - color: white; - outline-color: rgba(164, 0, 164, 0.5); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd spinbutton.vertical > button:first-child:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; } - .osd spinbutton.vertical > button:first-child:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .osd spinbutton.vertical > button:first-child:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - treeview spinbutton:not(.vertical) { - min-height: 0; - border-style: none; - border-radius: 0; } - treeview spinbutton:not(.vertical) > text { - min-height: 0; - padding: 1px 2px; } - -/************** - * ComboBoxes * - **************/ -dropdown > popover.menu.background > contents { - padding: 0; } - -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:drop(active), -combobox:drop(active) { - box-shadow: none; } - -dropdown popover, -combobox popover { - margin-top: 6px; - padding: 0; } - dropdown popover listview, - combobox popover listview { - margin: 8px 0; } - dropdown popover listview > row, - combobox popover listview > row { - padding: 8px; } - dropdown popover listview > row:selected, - combobox popover listview > row:selected { - outline-color: rgba(255, 255, 255, 0.8); - color: black; - background-color: #eaebec; } - dropdown popover .dropdown-searchbar, - combobox popover .dropdown-searchbar { - padding: 6px; - border-bottom: 1px solid #d9d9d9; } - -/************ - * Toolbars * - ************/ -searchbar > revealer > box, .toolbar, -toolbar { - padding: 4px; - border-spacing: 4px; - background-color: #ffffff; } - -.osd .toolbar, .osd toolbar { - background-color: transparent; } - -.toolbar.osd, -toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: #303340; } - .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, - toolbar.osd.left, - toolbar.osd.right, - toolbar.osd.top, - toolbar.osd.bottom { - border-radius: 0; } - -.toolbar.horizontal > separator, -toolbar.horizontal > separator { - margin: 4px 0; } - -.toolbar.vertical > separator, -toolbar.vertical > separator { - margin: 0 4px; } - -searchbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-width: 0 0 1px; } - -searchbar > revealer > box { - border-style: solid; - border-color: #d9d9d9; - background-color: #f4f4f4; } - searchbar > revealer > box:backdrop { - border-color: #d9d9d9; - background-color: #f2f2f2; - box-shadow: none; - transition: 200ms ease-out; } - -/************** - * GtkInfoBar * - **************/ -infobar > revealer > box { - padding: 8px; - border-spacing: 12px; } - -infobar.action:hover > revealer > box { - background-color: white; } - -infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { - border-bottom: 1px solid #e6e6e6; - background-color: white; } - -infobar .close, -searchbar .close { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 50%; } - infobar .close:hover, - searchbar .close:hover { - color: #5c616c; - border-color: #d9d9d9; - background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - -/***************** - * Title buttons * - *****************/ -windowcontrols { - border-spacing: 6px; } - windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 7px; } - windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 7px; } - windowcontrols button { - border-radius: 9999px; - padding: 6px; - margin: 0 2px; - min-width: 0; - min-height: 0; } - windowcontrols button:hover { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #cccccc; } - windowcontrols button:active, windowcontrols button:checked { - border-color: transparent; - background-image: none; - box-shadow: none; - background-color: #b3b3b3; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: #c2c2c2; - border-radius: 0; - background: #e6e6e6 linear-gradient(to top, #e0e0e0, #e8e8e8); - /* Darken switchbuttons for headerbars. issue #1588 */ } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #d9d9d9; - background-color: #ffffff; - background-image: none; - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - padding-left: 12px; - padding-right: 12px; - font-weight: bold; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) stackswitcher > button:checked, - .titlebar:not(headerbar) button.toggle:checked, - headerbar stackswitcher > button:checked, - headerbar button.toggle:checked { - background: image(#d4d4d4); - border-color: #d1d1d1; - border-top-color: #c4c4c4; } - .titlebar:not(headerbar) stackswitcher > button:checked:backdrop, - .titlebar:not(headerbar) button.toggle:checked:backdrop, - headerbar stackswitcher > button:checked:backdrop, - headerbar button.toggle:checked:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#eaeaea); - box-shadow: none; } - .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - headerbar.default-decoration { - min-height: 28px; - padding: 4px; } - .default-decoration.titlebar:not(headerbar) windowcontrols button, - .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, - headerbar.default-decoration windowcontrols button, - headerbar.default-decoration windowcontrols menubutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - .default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, - headerbar.default-decoration windowcontrols menubutton button { - min-height: 20px; - min-width: 20px; - margin: 0; - padding: 4px; } - .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { - margin-left: -1px; - margin-right: -1px; - margin-top: -1px; - border-radius: 0; - box-shadow: none; } - -headerbar > windowhandle > box, -headerbar > windowhandle > box > box.start, -headerbar > windowhandle > box > box.end { - border-spacing: 6px; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button, -headerbar menubutton { - margin-top: 6px; - margin-bottom: 6px; } - -headerbar menubutton > button { - margin-top: 0px; - margin-bottom: 0px; } - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; } - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - border-color: transparent; } - -.titlebar:not(headerbar) separator { - background-color: #d9d9d9; } - -window.devel headerbar.titlebar { - background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(164, 0, 164, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke); } - window.devel headerbar.titlebar:backdrop { - background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#ffffff); - /* background-color would flash */ } - -/************ - * Pathbars * - ************/ -pathbar > button.text-button, pathbar > button.image-button, pathbar > button { - padding-left: 4px; - padding-right: 4px; } - -pathbar > button.text-button.image-button label { - padding-left: 0; - padding-right: 0; } - -pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { - padding-right: 8px; } - -pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { - padding-left: 8px; } - -pathbar > button image { - padding-left: 4px; - padding-right: 4px; } - -pathbar > button.slider-button { - padding-left: 0; - padding-right: 0; } - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #dfdfdf; - border-top-color: #dfdfdf; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - columnview.view, - treeview.view { - outline: 0 solid transparent; - outline-offset: 4px; } - columnview.view:focus:focus-visible, - treeview.view:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - columnview.view:selected:focus, columnview.view:selected, - treeview.view:selected:focus, - treeview.view:selected { - border-radius: 0; - outline-color: rgba(255, 255, 255, 0.8); } - columnview.view:disabled, - treeview.view:disabled { - color: #9da0a7; } - columnview.view:disabled:selected, - treeview.view:disabled:selected { - color: #c866c8; } - columnview.view:disabled:selected:backdrop, - treeview.view:disabled:selected:backdrop { - color: #bd4abd; } - columnview.view.separator, - treeview.view.separator { - min-height: 2px; - color: #dfdfdf; } - columnview.view:backdrop, - treeview.view:backdrop { - border-left-color: #dfdfdf; - border-top: #dfdfdf; } - columnview.view:drop(active), - treeview.view:drop(active) { - box-shadow: none; } - columnview.view > dndtarget:drop(active), - treeview.view > dndtarget:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #580058; } - 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: #4b4b4b; } - 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: black; } - columnview.view.expander:selected, - treeview.view.expander:selected { - color: #e4b3e4; } - 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.progressbar, - treeview.view.progressbar { - color: #fafafa; - background-color: #a400a4; - background-image: image(#a400a4); - box-shadow: none; } - columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, - treeview.view.progressbar:selected:focus, - treeview.view.progressbar:selected { - color: #a400a4; - background-image: image(#fafafa); } - columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, - treeview.view.progressbar:selected:focus:backdrop, - treeview.view.progressbar:selected:backdrop { - color: #a400a4; - background-color: #f7f7f7; } - columnview.view.trough, - treeview.view.trough { - background-color: rgba(92, 97, 108, 0.1); } - columnview.view.trough:selected:focus, columnview.view.trough:selected, - treeview.view.trough:selected:focus, - treeview.view.trough:selected { - background-color: rgba(255, 255, 255, 0.3); } - columnview.view > header > button, - treeview.view > header > button { - color: #abadb3; - background-color: #fafafa; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - columnview.view > header > button:hover, - treeview.view > header > button:hover { - color: #848790; - box-shadow: none; - transition: none; } - columnview.view > header > button:active, - treeview.view > header > button:active { - color: #5c616c; - transition: none; } - columnview.view > header > button sort-indicator, - treeview.view > header > button sort-indicator { - min-height: 16px; - min-width: 16px; } - columnview.view > header > button sort-indicator.ascending, - treeview.view > header > button sort-indicator.ascending { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - columnview.view > header > button sort-indicator.descending, - treeview.view > header > button sort-indicator.descending { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, - columnview.view header.button.dnd:active, - columnview.view header.button.dnd:selected, - columnview.view header.button.dnd:hover, - columnview.view header.button.dnd, - treeview.view button.dnd:active, - treeview.view button.dnd:selected, - treeview.view button.dnd:hover, - treeview.view button.dnd, - treeview.view header.button.dnd:active, - treeview.view header.button.dnd:selected, - treeview.view header.button.dnd:hover, - treeview.view header.button.dnd { - padding: 0 6px; - color: #fafafa; - background-image: none; - background-color: #a400a4; - border-style: none; - border-radius: 0; - box-shadow: inset 0 0 0 1px #fafafa; - text-shadow: none; - transition: none; } - columnview.view acceleditor > label, - treeview.view acceleditor > label { - background-color: #a400a4; } - -columnview.view > header > button, -treeview.view > header > button, columnview.view > header > button:hover, -treeview.view > header > button:hover, columnview.view > header > button:active, -treeview.view > header > button:active { - padding: 0 6px; - background-image: none; - border-style: none none solid solid; - border-color: #dfdfdf; - border-radius: 0; - text-shadow: none; } - columnview.view > header > button:disabled, - treeview.view > header > button:disabled { - border-color: #ffffff; - background-image: none; } - columnview.view > header > button:last-child, - treeview.view > header > button:last-child { - border-right-style: none; } - -/*************** - * Popovers * - ***************/ -popover.background { - background-color: transparent; - font: initial; } - popover.background > arrow, - popover.background > contents { - background-color: #fafafa; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.23); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - popover.background:backdrop { - background-color: transparent; } - popover.background > contents { - padding: 8px; - border-radius: 8px; } - popover.background > contents > list, - popover.background > contents > .view, - popover.background > contents > iconview, - popover.background > contents > toolbar { - border-style: none; - background-color: transparent; } - popover.background > contents separator { - background-color: #e4e4e4; - margin: 3px; } - popover.background > contents list separator { - margin: 0; } - .osd popover.background, popover.background.touch-selection, popover.background.magnifier { - background-color: transparent; } - .osd popover.background > arrow, - .osd popover.background > contents, popover.background.touch-selection > arrow, - popover.background.touch-selection > contents, popover.background.magnifier > arrow, - popover.background.magnifier > contents { - border: 1px solid rgba(255, 255, 255, 0.1); - box-shadow: none; } - -magnifier { - background-color: #fafafa; } - -/********************** - * Popover Base Menus * - **********************/ -popover.menu { - padding: 0; } - popover.menu box.inline-buttons { - padding: 0 12px; } - popover.menu box.inline-buttons button.image-button.model { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - min-height: 30px; - min-width: 30px; - padding: 0; - border: none; - outline: none; - transition: none; } - popover.menu box.inline-buttons button.image-button.model:selected { - background: image(#eaebec); } - popover.menu box.circular-buttons { - padding: 12px 12px 6px; } - popover.menu box.circular-buttons button.circular.image-button.model { - padding: 11px; } - popover.menu box.circular-buttons button.circular.image-button.model:focus { - background-color: #eaebec; - border-color: #eaebec; } - popover.menu > arrow, popover.menu.background > contents { - background-color: #fafafa; - padding: 5px; } - popover.menu.background separator { - margin: 6px 0; } - popover.menu accelerator { - color: alpha(currentColor,0.55); } - popover.menu accelerator:dir(ltr) { - margin-left: 12px; } - popover.menu accelerator:dir(rtl) { - margin-right: 12px; } - popover.menu check, - popover.menu radio { - transform: scale(0.8); - border-width: 1.2px; - border-color: transparent; - box-shadow: none; - background-image: image(transparent); - color: black; } - popover.menu check:hover, - popover.menu radio:hover { - transform: scale(0.8); - border-width: 1.2px; - color: black; - box-shadow: none; - background-image: image(transparent); } - popover.menu check:active, - popover.menu radio:active { - transform: scale(0.8); - border-width: 1.2px; - color: black; - box-shadow: none; - background-image: image(transparent); } - popover.menu radio { - border-color: #d9d9d9; } - popover.menu radio:active { - border-color: rgba(217, 217, 217, 0.5); } - popover.menu arrow.left, - popover.menu radio.left, - popover.menu check.left { - margin-left: -2px; - margin-right: 6px; } - popover.menu arrow.right, - popover.menu radio.right, - popover.menu check.right { - margin-left: 6px; - margin-right: -2px; } - popover.menu modelbutton { - min-height: 30px; - min-width: 40px; - padding: 0 12px; - border-radius: 5px; } - popover.menu modelbutton:selected { - color: black; - background-color: #eaebec; } - popover.menu modelbutton:selected:active { - background-color: #dbdbdb; } - popover.menu label.title { - font-weight: bold; - padding: 4px 32px; } - -menubar { - padding: 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - menubar > item { - min-height: 16px; - padding: 4px 8px; } - menubar > item:selected { - box-shadow: inset 0 -3px #a400a4; - color: #710071; } - menubar > item:disabled { - color: #9da0a7; - box-shadow: none; } - menubar > item popover.menu.background > contents { - padding: 5px; } - menubar > item popover.menu popover.menu { - padding: 0 0 4px 0; } - menubar > item popover.menu.background popover.menu.background > contents { - margin: 0; - border-radius: 8px; } - -/************* - * Notebooks * - *************/ -notebook { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - notebook > header > tabs > tab:checked { - outline: 0 solid transparent; - outline-offset: 4px; } - notebook:focus:focus-visible > header > tabs > tab:checked { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - notebook > header { - padding: 1px; - border-color: #d9d9d9; - border-width: 1px; - background-color: #f2f2f2; } - notebook > header > tabs { - margin: -1px; } - notebook > header.top { - border-bottom-style: solid; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -4px #d9d9d9; } - notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -4px #a400a4; } - notebook > header.bottom { - border-top-style: solid; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 4px #d9d9d9; } - notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 4px #a400a4; } - notebook > header.left { - border-right-style: solid; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab:hover { - box-shadow: inset -4px 0 #d9d9d9; } - notebook > header.left > tabs > tab:checked { - box-shadow: inset -4px 0 #a400a4; } - notebook > header.right { - border-left-style: solid; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab:hover { - box-shadow: inset 4px 0 #d9d9d9; } - notebook > header.right > tabs > tab:checked { - box-shadow: inset 4px 0 #a400a4; } - 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 { - margin-left: -5px; - margin-right: -5px; - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -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 { - margin-top: -5px; - margin-bottom: -5px; - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header > tabs > arrow { - min-height: 16px; - min-width: 16px; - border-radius: 0; } - notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { - background-clip: padding-box; - background-image: none; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - box-shadow: none; } - notebook > header > tabs > arrow:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; } - notebook > header > tabs > tab { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 30px; - min-width: 30px; - padding: 3px 12px; - color: #5c616c; - font-weight: normal; - border-width: 1px; - border-color: transparent; } - notebook > header > tabs > tab:hover { - color: #5c616c; - background-color: #e8e8e8; } - notebook > header > tabs > tab:hover.reorderable-page { - border-color: rgba(217, 217, 217, 0.3); - background-color: rgba(255, 255, 255, 0.2); } - notebook > header > tabs > tab:not(:checked) { - outline-color: transparent; } - notebook > header > tabs > tab:checked { - color: #5c616c; } - notebook > header > tabs > tab:checked.reorderable-page { - border-color: rgba(217, 217, 217, 0.5); - background-color: rgba(255, 255, 255, 0.5); } - notebook > header > tabs > tab:checked.reorderable-page:hover { - background-color: rgba(255, 255, 255, 0.7); } - notebook > header > tabs > tab button.flat { - color: alpha(currentColor,0.3); - padding: 0; - margin-top: 4px; - margin-bottom: 4px; - min-width: 20px; - min-height: 20px; } - notebook > header > tabs > tab button.flat:hover { - color: currentColor; } - notebook > header > tabs > tab button.flat:last-child { - margin-left: 4px; - margin-right: -4px; } - notebook > header > tabs > tab button.flat:first-child { - margin-left: -4px; - margin-right: 4px; } - notebook > header.top > tabs, notebook > header.bottom > tabs { - padding-left: 4px; - padding-right: 4px; } - notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { - margin-left: 3px; - margin-right: 3px; } - notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { - margin-left: -1px; } - notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { - margin-right: -1px; } - notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { - margin-left: 4px; - margin-right: 4px; } - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { - border-style: none solid; } - notebook > header.left > tabs, notebook > header.right > tabs { - padding-top: 4px; - padding-bottom: 4px; } - notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { - margin-top: 3px; - margin-bottom: 3px; } - notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { - margin-top: -1px; } - notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { - margin-bottom: -1px; } - notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { - margin-top: 4px; - margin-bottom: 4px; } - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { - border-style: solid none; } - notebook > header.top > tabs > tab { - padding-bottom: 4px; } - notebook > header.bottom > tabs > tab { - padding-top: 4px; } - notebook > stack:not(:only-child) { - background-color: #fafafa; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-color: #fafafa; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar.top { - border-bottom: 1px solid #d9d9d9; } - scrollbar.bottom { - border-top: 1px solid #d9d9d9; } - scrollbar.left { - border-right: 1px solid #d9d9d9; } - scrollbar.right { - border-left: 1px solid #d9d9d9; } - scrollbar > range > trough > slider { - min-width: 8px; - min-height: 8px; - margin: -1px; - border: 4px solid transparent; - border-radius: 10px; - background-clip: padding-box; - background-color: #9da0a7; - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scrollbar > range > trough > slider:hover { - background-color: #7d8189; } - scrollbar > range > trough > slider:hover:active { - background-color: #a400a4; } - scrollbar > range > trough > slider:disabled { - background-color: transparent; } - scrollbar > range.fine-tune > trough > slider { - transition: none; - min-width: 6px; - min-height: 6px; } - scrollbar > range.fine-tune.horizontal > trough > slider { - border-width: 5px 4px; } - scrollbar > range.fine-tune.vertical > trough > slider { - border-width: 4px 5px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - opacity: 0.4; - background-color: transparent; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - margin: 0; - min-width: 3px; - min-height: 3px; - background-color: #5c616c; - border: 1px solid white; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - margin: 0 2px; - min-width: 40px; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - margin: 2px 0; - min-height: 40px; } - scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.8; } - scrollbar.horizontal > range > trough > slider { - min-width: 40px; } - scrollbar.vertical > range > trough > slider { - min-height: 40px; } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #d9d9d9; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - font-weight: bold; - font-size: smaller; - border: 1px solid #d9d9d9; - border-radius: 14px; - color: #5c616c; - background-color: #f2f2f2; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; - /* only show i / o for the accessible theme */ } - switch { - outline: 0 solid transparent; - outline-offset: 4px; } - switch:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: 0; } - headerbar switch { - background-color: #dedede; } - switch:checked { - color: #ffffff; - border-color: #580058; - background-color: #a400a4; } - switch:disabled { - color: #9da0a7; - border-color: #d9d9d9; - background-color: #fdfdfd; - text-shadow: none; } - switch > slider { - color: #5c616c; - outline-color: rgba(164, 0, 164, 0.5); - border-color: #d9d9d9; - background-image: image(white); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - margin: -1px; - min-width: 24px; - min-height: 24px; - border: 1px solid; - border-color: #d9d9d9; - border-radius: 50%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - switch > image { - color: transparent; } - switch:hover > slider { - color: #5c616c; - border-color: #d9d9d9; - background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - switch:checked > slider { - border: 1px solid #580058; } - switch:disabled > slider { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); } - row:selected switch { - outline-color: rgba(255, 255, 255, 0.8); - box-shadow: none; - border-color: #580058; } - row:selected switch > slider:checked, row:selected switch > slider { - border-color: #580058; } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list), -.content-view .tile check:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), -.content-view .tile check:hover:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), -.content-view .tile check:active:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), -.content-view .tile check:backdrop:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: transparent; - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: none; - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), -.content-view .tile check:checked:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), -.content-view .tile check:checked:hover:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), -.content-view .tile check:checked:active:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: white; - background-color: #a400a4; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), -.content-view .tile check:backdrop:checked:not(list) { - margin: 4px; - min-width: 32px; - min-height: 32px; - color: rgba(255, 255, 255, 0.8); - background-color: #525252; - border-radius: 5px; - background-image: none; - transition: 200ms; - box-shadow: none; - border-width: 0; - -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); - -gtk-icon-shadow: none; } - -checkbutton { - border-spacing: 4px; - border-radius: 4px; - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - checkbutton { - outline: 0 solid transparent; - outline-offset: 4px; } - checkbutton:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - checkbutton.text-button { - padding: 4px; } - -check, -radio { - min-height: 14px; - min-width: 14px; - border: 1px solid; - -gtk-icon-source: none; } - check, - radio { - background-clip: padding-box; - background-image: linear-gradient(to bottom, white 20%, white 90%); - border-color: #c2c2c2; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:hover, - radio:hover { - background-image: image(#f2f2f2); } - check:active, - radio:active { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); - background-image: image(#d9d9d9); } - check:disabled, - radio:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:checked, - radio:checked { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #3e003e; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:checked:hover, - radio:checked:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:checked:active, - radio:checked:active { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); - background-image: image(darkmagenta); } - check:checked:disabled, - radio:checked:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - check:indeterminate, - radio:indeterminate { - background-clip: border-box; - background-image: linear-gradient(to bottom, #be00be 20%, #a400a4 90%); - border-color: #3e003e; - box-shadow: 0 1px rgba(0, 0, 0, 0.05); - color: #ffffff; } - check:indeterminate:hover, - radio:indeterminate:hover { - background-image: linear-gradient(to bottom, #d200d2 10%, #b800b8 90%); } - check:indeterminate:active, - radio:indeterminate:active { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); - background-image: image(darkmagenta); } - check:indeterminate:disabled, - radio:indeterminate:disabled { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); } - row:selected check, row:selected radio { - border-color: #3e003e; } - .osd check, .osd radio { - color: white; - outline-color: rgba(164, 0, 164, 0.5); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd check:hover, .osd radio:hover { - color: white; - outline-color: rgba(164, 0, 164, 0.5); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; } - .osd check:active, .osd radio:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; } - .osd check:disabled, .osd radio:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; } - - -check { - border-radius: 3px; - -gtk-icon-size: 14px; } - - check:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } - - check:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } - -treeview.view radio:selected:focus, treeview.view radio:selected, -radio { - border-radius: 100%; - -gtk-icon-size: 14px; } - treeview.view radio:checked:selected, - radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } - treeview.view radio:indeterminate:selected, - radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #ffffff; - border-color: #580058; } - -/************ - * GtkScale * - ************/ -progressbar > trough, scale > trough > fill, scale > trough { - border: 1px solid #f2f2f2; - border-radius: 3px; - background-color: #f2f2f2; } - headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { - background-color: #dedede; } - progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { - background-color: #fdfdfd; - border-color: #e6e6e6; } - row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { - outline-color: rgba(255, 255, 255, 0.8); - border-color: #580058; } - .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { - border-color: black; - background-color: rgba(0, 0, 0, 0.8); } - .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { - background-color: rgba(68, 72, 83, 0.5); } - -progressbar > trough > progress, scale > trough > highlight { - border: 1px solid #a400a4; - border-radius: 3px; - background-color: #a400a4; } - progressbar > trough > progress:disabled, scale > trough > highlight:disabled { - background-color: transparent; - border-color: transparent; } - row:selected progressbar > trough > progress, row:selected scale > trough > highlight { - border-color: #580058; } - .osd progressbar > trough > progress, .osd scale > trough > highlight { - border-color: black; } - .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - scale > trough { - outline: 0 solid transparent; - outline-offset: 16px; } - scale:focus:focus-visible > trough { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: 10px; } - scale > trough { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - scale > trough > fill, - scale > trough > highlight { - margin: -1px; } - scale > trough > slider { - min-height: 18px; - min-width: 18px; - margin: -9px; } - scale.fine-tune.horizontal { - padding-top: 9px; - padding-bottom: 9px; - min-height: 16px; } - scale.fine-tune.vertical { - padding-left: 9px; - padding-right: 9px; - min-width: 16px; } - scale.fine-tune > trough > slider { - margin: -6px; } - scale.fine-tune > trough > fill, - scale.fine-tune > trough > highlight, - scale.fine-tune > trough { - border-radius: 5px; } - scale > trough > fill:disabled { - border-color: transparent; - background-color: transparent; } - .osd scale > trough > fill { - background-color: #404040; } - .osd scale > trough > fill:disabled { - border-color: transparent; - background-color: transparent; } - scale > trough > slider { - color: #5c616c; - outline-color: rgba(164, 0, 164, 0.5); - border-color: #d9d9d9; - background-image: image(white); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border-width: 1px; - border-style: solid; - border-radius: 100%; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border, box-shadow; } - scale > trough > slider:hover { - color: #5c616c; - border-color: #d9d9d9; - background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - scale > trough > slider:active { - border-color: #580058; } - scale > trough > slider:disabled { - color: #9da0a7; - border-color: #e6e6e6; - background-image: image(#fdfdfd); } - row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { - border-color: #580058; } - .osd scale > trough > slider { - color: white; - outline-color: rgba(164, 0, 164, 0.5); - border-color: black; - background-color: transparent; - background-image: image(#303340); - background-clip: padding-box; - border-color: black; - background-color: #303340; } - .osd scale > trough > slider:hover { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#1a1c23); - background-clip: padding-box; - background-color: #303340; } - .osd scale > trough > slider:active { - color: white; - border-color: black; - background-color: transparent; - background-image: image(#040405); - background-clip: padding-box; - box-shadow: none; - background-color: #303340; } - .osd scale > trough > slider:disabled { - color: #97999f; - border-color: black; - background-color: transparent; - background-image: image(rgba(68, 72, 83, 0.5)); - background-clip: padding-box; - background-color: #303340; } - scale > value { - color: alpha(currentColor,0.55); - font-feature-settings: "tnum"; } - scale.horizontal > marks { - color: alpha(currentColor,0.55); } - scale.horizontal > marks.top { - margin-bottom: 6px; } - scale.horizontal > marks.bottom { - margin-top: 6px; } - scale.horizontal > marks indicator { - background-color: currentColor; - min-height: 6px; - min-width: 1px; } - scale.horizontal > value.left { - margin-right: 9px; } - scale.horizontal > value.right { - margin-left: 9px; } - scale.horizontal.fine-tune > marks.top { - margin-top: 3px; } - scale.horizontal.fine-tune > marks.bottom { - margin-bottom: 3px; } - scale.horizontal.fine-tune > marks indicator { - min-height: 3px; } - scale.vertical > marks { - color: alpha(currentColor,0.55); } - scale.vertical > marks.top { - margin-right: 6px; } - scale.vertical > marks.bottom { - margin-left: 6px; } - scale.vertical > marks indicator { - background-color: currentColor; - min-height: 1px; - min-width: 6px; } - scale.vertical > value.top { - margin-bottom: 9px; } - scale.vertical > value.bottom { - margin-top: 9px; } - scale.vertical.fine-tune > marks.top { - margin-left: 3px; } - scale.vertical.fine-tune > marks.bottom { - margin-right: 3px; } - scale.vertical.fine-tune > marks indicator { - min-height: 3px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-top: -14px; - background-position: top; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -7px -10px; - margin-top: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); - min-height: 26px; - min-width: 22px; - margin-bottom: -14px; - background-position: bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -7px -10px; - margin-bottom: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-left: -14px; - background-position: left bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider { - margin: -10px -7px; - margin-left: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - margin: -10px; - border-style: none; - border-radius: 0; - background-color: transparent; - background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); - min-height: 22px; - min-width: 26px; - margin-right: -14px; - background-position: right bottom; - background-repeat: no-repeat; - box-shadow: none; } - scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider { - margin: -10px -7px; - margin-right: -11px; } - scale.color { - min-height: 0; - min-width: 0; } - scale.color > trough { - background-image: image(#d9d9d9); - background-repeat: no-repeat; } - scale.color.horizontal { - padding: 0 0 15px 0; } - scale.color.horizontal > trough { - padding-bottom: 4px; - background-position: 0 -3px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.vertical:dir(ltr) { - padding: 0 0 0 15px; } - scale.color.vertical:dir(ltr) > trough { - padding-left: 4px; - background-position: 3px 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.vertical:dir(rtl) { - padding: 0 15px 0 0; } - scale.color.vertical:dir(rtl) > trough { - padding-right: 4px; - background-position: -3px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { - margin-right: -15px; - margin-left: 6px; } - scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { - padding: 0 0 12px 0; } - scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { - padding-bottom: 7px; - background-position: 0 -6px; } - scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { - margin-bottom: -15px; - margin-top: 6px; } - scale.color.fine-tune.vertical:dir(ltr) { - padding: 0 0 0 12px; } - scale.color.fine-tune.vertical:dir(ltr) > trough { - padding-left: 7px; - background-position: 6px 0; } - scale.color.fine-tune.vertical:dir(ltr) > trough > slider { - margin-left: -15px; - margin-right: 6px; } - scale.color.fine-tune.vertical:dir(rtl) { - padding: 0 12px 0 0; } - scale.color.fine-tune.vertical:dir(rtl) > trough { - padding-right: 7px; - background-position: -6px 0; } - scale.color.fine-tune.vertical:dir(rtl) > trough > slider { - margin-right: -15px; - margin-left: 6px; } - -/***************** - * Progress bars * - *****************/ -progressbar { - font-size: smaller; - color: rgba(92, 97, 108, 0.4); - font-feature-settings: "tnum"; } - progressbar.horizontal > trough { - min-width: 150px; } - progressbar.horizontal > trough, progressbar.horizontal > trough > progress { - min-height: 2px; } - progressbar.vertical > trough { - min-height: 80px; } - progressbar.vertical > trough, progressbar.vertical > trough > progress { - min-width: 2px; } - progressbar.horizontal > trough > progress { - margin: 0 -1px; } - progressbar.vertical > trough > progress { - margin: -1px 0; } - progressbar > trough > progress { - /* share most of scales' */ - /* override insensitive that is specific to progress */ - border-radius: 1.5px; } - progressbar > trough > progress:disabled { - background-color: #9da0a7; - border-color: #9da0a7; } - progressbar > trough > progress.left { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - progressbar > trough > progress.right { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - progressbar > trough > progress.top { - border-top-right-radius: 5px; - border-top-left-radius: 5px; } - progressbar > trough > progress.bottom { - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; } - progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; } - progressbar.osd > trough { - border-style: none; - border-radius: 0; - background-color: transparent; - box-shadow: none; } - progressbar.osd > trough > progress { - border-style: none; - border-radius: 0; } - progressbar > trough.empty > progress { - all: unset; } - -/************* - * Level Bar * - *************/ -levelbar.horizontal trough > block { - min-height: 9px; - border-radius: 5px; } - levelbar.horizontal trough > block:dir(rtl) { - border-radius: 0 5px 5px 0; } - levelbar.horizontal trough > block:dir(ltr) { - border-radius: 5px 0 0 5px; } - levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { - border-radius: 5px; } - -levelbar.horizontal.discrete trough > block { - min-height: 2px; - margin: 1px; - min-width: 24px; - border-radius: 0; } - levelbar.horizontal.discrete trough > block:first-child { - border-radius: 2px 0 0 2px; } - levelbar.horizontal.discrete trough > block:last-child { - border-radius: 0 2px 2px 0; } - -levelbar.vertical trough > block { - min-width: 9px; - border-radius: 5px; } - -levelbar.vertical.discrete > trough > block { - min-width: 2px; - margin: 1px 0; - min-height: 32px; } - -levelbar > trough { - padding: 0; } - -levelbar > trough > block { - border: 1px solid; } - levelbar > trough > block.low { - border-color: #fd7d00; - background-color: #fd7d00; } - levelbar > trough > block.high, levelbar > trough > block:not(.empty) { - border-color: #a400a4; - background-color: #a400a4; } - levelbar > trough > block.full { - border-color: #3db47e; - background-color: #3db47e; } - levelbar > trough > block.empty { - background-color: #f2f2f2; - border-color: #f2f2f2; } - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: #5c616c; - background: none; - border: none; - padding: 0; } - window.dialog.print drawing paper { - background: white; - color: #2e3436; - border: 1px solid #d9d9d9; } - -window.dialog.print .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid #d9d9d9; } - -frame { - border-radius: 7px; } - frame > label { - margin: 4px; } - -actionbar > revealer > box { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid #d9d9d9; } - -scrolledwindow > overshoot.top { - background-image: radial-gradient(farthest-side at top, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at top, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); - background-size: 100% 3%, 100% 50%; - background-repeat: no-repeat; - background-position: top; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.bottom { - background-image: radial-gradient(farthest-side at bottom, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at bottom, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); - background-size: 100% 3%, 100% 50%; - background-repeat: no-repeat; - background-position: bottom; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.left { - background-image: radial-gradient(farthest-side at left, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at left, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); - background-size: 3% 100%, 50% 100%; - background-repeat: no-repeat; - background-position: left; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > overshoot.right { - background-image: radial-gradient(farthest-side at right, #bfbfbf 85%, rgba(191, 191, 191, 0)), radial-gradient(farthest-side at right, rgba(92, 97, 108, 0.07), rgba(92, 97, 108, 0)); - background-size: 3% 100%, 50% 100%; - background-repeat: no-repeat; - background-position: right; - background-color: transparent; - border: none; - box-shadow: none; } - -scrolledwindow > junction { - background: #d9d9d9, linear-gradient(to bottom, transparent 1px, #fafafa 1px), linear-gradient(to right, transparent 1px, #fafafa 1px); } - scrolledwindow > junction:dir(rtl) { - background: #d9d9d9, linear-gradient(to bottom, transparent 1px, #fafafa 1px), linear-gradient(to left, transparent 1px, #fafafa 1px); } - -separator { - background: #e6e6e6; - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -listview, -list { - color: black; - background-color: #fafafa; - border-color: #d9d9d9; } - listview:backdrop, - list:backdrop { - color: #313131; - background-color: #f7f7f7; - border-color: #d9d9d9; } - listview > row, - list > row { - padding: 2px; } - listview > row.expander, - list > row.expander { - padding: 0px; } - listview > row.expander .row-header, - list > row.expander .row-header { - padding: 2px; } - listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), - list.horizontal row.separator, - list.separators.horizontal > row:not(.separator) { - border-left: 1px solid #dfdfdf; } - listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), - list:not(.horizontal) row.separator, - list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid #dfdfdf; } - -row { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - row { - outline: 0 solid transparent; - outline-offset: 4px; } - row:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(92, 97, 108, 0.05); } - row.activatable:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - row.activatable:selected:active { - box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } - row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: #9d0a9e; } - row:selected { - outline-color: rgba(255, 255, 255, 0.8); } - -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: #dfdfdf; } - -columnview.data-table > listview > row > cell { - padding-top: 2px; - padding-bottom: 2px; } - -treeexpander { - border-spacing: 4px; } - -/******************************************************** - * Data Tables * - * treeview like tables with individual focusable cells * - * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * - ********************************************************/ -columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { - outline: 2px solid rgba(164, 0, 164, 0.5); } - -columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #a400a4; } - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: #ffffff; - background-color: #a400a4; } - -/******************************************************* - * Rich Lists * - * Large list usually containing lots of widgets * - * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * - *******************************************************/ -.rich-list { - /* rich lists usually containing other widgets than just labels/text */ } - .rich-list > row { - padding: 8px 12px; - min-height: 32px; - /* should be tall even when only containing a label */ } - .rich-list > row > box { - border-spacing: 12px; } - -/********************* - * App Notifications * - *********************/ -.app-notification { - padding: 10px; - border-spacing: 10px; - border-radius: 0 0 5px 5px; - background-color: #303340; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); - background-clip: padding-box; } - .app-notification border { - border: none; } - -/************* - * Expanders * - *************/ -expander { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander:disabled { - color: #9da0a7; } - expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -expander-widget { - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - expander-widget > box > title { - outline: 0 solid transparent; - outline-offset: 4px; } - expander-widget:focus:focus-visible > box > title { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - expander-widget > box > title { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-radius: 4px; } - expander-widget > box > title:hover > expander { - color: #aaaeb7; } - -.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 { - color: black; - border: 1px solid #d9d9d9; } - calendar > header { - border-bottom: 1px solid #d9d9d9; } - calendar > header > button { - border: none; - box-shadow: none; - background: none; - border-radius: 0; } - calendar > header > button:backdrop { - background: none; } - calendar > grid > label.today { - box-shadow: inset 0px -2px #d9d9d9; } - calendar > grid > label.today:selected { - box-shadow: none; } - calendar > grid > label:focus { - outline-color: rgba(164, 0, 164, 0.5); - outline-offset: -2px; - outline-width: 2px; - outline-style: solid; } - calendar > grid > label.day-number { - padding: 4px; } - calendar > grid > label.day-number:selected { - border-radius: 3px; } - calendar > grid > label.day-number.other-month { - color: alpha(currentColor,0.3); } - -/*********** - * Dialogs * - ***********/ -window.dialog.message .titlebar { - min-height: 20px; - background-image: none; - background-color: #ffffff; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; } - -window.dialog.message label.title { - font-weight: 800; - font-size: 15pt; } - -window.dialog.message.csd.background { - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; } - -window.dialog.message.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - window.dialog.message.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 7px; } - window.dialog.message.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 7px; } - -filechooser .dialog-action-box { - border-top: 1px solid #d9d9d9; } - -filechooser #pathbarbox { - border-bottom: 1px solid #ffffff; } - -filechooserbutton > button > box { - border-spacing: 6px; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - background-color: #fcfcfc; } - .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid #d9d9d9; - border-left-style: none; } - .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid #d9d9d9; - border-right-style: none; } - .sidebar listview.view, - .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 list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: none; } - -stacksidebar row { - padding: 10px 4px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - stacksidebar row { - outline: 0 solid transparent; - outline-offset: 4px; } - stacksidebar row:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; } - stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; } - stacksidebar row:selected { - background-color: #eaebec; - border-radius: 5px; - color: #5c616c; } - stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { - background-color: #dddee0; } - stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { - box-shadow: none; } - -separator.sidebar { - background-color: #d9d9d9; } - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 5px 0; } - .navigation-sidebar > separator { - margin: 5px; } - .navigation-sidebar > row { - min-height: 36px; - padding: 0 8px; - border-radius: 5px; - margin: 0 5px 2px; - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - .navigation-sidebar > row { - outline: 0 solid transparent; - outline-offset: 4px; } - .navigation-sidebar > row:focus-visible:focus-within { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: -2px; } - .navigation-sidebar > row:hover { - background-color: #dddee0; } - .navigation-sidebar > row:selected { - background-color: #eaebec; - color: inherit; } - .navigation-sidebar > row:selected:hover { - background-color: #dddee0; } - .navigation-sidebar > row:disabled { - color: #9da0a7; } - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - opacity: 0.7; } - -/* this should be more generic, only using .navigation-sidebar - https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 -*/ -placessidebar .navigation-sidebar > row { - padding: 0; } - placessidebar .navigation-sidebar > row > revealer { - padding: 0 14px; } - placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { - padding-right: 8px; } - placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { - padding-left: 8px; } - placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { - padding-right: 2px; } - placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { - padding-left: 2px; } - button.sidebar-button { - min-height: 26px; - min-width: 26px; - margin-top: 3px; - margin-bottom: 3px; - padding: 0; - border-radius: 100%; } - placessidebar .navigation-sidebar > row:selected:active { - box-shadow: none; } - placessidebar .navigation-sidebar > row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: image(#19a187); - background-clip: content-box; } - placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #a400a4; } - placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { - color: #19a187; - box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } - placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { - color: #ffffff; - background-color: #19a187; } - -placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(0turn); } - -placesview .server-list-button:checked > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - -gtk-icon-transform: rotate(-0.5turn); } - -placesview > actionbar > revealer > box > box { - 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(#d9d9d9); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#a400a4); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #ffffff; - background-image: image(#d9d9d9), image(#d9d9d9); - 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; } - video image.osd { - min-width: 64px; - min-height: 64px; - border-radius: 32px; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 6px 10px; - border-radius: 7px; - box-shadow: none; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: 1px solid rgba(255, 255, 255, 0.1); - color: white; } - tooltip > box { - border-spacing: 6px; } - -/***************** - * Color Chooser * - *****************/ -colorswatch { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - colorswatch { - outline: 0 solid transparent; - outline-offset: 6px; } - colorswatch:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 4px; - outline-offset: -2px; } - colorswatch:drop(active), colorswatch { - border-style: none; } - colorswatch.top { - border-top-left-radius: 5.5px; - border-top-right-radius: 5.5px; } - colorswatch.top > overlay { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - colorswatch.bottom { - border-bottom-left-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.bottom > overlay { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 5.5px; - border-bottom-left-radius: 5.5px; } - colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 5.5px; - border-bottom-right-radius: 5.5px; } - colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; } - colorswatch.dark > overlay { - color: white; } - colorswatch.dark.activatable:hover > overlay { - border-color: rgba(0, 0, 0, 0.8); } - colorswatch.light > overlay { - color: black; } - colorswatch.light.activatable:hover > overlay { - border-color: rgba(0, 0, 0, 0.5); } - colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light > overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px #14826d, inset 0 0 0 1px #19a187; } - colorswatch:drop(active).dark > overlay { - border-color: #19a187; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #19a187; } - colorswatch > overlay { - border: 1px solid rgba(0, 0, 0, 0.3); } - colorswatch.activatable:hover > overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } - colorswatch#add-color-button { - border-radius: 5px 0 0 5px; } - colorswatch#add-color-button:only-child { - border-radius: 5px; } - colorswatch#add-color-button > overlay { - color: #5c616c; - outline-color: rgba(164, 0, 164, 0.5); - border-color: #d9d9d9; - background-image: image(white); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - colorswatch#add-color-button.activatable:hover > overlay { - color: #5c616c; - border-color: #d9d9d9; - background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - colorswatch:disabled { - opacity: 0.5; } - colorswatch:disabled > overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; } - row:selected colorswatch { - box-shadow: 0 0 0 2px #ffffff; } - colorswatch#editor-color-sample { - border-radius: 4px; } - colorswatch#editor-color-sample > overlay { - border-radius: 4.5px; } - -plane { - transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: outline, outline-width, outline-offset, outline-color; - transition-duration: 300ms; - animation-timing-function: ease-in-out; } - plane { - outline: 0 solid transparent; - outline-offset: 6px; } - plane:focus:focus-visible { - outline-color: rgba(164, 0, 164, 0.5); - outline-width: 2px; - outline-offset: 2px; } - -colorchooser .popover.osd { - border-radius: 5px; } - -/******** - * Misc * - ********/ -.content-view { - background-color: #ededed; } - .content-view:hover { - -gtk-icon-filter: brightness(1.2); } - .content-view .tile { - margin: 2px; - background-color: transparent; - border-radius: 0; - padding: 0; } - .content-view .tile:active, .content-view .tile:selected { - background-color: transparent; } - .content-view .tile:disabled { - background-color: transparent; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } - -.scale-popup button:hover { - background-color: rgba(92, 97, 108, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -window { - border-width: 0px; } - window.csd { - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); - margin: 0px; - border-radius: 7px 7px 0 0; } - window.csd:backdrop { - box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); - transition: 200ms ease-out; } - window.csd.popup { - border-radius: 5px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - window.csd.dialog.message { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - window.solid-csd { - margin: 0; - padding: 4px; - border: solid 1px #d9d9d9; - border-radius: 0; - box-shadow: inset 0 0 0 4px #d9d9d9, inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } - window.solid-csd:backdrop { - box-shadow: inset 0 0 0 4px #d9d9d9, inset 0 0 0 3px #ffffff, inset 0 1px rgba(255, 255, 255, 0.8); } - window.maximized, window.fullscreen { - border-radius: 0; - box-shadow: none; } - window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { - border-radius: 0; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } - window:backdrop { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } - window.popup { - box-shadow: none; } - window.ssd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - -tooltip.csd { - border-radius: 5px; - box-shadow: none; } - -.view:selected:focus, .view:selected, -textview > text:selected:focus, -textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, -entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, -treeview.view:selected:focus, -treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { - background-color: #a400a4; } - label:selected, .view:selected:focus, .view:selected, - textview > text:selected:focus, - textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, - entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, - treeview.view:selected:focus, - treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { - color: #ffffff; } - label:disabled > selection, label:disabled:selected, .view:disabled:selected, - textview > text:disabled:selected:focus, - textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, - entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, - treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { - color: #d280d2; } - -.monospace { - font-family: monospace; } - -/********************** - * Touch Copy & Paste * - *********************/ -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; - min-width: 20px; - min-height: 24px; - padding-left: 20px; - padding-right: 20px; - padding-top: 24px; - padding-bottom: 24px; } - cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); } - cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); } - cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } - cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); } - cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); } - cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } - cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); } - cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); } - cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { - -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } - -shortcuts-section { - margin: 20px; } - -.shortcuts-search-results { - margin: 20px; - border-spacing: 24px; } - -shortcut { - border-spacing: 6px; } - -shortcut > .keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #5c616c; - background-color: #fafafa; - border: 1px solid; - border-color: #ececec; - border-radius: 5px; - box-shadow: inset 0 -3px #fefefe; - font-size: smaller; } - -:not(decoration):not(window):drop(active):focus, -:not(decoration):not(window):drop(active) { - border-color: #19a187; - box-shadow: inset 0 0 0 1px #19a187; - caret-color: #19a187; } - -stackswitcher > button.text-button { - min-width: 100px; } - -stackswitcher.circular { - border-spacing: 12px; } - stackswitcher.circular > button.circular, - stackswitcher.circular > button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/************* - * App Icons * - *************/ -/* Outline for low res icons */ -.lowres-icon { - -gtk-icon-shadow: 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); } - -/* Drapshadow for large icons */ -.icon-dropshadow { - -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); } - -/********* - * Emoji * - ********/ -popover.emoji-picker > contents { - padding: 0; } - -.emoji-searchbar { - padding: 6px; - border-spacing: 6px; - border-bottom: 1px solid #d9d9d9; } - -.emoji-toolbar { - padding: 6px; - border-spacing: 6px; - border-top: 1px solid #d9d9d9; } - -button.emoji-section { - border-color: transparent; - border-width: 3px; - border-style: none none solid; - border-radius: 0; - padding: 3px 0 0; - min-width: 32px; - min-height: 28px; - /* reset props inherited from the button style */ - background: none; - box-shadow: none; - text-shadow: none; } - button.emoji-section:hover { - border-color: #d9d9d9; } - button.emoji-section:checked { - border-color: #a400a4; } - -popover.emoji-picker emoji { - font-size: x-large; - padding: 6px; - border-radius: 6px; } - popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { - background: #a400a4; } - -emoji-completion-row > box { - border-spacing: 10px; - padding: 2px 10px; } - -emoji-completion-row:focus, -emoji-completion-row:hover { - background-color: #a400a4; - color: #ffffff; } - -emoji-completion-row emoji:focus, -emoji-completion-row emoji:hover { - background-color: #eaebec; } - -popover.entry-completion > contents { - padding: 0; } - -statusbar { - padding: 6px 10px 6px 10px; } - -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"); } - -/*************************** - * Check and Radio buttons * - ***************************/ -row label.subtitle { - font-size: smaller; - opacity: 0.55; - text-shadow: none; } - -row > box.header { - margin-left: 12px; - margin-right: 12px; - min-height: 50px; } - row > box.header > box.title { - margin-top: 8px; - margin-bottom: 8px; } - -row.expander { - background-color: transparent; } - row.expander list.nested > row { - background-color: alpha(#ffffff, 0.5); - border-color: alpha(#d9d9d9, 0.7); - border-style: solid; - border-width: 1px 0px 0px 0px; } - row.expander image.expander-row-arrow { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row.expander:checked image.expander-row-arrow { - -gtk-icon-transform: rotate(0turn); } - row.expander:not(:checked) image.expander-row-arrow { - opacity: 0.55; - text-shadow: none; } - row.expander:not(:checked) image.expander-row-arrow:dir(ltr) { - -gtk-icon-transform: rotate(-0.25turn); } - row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { - -gtk-icon-transform: rotate(0.25turn); } - row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #a400a4; } - row.expander image.expander-row-arrow:disabled { - color: #9da0a7; } - -flap > dimming, -deck > dimming, -leaflet > dimming { - background: rgba(0, 0, 0, 0.12); } - -flap > border, -deck > border, -leaflet > border { - min-width: 1px; - min-height: 1px; - background: #d9d9d9; } - -flap > shadow, -deck > shadow, -leaflet > shadow { - min-width: 56px; - min-height: 56px; } - flap > shadow.left, - deck > shadow.left, - leaflet > shadow.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.right, - deck > shadow.right, - leaflet > shadow.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.up, - deck > shadow.up, - leaflet > shadow.up { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - flap > shadow.down, - deck > shadow.down, - leaflet > shadow.down { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); } - -flap > outline, -deck > outline, -leaflet > outline { - min-width: 1px; - min-height: 1px; - background: transparent; } - -avatar { - border-radius: 9999px; - -gtk-outline-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: #fff; } - avatar.image { - background: none; } - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; } - -statuspage > scrolledwindow > viewport > box { - margin: 36px 12px; } - statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { - margin-bottom: 36px; } - statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) { - margin-bottom: 12px; } - -window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp, -preferencespage > scrolledwindow > viewport > clamp { - margin: 0 12px; - transition: margin-bottom 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp > list, - preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup { - transition: margin-top 200ms ease; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small, - preferencespage > scrolledwindow > viewport > clamp.small { - margin-bottom: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.small > list, - preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup { - margin-top: 18px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium, - preferencespage > scrolledwindow > viewport > clamp.medium { - margin-bottom: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.medium > list, - preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup { - margin-top: 24px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large, - preferencespage > scrolledwindow > viewport > clamp.large { - margin-bottom: 30px; } - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list, - window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup, - preferencespage > scrolledwindow > viewport > clamp.large > list, - preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup { - margin-top: 30px; } - -preferencesgroup > box > label:not(:first-child) { - margin-top: 6px; } - -preferencesgroup > box > box:not(:first-child) { - margin-top: 12px; } - -tabbar .tab-indicator:not(.clickable) { - background: none; - box-shadow: none; - border-color: transparent; } - -/*************************** - * Check and Radio buttons * - ***************************/ -popover.combo list { - min-width: 200px; } - -window.csd.unified:not(.solid-csd) headerbar { - border-radius: 0; } - -.windowhandle, .windowhandle * { - -GtkWidget-window-dragging: true; } - -popover.combo { - padding: 0px; } - popover.combo list { - border-style: none; - background-color: transparent; } - popover.combo list > row { - padding: 0px 12px 0px 12px; - min-height: 50px; } - popover.combo list > row:not(:last-child) { - border-bottom: 1px solid alpha(#d9d9d9, 0.5); } - popover.combo list > row:first-child { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo list > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo overshoot.top { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - popover.combo overshoot.bottom { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical { - padding-top: 2px; - padding-bottom: 2px; } - popover.combo scrollbar.vertical:dir(ltr) { - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - popover.combo scrollbar.vertical:dir(rtl) { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; } - -row.expander { - padding: 0px; } - row.expander image.expander-row-arrow:dir(ltr) { - margin-left: 6px; } - row.expander image.expander-row-arrow:dir(rtl) { - margin-right: 6px; } - -keypad .digit { - font-size: 200%; - font-weight: bold; } - -keypad .letters { - font-size: 70%; } - -keypad .symbol { - font-size: 160%; } - -viewswitcher, viewswitcher button { - margin: 0; - padding: 0; } - -viewswitcher button { - border-radius: 0; - border-top: 0; - border-bottom: 0; - box-shadow: none; - font-size: 1rem; } - viewswitcher button:not(:checked):not(:hover) { - background: transparent; } - viewswitcher button:not(:only-child):not(:last-child) { - border-right-width: 0px; } - viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) { - border-left-color: transparent; } - viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) { - border-right-color: transparent; } - viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: image(lighter(#ffffff)); } - viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: shade(#d9d9d9, 1.15); } - viewswitcher button:not(only-child):last-child:not(:checked):hover { - border-right-color: shade(#d9d9d9, 1.15); } - viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#ffffff); } - headerbar viewswitcher button:not(:checked):hover:not(:backdrop) { - background-image: linear-gradient(to top, shade(alpha(#ffffff, 0.7), 0.96) 2px, alpha(#ffffff, 0.7)); } - headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover { - border-left-color: #d9d9d9; } - headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover { - border-right-color: #d9d9d9; } - headerbar viewswitcher button:not(:checked):hover:backdrop { - background-image: image(#ffffff); } - viewswitcher button > stack > box.narrow { - font-size: 0.75rem; - padding-top: 7px; - padding-bottom: 5px; } - viewswitcher button > stack > box.narrow image, - viewswitcher button > stack > box.narrow label { - padding-left: 8px; - padding-right: 8px; } - viewswitcher button > stack > box.wide { - padding: 8px 12px; } - viewswitcher button > stack > box.wide label:dir(ltr) { - padding-right: 7px; } - viewswitcher button > stack > box.wide label:dir(rtl) { - padding-left: 7px; } - viewswitcher button > stack > box label.active { - font-weight: bold; } - viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label { - animation: none; - background-image: none; } - viewswitcher button.needs-attention > stack > box label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 0px, right 1px; } - viewswitcher button.needs-attention > stack > box label:backdrop { - background-size: 6px 6px, 0 0; } - viewswitcher button.needs-attention > stack > box label:dir(rtl) { - background-position: left 0px, left 1px; } - -viewswitcherbar actionbar > revealer > box { - padding: 0; } - -list.content, -list.content list { - background-color: transparent; } - -list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) { - background-color: mix(#ffffff, #fafafa, 0.5); } - -list.content list.nested > row:not(:active):hover.activatable:not(:selected) { - background-color: mix(#5c616c, #fafafa, 0.95); } - -list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) { - background-color: #fafafa; } - -list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) { - background-color: mix(#5c616c, #fafafa, 0.95); } - -list.content > row, -list.content > row list > row { - border-color: alpha(#d9d9d9, 0.7); - border-style: solid; - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - -list.content > row:not(:last-child) { - border-width: 1px 1px 0px 1px; } - -list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header { - border-top-left-radius: 8px; - -gtk-outline-top-left-radius: 7px; - border-top-right-radius: 8px; - -gtk-outline-top-right-radius: 7px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked { - border-width: 1px; } - -list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child { - border-bottom-left-radius: 8px; - -gtk-outline-bottom-left-radius: 7px; - border-bottom-right-radius: 8px; - -gtk-outline-bottom-right-radius: 7px; } - -list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row { - margin-top: 6px; } - -button.list-button:not(:active):not(:checked):not(:hover) { - background: none; - border: 1px solid alpha(#d9d9d9, 0.5); - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.7); } - window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode { - box-shadow: none; } - -window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.34); } - -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized), -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration, -window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay { - border-radius: 8px; } - -statuspage > scrolledwindow > viewport > box > clamp > box > .icon { - color: rgba(92, 97, 108, 0.5); } - statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop { - color: rgba(174, 176, 182, 0.5); } - -tabbar .box { - min-height: 38px; - background: #d9d9d9; - border-bottom: 1px solid #c2c2c2; } - tabbar .box:backdrop { - background-color: #e8e8e8; - border-color: #d9d9d9; } - -tabbar scrolledwindow.pinned undershoot { - border: 0 solid #c2c2c2; } - -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:backdrop undershoot { - border-color: #d9d9d9; } - -tabbar scrolledwindow.pinned tabbox:dir(ltr) { - padding-right: 1px; - box-shadow: inset -1px 0 #c2c2c2; } - tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop { - box-shadow: inset -1px 0 #d9d9d9; } - -tabbar scrolledwindow.pinned tabbox:dir(rtl) { - padding-left: 1px; - box-shadow: inset 1px 0 #c2c2c2; } - tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop { - box-shadow: inset 1px 0 #d9d9d9; } - -tabbar undershoot { - transition: none; } - tabbar undershoot.left { - background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } - tabbar undershoot.right { - background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } - -tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, rgba(164, 0, 164, 0.7), rgba(164, 0, 164, 0.5) 1px, rgba(164, 0, 164, 0) 20px); } - -tabbar tab { - border-style: solid; - border-color: #c2c2c2; - border-width: 0 1px 0 1px; - transition: background 150ms ease-in-out; - background-color: #e0e0e0; } - tabbar tab:checked { - background-color: #f0f0f0; } - tabbar tab:checked:hover { - background-color: #f7f7f7; } - tabbar tab:hover { - background-color: #e8e8e8; } - tabbar tab:backdrop { - border-color: #d9d9d9; - background-color: #f0f0f0; } - tabbar tab:backdrop:checked { - background-color: #ffffff; } - -tabbar .start-action, -tabbar .end-action { - background: #e0e0e0; - border-color: #c2c2c2; - border-style: solid; - transition: background 150ms ease-in-out; } - tabbar .start-action:backdrop, - tabbar .end-action:backdrop { - border-color: #d9d9d9; - background-color: #f0f0f0; } - 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(ltr) > *, - tabbar .end-action:dir(rtl) > * { - margin-right: 1px; } - -tabbar .start-action:dir(rtl), -tabbar .end-action:dir(ltr) { - border-left-width: 1px; } - tabbar .start-action:dir(rtl) > *, - tabbar .end-action:dir(ltr) > * { - margin-left: 1px; } - -.tab-drag-icon tab { - min-height: 26px; - background-color: #f7f7f7; - box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8); - margin: 25px; } - -tabbar tab, -.tab-drag-icon tab { - padding: 6px; } - tabbar tab.needs-attention, - .tab-drag-icon tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(164, 0, 164, 0.2) 15%, rgba(164, 0, 164, 0) 15%); } - tabbar tab .tab-close-button, - tabbar tab .tab-indicator, - .tab-drag-icon tab .tab-close-button, - .tab-drag-icon tab .tab-indicator { - padding: 0; - margin: 0; - min-width: 24px; - min-height: 24px; - border-radius: 99px; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; - text-shadow: none; - background: none; } - tabbar tab .tab-close-button:hover, - tabbar tab .tab-indicator.clickable:hover, - .tab-drag-icon tab .tab-close-button:hover, - .tab-drag-icon tab .tab-indicator.clickable:hover { - background: alpha(#5c616c, 0.15); } - tabbar tab .tab-close-button:active, - tabbar tab .tab-indicator.clickable:active, - .tab-drag-icon tab .tab-close-button:active, - .tab-drag-icon tab .tab-indicator.clickable:active { - background: alpha(black, 0.2); } - -/********** - * Button * - **********/ -windowcontrols button, notebook > header > tabs > arrow, -button { - padding: 2px 6px; } - -.titlebar:not(headerbar) stackswitcher button:checked:checked, -.titlebar:not(headerbar) button.toggle:active, -.titlebar:not(headerbar) button.toggle:checked, -headerbar stackswitcher button:checked:checked, -headerbar button.toggle:active, -headerbar button.toggle:checked, -button.flat:not(.link):hover, -button:active, -button:checked { - background: #f2f2f2; - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } - .titlebar:not(headerbar) stackswitcher button:backdrop:checked, - .titlebar:not(headerbar) button.toggle:backdrop:active, - .titlebar:not(headerbar) button.toggle:backdrop:checked, - headerbar stackswitcher button:backdrop:checked, - headerbar button.toggle:backdrop:active, - headerbar button.toggle:backdrop:checked, - button.flat:backdrop:not(.link):hover, - button:active:backdrop, - button:checked:backdrop { - box-shadow: none; } - - -button:disabled { - box-shadow: none; } - - -button.flat:not(.link):hover { - transition: none; } - - -button.flat:not(.link):backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - - -button.image-button { - padding-left: 2px; - padding-right: 2px; } - - -button.circular { - min-height: 24px; - min-width: 24px; - padding: 2px; } - -/********** - * Entry * - **********/ -spinbutton:not(.vertical), spinbutton.vertical > text, -entry { - min-height: 28px; } - -spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled), -entry:not(:disabled) { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); - background: #ffffff; } - -spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, -entry:backdrop { - box-shadow: none; - border-color: #d9d9d9; } - -headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text, -headerbar entry { - background: #fafafa; } - -/********** - * Switch * - **********/ -switch { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } - switch:checked { - border-right-width: 0; - margin-right: 1px; - box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); } - switch:checked, switch:checked:backdrop { - border-color: rgba(0, 0, 0, 0.2); } - switch:checked slider { - border-color: #580058; } - switch:checked slider:backdrop:not(:disabled) { - border-color: #a400a4; } - switch:backdrop, switch:disabled { - box-shadow: none; - border-color: #d9d9d9; } - switch:backdrop slider, switch:disabled slider { - border-color: #d9d9d9; } - -/************************* - * Check and Radio items * - *************************/ -check, -radio { - background-image: linear-gradient(to bottom, #ffffff 20%, #fafafa 90%); - border-color: #c2c2c2; } - check, check:active, - radio, - radio:active { - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); } - check:checked, check:indeterminate, - radio:checked, - radio:indeterminate { - background-image: linear-gradient(to bottom, #a400a4 20%, #9a009a 90%); - border-color: #580058; - color: #ffffff; } - check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, - radio:checked, - radio:checked:active, - radio:indeterminate, - radio:indeterminate:active { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); } - check:checked:backdrop, check:indeterminate:backdrop, - radio:checked:backdrop, - radio:indeterminate:backdrop { - background-image: image(#a400a4); - box-shadow: none; } - check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, - radio:disabled, - radio:disabled:checked, - radio:disabled:indeterminate, - radio:disabled:backdrop, - radio:disabled:backdrop:checked, - radio:disabled:backdrop:indeterminate { - border-color: #d9d9d9; - background-image: image(#ffffff); - color: #5c616c; } - -radio:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: scale(0); } - -check:not(:indeterminate):not(:checked):active:not(:backdrop) { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - -radio:active, -check:active { - -gtk-icon-transform: scale(0, 1); } - -radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), -check:checked:not(:backdrop), -check:indeterminate:not(:backdrop) { - -gtk-icon-transform: unset; - transition: 400ms; } - -/************ - * GtkScale * - ************/ -switch slider, -scale slider { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - border-color: #bababa; } - switch:hover slider, switch slider:active, - scale slider:active { - background-image: image(white); - border-color: #a400a4; } - switch slider:backdrop, switch slider:disabled, - scale slider:backdrop, - scale slider:disabled { - border-color: #d9d9d9; - background-image: image(#ffffff); - box-shadow: none; } - -/***************** - * Title buttons * - *****************/ -windowcontrols { - margin: 0 5px; } - windowcontrols.end { - margin-left: 11px; } - windowcontrols.right { - margin-right: 11px; } - windowcontrols button { - color: transparent; - background: white; - margin: 0; - padding: 0; - min-width: 0; - min-height: 0; - border: 1px solid #c2c2c2; - box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); - -gtk-icon-shadow: none; - transition: all .2s; } - windowcontrols button:hover { - color: #5c616c; - background: white; - border-color: transparent; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } - windowcontrols button.close { - color: white; - background: #a400a4; - border-color: transparent; } - windowcontrols button.close:hover { - color: black; - background: #ad1aad; } - windowcontrols button:backdrop, windowcontrols button:backdrop:hover { - color: transparent; - background: transparent; - box-shadow: none; - border-color: #d9d9d9; - background: rgba(0, 0, 0, 0.1); } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - min-height: 40px; - border-color: #cccccc; - background: #f2f2f2 -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, #ededed, whitesmoke); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - box-shadow: 0 1px 4px rgba(204, 204, 204, 0.75); - background-repeat: no-repeat; - background-position: left; } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")); - background-repeat: no-repeat; - background-position: left; - box-shadow: none; } - .dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop { - background: #ffffff; - border: 0; - box-shadow: none; } - -headerbar entry, -headerbar spinbutton, -headerbar separator:not(.sidebar), -headerbar button { - margin-top: 5px; - margin-bottom: 5px; } - -headerbar switch { - margin-top: 7px; - margin-bottom: 7px; } - -/************** - * Tree Views * - **************/ -treeview.view { - border-top-color: #d9d9d9; } - treeview.view:backdrop { - border-top-color: #d9d9d9; } - treeview.view header button { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - margin-left: -1px; } - treeview.view header button:hover, treeview.view header button:active { - border-color: #d9d9d9; } - treeview.view header button:backdrop { - box-shadow: none; } - -/************* - * Notebooks * - *************/ -notebook > header { - border: 0; - padding: 0; - background-color: #f2f2f2; } - notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { - margin: 0; } - notebook > header.top > tabs > tab, - notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab, - notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab, - notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab, - notebook > header.right > tabs > tab.reorderable-page { - padding: 3px 12px; - border: 1px solid transparent; - margin: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header.top > tabs > tab:hover, - notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover, - notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover, - notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover, - notebook > header.right > tabs > tab.reorderable-page:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(whitesmoke); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); - transition-duration: 50ms; } - notebook > header.top > tabs > tab:hover:backdrop, - notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop, - notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop, - notebook > header.right > tabs > tab.reorderable-page:hover:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header.top > tabs > tab:checked, - notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked, - notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked, - notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked, - notebook > header.right > tabs > tab.reorderable-page:checked { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #d9d9d9; - border-bottom-color: #c2c2c2; - background-image: image(white); - box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } - notebook > header.top > tabs > tab:checked:backdrop, - notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop, - notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop, - notebook > header.right > tabs > tab.reorderable-page:checked:backdrop { - color: #aeb0b6; - border-color: #d9d9d9; - background-image: image(#ffffff); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - notebook > header.top > tabs > tab:backdrop, - notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop, - notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop, - notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop, - notebook > header.right > tabs > tab.reorderable-page:backdrop { - color: #aeb0b6; } - notebook > header.top { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.bottom { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.right { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header.left { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); } - notebook > header > tabs > tab { - border-radius: 4px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - min-height: 24px; } - notebook > header > tabs > tab button.flat { - margin-top: 1px; - margin-bottom: 1px; } - -/************** - * Scrollbars * - **************/ -scrollbar > range > trough > slider { - min-width: 6px; - min-height: 6px; } - -scrollbar > range.fine-tune > trough > slider { - min-width: 3px; - min-height: 3px; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 0 10px; - margin: 5px; - border-radius: 7px; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); - background-image: none; } - .app-notification:backdrop, - .app-notification.frame:backdrop { - box-shadow: none; } - -/********************** - * Window Decorations * - *********************/ -window.csd { - border-radius: 8px 8px 5px 5px; - border: 1px solid #fafafa; - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); } - window.csd:backdrop { - box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.15); } - window.csd.dialog.message, window.csd.popup { - box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0); - border-width: 0; } - -window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { - border-width: 0; } - -window.popup { - border-width: 0; } - -window.ssd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); - border-width: 0; } - -tooltip.csd { - border: 0; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #5c616c; -/* -text color for entries, views and content in general */ -@define-color theme_text_color black; -/* -widget base background color */ -@define-color theme_bg_color #ffffff; -/* -text widgets and the like base background color */ -@define-color theme_base_color #fafafa; -/* -base background color of selections */ -@define-color theme_selected_bg_color #a400a4; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #ffffff; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #fdfdfd; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #9da0a7; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #fafafa; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #aeb0b6; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color black; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #ffffff; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #f7f7f7; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #a400a4; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #ffffff; -/* -insensitive color on backdrop windows*/ -@define-color unfocused_insensitive_color #d9d9d9; -/* -widgets main borders color */ -@define-color borders #d9d9d9; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #d9d9d9; -/* -these are pretty self explicative */ -@define-color warning_color #fd7d00; -@define-color error_color #bf1717; -@define-color success_color #3db47e; -/* -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 shade(#5c616c, 1.8); -@define-color wm_unfocused_title #aeb0b6; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#ffffff, 1.2); -@define-color wm_bg_b #ffffff; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#ffffff, 1.3); -@define-color wm_button_hover_color_b #ffffff; -@define-color wm_button_active_color_a shade(#ffffff, 0.85); -@define-color wm_button_active_color_b shade(#ffffff, 0.89); -@define-color wm_button_active_color_c shade(#ffffff, 0.9); -/* content view background such as thumbnails view in Photos or Boxes */ -@define-color content_view_bg #fafafa; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #fafafa; -.open-document-selector-treeview:hover { - background-color: alpha(@theme_fg_color, 0.05); -} - -.open-document-selector-treeview:selected:hover { - background-color: @theme_selected_bg_color; -} - -/* Only normal state is handle */ -.open-document-selector-name-label { - color: @theme_fg_color; -} - -/* Only normal state is handle */ -.open-document-selector-path-label { - color: @theme_unfocused_fg_color; - font-size: smaller; -} - -/* Only normal state is handle */ -.open-document-selector-match { - color: shade (@theme_fg_color, 0.6); - background-color: alpha(@warning_color, 0.4); -} - -.gedit-document-panel { - background-color: @sidebar_bg; -} - -.gedit-document-panel:backdrop { - color: #b0b2b2; -} - -.gedit-document-panel row:selected:backdrop { - background-color: #8b8e8f; -} - -.gedit-document-panel-group-row, -.gedit-document-panel-group-row:hover { - border-top: 1px solid alpha(currentColor, 0.3); -} - -.gedit-document-panel-group-row:first-child, -.gedit-document-panel-group-row:first-child:hover { - border-top: 0px; -} - -/* Try to look as the notebook tab close button */ -.gedit-document-panel row button.flat { - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - min-width: 18px; - min-height: 18px; - color: alpha(currentColor,0.3); -} - -.gedit-document-panel row:hover button.flat { - color: alpha(currentColor,0.5); -} - -.gedit-document-panel row button.flat:hover { - color: @theme_fg_color; -} - -statusbar { - border-top: 1px solid @borders; -} - -.gedit-search-slider { - background-color: @theme_base_color; - padding: 6px; - border-color: @borders; - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - background-color: @theme_base_color; - background-image: none; - color: shade (@theme_unfocused_fg_color, 0.8); - border: 0px; - margin: 2px; - padding: 2px; -} -.nautilus-window, -.nautilus-window notebook, -.nautilus-window notebook > stack { - background: @theme_base_color; -} - -.nautilus-empty-state-icon { - opacity: 0.50; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.nautilus-canvas-item.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.nautilus-canvas-item.dim-label { - color: mix (@theme_fg_color, @theme_bg_color, 0.50); -} - -.nautilus-canvas-item.dim-label:selected { - color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); -} - -/* Toolbar */ - -/* Here we use the .button background-image colors from Adwaita, but ligthen them, - * since is not possible to use lighten () in common css. */ -@keyframes needs_attention_keyframes { - 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } - /* can't do animation-direction, so holding the color on two keyframes */ - 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } - 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -/* Remove white background and highlight on hover which GTK adds by default - * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */ -.operations-list, -.operations-list > :hover { - background: none; -} - -.disclosure-button { - padding-left: 4px; - padding-right: 4px; -} - -/* Path bar */ - -.nautilus-path-bar scrolledwindow { - border-radius: 5px 0px 0px 5px; - border: 1px @borders solid; - border-right-width: 0px; - background-color: @theme_bg_color; -} -.nautilus-path-bar scrolledwindow undershoot.left { - border-radius: 5px 0px 0px 5px; - background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} -.nautilus-path-bar scrolledwindow undershoot.right { - background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px); -} - -.nautilus-path-bar > button, -.path-buttons-box button { - margin: 0px; -} - -.path-buttons-box button { - background-image: none; - box-shadow: none; - border-radius: 5px; - border-width: 0px; - -gtk-icon-shadow: none; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover { - background: alpha(@theme_fg_color, 0.15); - box-shadow: inset 0 0 0 2px @theme_bg_color; -} - -.path-buttons-box button:not(.current-dir):not(:backdrop):hover * { - opacity: 1; -} - -/* Make the tags fit into the box */ -entry.search > * { - margin: 5px; -} - -/* Sidebar */ - -.nautilus-window .sidebar-row:selected { - background: mix(@theme_bg_color, @theme_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected, -.nautilus-window .sidebar-row:selected image, -.nautilus-window .sidebar-row:selected label { - color: mix(@theme_fg_color, @theme_text_color, 0.5); -} - -.nautilus-window .sidebar-row:selected:backdrop { - background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); -} - -.nautilus-window .sidebar-row:selected:backdrop, -.nautilus-window .sidebar-row:selected:backdrop label { - color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); -} - -/* Floating status bar */ -.floating-bar { - padding: 1px; - background-color: @theme_base_color; - border-width: 1px; - border-style: solid solid none; - border-color: @borders; - border-radius: 8px 8px 0 0; -} - -.floating-bar.bottom.left { /* axes left border and border radius */ - border-left-style: none; - border-top-left-radius: 0; -} -.floating-bar.bottom.right { /* axes right border and border radius */ - border-right-style: none; - border-top-right-radius: 0; -} - -.floating-bar:backdrop { - background-color: @theme_unfocused_base_color; - border-color: @unfocused_borders; -} - -.floating-bar button { - padding: 0px; -} - -@define-color disk_space_unknown #888a85; -@define-color disk_space_used #729fcf; -@define-color disk_space_free #eeeeec; - -.disk-space-display { - border-style: solid; - border-width: 2px; -} - -.disk-space-display.unknown { - background-color: @disk_space_unknown; - border-color: shade(@disk_space_unknown, 0.7); - color: @disk_space_unknown; -} -.disk-space-display.unknown.border { - color: shade(@disk_space_unknown, 0.7); -} - -.disk-space-display.used { - background-color: @disk_space_used; - border-color: shade(@disk_space_used, 0.7); - color: @disk_space_used; -} -.disk-space-display.used.border { - color: shade(@disk_space_used, 0.7); -} - -.disk-space-display.free { - background-color: @disk_space_free; - border-color: shade(@disk_space_free, 0.7); - color: @disk_space_free; -} -.disk-space-display.free.border { - color: shade(@disk_space_free, 0.7); -} - -/* As a workaround for GtkTreeView showing thick border above first row when - * horizontal grid lines are enabled, we add them using CSS instead. Exclude the - * drop targets to let through the default feedback style. */ -.nautilus-list-view .view:not(:drop(active)) { - border-bottom: 1px solid @theme_bg_color; -} - -.nautilus-list-view.thumbnail { - -gtk-icon-shadow: 0px 1px 2px @borders, - 1px 0px 0px alpha(@borders, 0.25), - -1px 0px 0px alpha(@borders, 0.25), - 0px 2px 0px alpha(@borders, 0.5); -} - -.search-information { - background-color: @theme_selected_bg_color; - color:white; - padding:2px; -} - -@define-color conflict_bg #fef6b6; - -.conflict-row { - background: @conflict_bg; - color: black; -} - -.conflict-row:hover { - background-color: shade(@conflict_bg, 0.9); -} - -.conflict-row:selected { - background: @theme_selected_bg_color; - color: @theme_selected_fg_color; -} - -/* Icon view */ -flowbox { - padding: 18px -} - -flowboxchild { - padding: 0px; -} - -flowboxchild:selected { - background-color:transparent; - outline-color: transparent; -} - -flowboxchild .thumbnail { - margin: 4px; - box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5), - 0px 0px 0px 1px alpha(@borders, 0.5), - 0px 2px 0px 0px alpha(@borders, 0.5); - border-radius: 2px; -} - -.icon-ui-labels-box { - padding: 2px 4px; - border-radius: 4px; -} - -flowboxchild:selected .icon-ui-labels-box { - color: @theme_selected_fg_color; - background-color: @theme_selected_bg_color; -} - -flowboxchild:selected image { - -gtk-icon-effect: dim; /* GTK 3 only */ - /* GTK 4 TODO: Replace previous line with the following one: - -gtk-icon-filter: opacity(0.5); - */ - -gtk-icon-shadow: 0px 0px @theme_selected_bg_color; -} diff --git a/share/themes/Kali-Purple-Light/index.theme b/share/themes/Kali-Purple-Light/index.theme deleted file mode 100644 index 78de1d8c..00000000 --- a/share/themes/Kali-Purple-Light/index.theme +++ /dev/null @@ -1,13 +0,0 @@ -[Desktop Entry] -Type=X-GNOME-Metatheme -Name=Kali-Purple-Light -Comment=The Kali Purple Default Theme -Encoding=UTF-8 - - -[X-GNOME-Metatheme] -GtkTheme=Kali-Purple-Light -MetacityTheme=Kali-Purple-Light -IconTheme=Flat-Remix-Purple-Light -CursorTheme=Adwaita -ButtonLayout=:minimize,maximize,close diff --git a/share/themes/Kali-Purple-Light/xfwm4/bottom-active.png b/share/themes/Kali-Purple-Light/xfwm4/bottom-active.png deleted file mode 100644 index 471a7aef..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/bottom-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/bottom-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/bottom-inactive.png deleted file mode 100644 index 471a7aef..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/bottom-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/bottom-left-active.png b/share/themes/Kali-Purple-Light/xfwm4/bottom-left-active.png deleted file mode 100644 index c3f27895..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/bottom-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/bottom-left-inactive.png deleted file mode 100644 index c3f27895..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/bottom-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/bottom-right-active.png b/share/themes/Kali-Purple-Light/xfwm4/bottom-right-active.png deleted file mode 100644 index 71dfcc46..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/bottom-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/bottom-right-inactive.png deleted file mode 100644 index 71dfcc46..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/bottom-right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-active.png b/share/themes/Kali-Purple-Light/xfwm4/close-active.png deleted file mode 100644 index 62afae92..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/close-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/close-inactive.png deleted file mode 100644 index 1a414396..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/close-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/close-prelight.png deleted file mode 100644 index 4b6528e9..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/close-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/close-pressed.png deleted file mode 100644 index 697f7d59..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/close-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-active.png b/share/themes/Kali-Purple-Light/xfwm4/hide-active.png deleted file mode 100644 index d157a529..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/hide-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/hide-inactive.png deleted file mode 100644 index 1a414396..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/hide-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/hide-prelight.png deleted file mode 100644 index 94143325..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/hide-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/hide-pressed.png deleted file mode 100644 index 570b3eb1..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/hide-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/left-active.png b/share/themes/Kali-Purple-Light/xfwm4/left-active.png deleted file mode 100644 index 36a57270..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/left-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/left-inactive.png deleted file mode 100644 index 36a57270..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-active.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-active.png deleted file mode 100644 index d157a529..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/maximize-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-inactive.png deleted file mode 100644 index 1a414396..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/maximize-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-prelight.png deleted file mode 100644 index d287a980..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/maximize-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-pressed.png deleted file mode 100644 index ac61e12f..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/maximize-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/menu-active.png b/share/themes/Kali-Purple-Light/xfwm4/menu-active.png deleted file mode 100644 index 7385a31f..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/menu-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/menu-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/menu-inactive.png deleted file mode 100644 index 7385a31f..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/menu-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/menu-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/menu-pressed.png deleted file mode 100644 index 7385a31f..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/menu-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/right-active.png b/share/themes/Kali-Purple-Light/xfwm4/right-active.png deleted file mode 100644 index 830de5f5..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/right-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/right-inactive.png deleted file mode 100644 index 830de5f5..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/right-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-active.png b/share/themes/Kali-Purple-Light/xfwm4/shade-active.png deleted file mode 100644 index 0fb92346..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/shade-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/shade-inactive.png deleted file mode 100644 index aa44783f..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/shade-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/shade-prelight.png deleted file mode 100644 index 9c065bf7..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/shade-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/shade-pressed.png deleted file mode 100644 index dc223ce5..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/shade-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-active.png b/share/themes/Kali-Purple-Light/xfwm4/stick-active.png deleted file mode 100644 index 36893f62..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/stick-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/stick-inactive.png deleted file mode 100644 index dd12d47e..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/stick-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/stick-prelight.png deleted file mode 100644 index 36893f62..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/stick-prelight.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/stick-pressed.png deleted file mode 100644 index 22fe954d..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/stick-pressed.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/themerc b/share/themes/Kali-Purple-Light/xfwm4/themerc deleted file mode 100644 index a70162bc..00000000 --- a/share/themes/Kali-Purple-Light/xfwm4/themerc +++ /dev/null @@ -1,17 +0,0 @@ -active_text_color=#000 -inactive_text_color=#8d8d8d -button_offset=1 -button_spacing=4 -show_app_icon=true -full_width_title=true -maximized_offset=0 -title_horizontal_offset=3 -title_shadow_active=false -title_shadow_inactive=false -title_vertical_offset_active=0 -title_vertical_offset_inactive=0 -shadow_delta_height=2 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-2 -shadow_opacity=40 diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-1-active.png b/share/themes/Kali-Purple-Light/xfwm4/title-1-active.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-1-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-1-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/title-1-inactive.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-1-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-2-active.png b/share/themes/Kali-Purple-Light/xfwm4/title-2-active.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-2-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-2-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/title-2-inactive.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-2-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-3-active.png b/share/themes/Kali-Purple-Light/xfwm4/title-3-active.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-3-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-3-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/title-3-inactive.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-3-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-4-active.png b/share/themes/Kali-Purple-Light/xfwm4/title-4-active.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-4-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-4-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/title-4-inactive.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-4-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-5-active.png b/share/themes/Kali-Purple-Light/xfwm4/title-5-active.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-5-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/title-5-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/title-5-inactive.png deleted file mode 100644 index 79536e93..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/title-5-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/top-left-active.png b/share/themes/Kali-Purple-Light/xfwm4/top-left-active.png deleted file mode 100644 index 9e400e65..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/top-left-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/top-left-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/top-left-inactive.png deleted file mode 100644 index 9e400e65..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/top-left-inactive.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/top-right-active.png b/share/themes/Kali-Purple-Light/xfwm4/top-right-active.png deleted file mode 100644 index 61f09d69..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/top-right-active.png and /dev/null differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/top-right-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/top-right-inactive.png deleted file mode 100644 index 61f09d69..00000000 Binary files a/share/themes/Kali-Purple-Light/xfwm4/top-right-inactive.png and /dev/null differ