diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-active.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-active.png index aa80b826..b936ff8a 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-active.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-active.png differ diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-inactive.png index aa80b826..b936ff8a 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-inactive.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-left-inactive.png differ diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-active.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-active.png index 7de93ef1..af4c8deb 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-active.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-active.png differ diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-inactive.png index 7de93ef1..af4c8deb 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-inactive.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/bottom-right-inactive.png differ diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-active.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-active.png index e8e5800d..b4575286 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-active.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-active.png differ diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-inactive.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-inactive.png index e8e5800d..b4575286 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-inactive.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-left-inactive.png differ diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-active.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-active.png index 0b93dd1e..09241985 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-active.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-active.png differ diff --git a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-inactive.png b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-inactive.png index 0b93dd1e..09241985 100644 Binary files a/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-inactive.png and b/share/themes/Kali-Dark-xHiDPI/xfwm4/top-right-inactive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/button-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/button-active.png index c55c2242..4da3f73f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/button-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/button-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/button-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/button-hover.png index 5c465eaf..aca610f8 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/button-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/button-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/button-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/button-insensitive.png index e969fe39..95e60455 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/button-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/button-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/button.png b/share/themes/Kali-Dark/gtk-2.0/assets/button.png index 15b15074..3bc6214d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/button.png and b/share/themes/Kali-Dark/gtk-2.0/assets/button.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-active.png index a9ba890b..45219072 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-hover.png index 92781c6f..a912afe3 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png index 4ac66250..e772c6dc 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked.png index 08a58672..7acd3250 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-checked.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-active.png index de3415c4..1e51a8c9 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-hover.png index 54934481..cbecc18a 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png index 746809ba..322fa33d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed.png index cf3de6aa..964b874a 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-mixed.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-active.png index f6ba26e7..ee30bd35 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png index b8f457c2..cc49f068 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png index ea067c64..1a40a53d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked.png b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked.png index 2906f2cf..e29167d6 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked.png and b/share/themes/Kali-Dark/gtk-2.0/assets/checkbox-unchecked.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png index 555969cf..bdc1dff8 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png index 9b3a2bde..d93935c1 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png index b3ac5939..19ed6dd5 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button.png index d936f43b..069dcfc6 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-ltr-button.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png index 7af65893..99f82581 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png index 7c61fd66..cc673839 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png index 64bb0c7f..5d888e4d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button.png index f0f5c8ef..e3c8d9c9 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-button.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png index c58f7cf9..bbd006f3 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png index 58ef411b..4c053a75 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png index 66bdb8bb..84696151 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png and b/share/themes/Kali-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/focus.png b/share/themes/Kali-Dark/gtk-2.0/assets/focus.png index 2f246d66..a9e1ab5d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/focus.png and b/share/themes/Kali-Dark/gtk-2.0/assets/focus.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/frame-inline.png b/share/themes/Kali-Dark/gtk-2.0/assets/frame-inline.png index 8c954686..e7c95066 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/frame-inline.png and b/share/themes/Kali-Dark/gtk-2.0/assets/frame-inline.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/frame.png b/share/themes/Kali-Dark/gtk-2.0/assets/frame.png index f32aad77..8534d2bc 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/frame.png and b/share/themes/Kali-Dark/gtk-2.0/assets/frame.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/handle-horz.png b/share/themes/Kali-Dark/gtk-2.0/assets/handle-horz.png index 50479494..4593d31d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/handle-horz.png and b/share/themes/Kali-Dark/gtk-2.0/assets/handle-horz.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/handle-vert.png b/share/themes/Kali-Dark/gtk-2.0/assets/handle-vert.png index 730671ea..0e6e49ce 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/handle-vert.png and b/share/themes/Kali-Dark/gtk-2.0/assets/handle-vert.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/handle.png b/share/themes/Kali-Dark/gtk-2.0/assets/handle.png index 23a0c8ad..733e08e1 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/handle.png and b/share/themes/Kali-Dark/gtk-2.0/assets/handle.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-border.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-border.png index f32aad77..8534d2bc 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-border.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-border.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png index 9483e9ce..4605163a 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png index 79204474..dd09cf1f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked.png index 9483e9ce..4605163a 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-hover.png index 16a85014..1f744119 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png index c46cb7ab..084b06b2 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png index 30602c3a..5d41cb75 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png index 9b820651..9588c98a 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed.png index 30602c3a..5d41cb75 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox.png index 16a85014..1f744119 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-checkbox.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png index b059684c..66854570 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down.png index 69677df0..7ef4f07c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-down.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-hover.png index c0d2e6d6..51641dc5 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png index dc071979..4110b179 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left.png index c0d2e6d6..51641dc5 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-left.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-hover.png index fc073ef0..1140a2f1 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png index 291e2628..f7cb703c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right.png index fc073ef0..1140a2f1 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-right.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png index c7788956..e09c2225 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up.png index a95ca1df..31094b5e 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-pan-up.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-hover.png index d5f37986..0af512ef 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png index 86a8ebb7..71a57cc1 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked.png index d5f37986..0af512ef 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-hover.png index 49c7ec4d..073bd14a 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-insensitive.png index 9789d34e..012a4c7d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png index 4ea56ccc..45d00d3c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png index 1e919467..63124664 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed.png index 4ea56ccc..45d00d3c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio.png b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio.png index 49c7ec4d..073bd14a 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio.png and b/share/themes/Kali-Dark/gtk-2.0/assets/menu-radio.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-down-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-down-insensitive.png index b059684c..66854570 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-down-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-down-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-down.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-down.png index 69677df0..7ef4f07c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-down.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-down.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-insensitive.png index b6931aad..63da9909 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-semi.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-semi.png index a5c75d19..d66c52f4 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-semi.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-left-semi.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-left.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-left.png index ac1282ee..e35ac182 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-left.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-left.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-insensitive.png index 0d84ed2d..7e32e6d6 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-semi.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-semi.png index 0b452360..b3edf6b5 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-semi.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-right-semi.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-right.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-right.png index 4e3d2687..1c1c3537 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-right.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-right.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-up-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-up-insensitive.png index c7788956..e09c2225 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-up-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-up-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/pan-up.png b/share/themes/Kali-Dark/gtk-2.0/assets/pan-up.png index a95ca1df..31094b5e 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/pan-up.png and b/share/themes/Kali-Dark/gtk-2.0/assets/pan-up.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-horz-trough.png b/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-horz-trough.png index 6940ff91..a29aea0f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-horz-trough.png and b/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-horz-trough.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-vert-trough.png b/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-vert-trough.png index 05c28cd6..579e3de2 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-vert-trough.png and b/share/themes/Kali-Dark/gtk-2.0/assets/progressbar-vert-trough.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-active.png index 1eeacbac..da99b262 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-hover.png index f93e959b..3f8d1922 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-insensitive.png index 27d6edeb..e6371038 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked.png index 78b83196..714a29ca 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-checked.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-active.png index 66547d9e..f1cf2747 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-hover.png index 34bc4aa8..0d6e9ff9 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-insensitive.png index dd374da7..a0f3c38c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed.png index 489cadc3..80adb8bd 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-mixed.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-active.png index 41c586e9..0c453440 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-hover.png index 8f604622..4f8337ac 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png index 27522a32..05186936 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked.png b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked.png index 4534d385..dbf1e0d3 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked.png and b/share/themes/Kali-Dark/gtk-2.0/assets/radio-unchecked.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-focus.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-focus.png index 26def4f4..afacaf05 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-focus.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-focus.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough-active.png index 529ae7e4..629ae65f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough.png index 3ea9f719..62591a64 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-horz-trough.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-active.png index 91c71e30..b8d1290b 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-hover.png index bcf0e62c..8c951754 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-insensitive.png index 514faa34..aacb4fd9 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider.png index ed1506c8..24efc5fc 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-slider.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough-active.png index d7fe487f..761ddfa9 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough.png b/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough.png index 33ae5963..08b970cf 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scale-vert-trough.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png index 692c4ed5..b08c1a5e 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png index 3fdbda19..c188b72f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider.png index 08fb24a8..a8145993 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-horz-slider.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png index 2d4b39fa..849f1504 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png index 40afa528..aeda8999 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png index 9d57e11e..fe633ea6 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png index 8b0db10e..2347fcdb 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png index 70abc9a6..3b12d477 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider.png b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider.png index 6be735b3..9903b1ce 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider.png and b/share/themes/Kali-Dark/gtk-2.0/assets/scrollbar-vert-slider.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-down-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-down-insensitive.png index d7a85abd..6767cfbc 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-down-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-down-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-down.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-down.png index 05e383ba..c55cbd0b 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-down.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-down.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-active.png index 171e133d..6bac2db7 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-hover.png index b790bc1f..b05ceb63 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png index 516e7e90..7129752f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down.png index 6cb348ec..31c3538c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-active.png index 76a9580f..35f53dec 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-hover.png index 94436f2a..40f62394 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png index 106f5378..90a94861 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up.png index c853b6b4..7bc253b8 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-active.png index 4d84eb25..6590c295 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-hover.png index e6f42f89..2c95ce6d 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png index d317d69b..47843784 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down.png index 709665f7..48a14f7c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-active.png index 9cd8847f..ae5ab9a3 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-hover.png index e5f4bb67..af01679f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png index 2f741532..c11ef4f3 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up.png index 0896f5f0..07de07bb 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-up-insensitive.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-up-insensitive.png index d2246280..f0efaa5b 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-up-insensitive.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-up-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/spin-up.png b/share/themes/Kali-Dark/gtk-2.0/assets/spin-up.png index 404310fa..a8a0cfd7 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/spin-up.png and b/share/themes/Kali-Dark/gtk-2.0/assets/spin-up.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-down-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-down-active.png index e0654087..514f872e 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-down-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-down-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-down.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-down.png index e2470c1d..bc92b9dd 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-down.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-down.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-horz-gap.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-horz-gap.png index 14ea678f..49069bcb 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-horz-gap.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-horz-gap.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-left-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-left-active.png index 96e24958..3d909358 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-left-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-left-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-left.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-left.png index 0d8bd35f..528891c7 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-left.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-left.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-right-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-right-active.png index 4481f244..e3154f8c 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-right-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-right-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-right.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-right.png index 1806c8cf..c047d8ea 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-right.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-right.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-up-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-up-active.png index 7ee29f09..3c3b8e59 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-up-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-up-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-up.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-up.png index 5b873599..091e1d8e 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-up.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-up.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/tab-vert-gap.png b/share/themes/Kali-Dark/gtk-2.0/assets/tab-vert-gap.png index 5cf53431..71748009 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/tab-vert-gap.png and b/share/themes/Kali-Dark/gtk-2.0/assets/tab-vert-gap.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-active.png index 93c11f62..b8e53859 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-hover.png index 596a940c..e96bc580 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down.png b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down.png index 4cd91fab..55ba5295 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down.png and b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-down.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-active.png b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-active.png index 17a34ce8..612d7bde 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-active.png and b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-active.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-hover.png b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-hover.png index a1fdd8d6..36ee52e1 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-hover.png and b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up.png b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up.png index 6d76d2c6..6348cf4f 100644 Binary files a/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up.png and b/share/themes/Kali-Dark/gtk-2.0/assets/treeview-pan-up.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-black.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-black.png index c6410342..2d90544e 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/close-black.png and b/share/themes/Kali-Dark/gtk-3.0/assets/close-black.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-black@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-black@2.png index 88d2d2c7..09db8b2f 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/close-black@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/close-black@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-white.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-white.png index 8ea117d6..70618145 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/close-white.png and b/share/themes/Kali-Dark/gtk-3.0/assets/close-white.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/close-white@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/close-white@2.png index 05da08cd..a81f5172 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/close-white@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/close-white@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png index 9dfbf0fc..b9c2a745 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png index 720055ed..0733be88 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo.png b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo.png index eb3b81c6..c5abba33 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo.png and b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png index 281a74a6..5b61c912 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark.png index 56804382..f2e61a2b 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark@2.png index b06e0dec..c4c45728 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize.png index 55849723..2d82891f 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/maximize.png and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/maximize@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/maximize@2.png index 86c3ea90..9f68f675 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/maximize@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/maximize@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark.png index b6fe877a..3cd96980 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark@2.png index 1df3c41e..026b0185 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize.png index 808cc6d0..798de286 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/minimize.png and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/minimize@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/minimize@2.png index 57d05d15..fc5771c1 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/minimize@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/minimize@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png index 8722a3dc..848e5b12 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png index 37379308..a2a03ad2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png index de9a3e97..755dda8f 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png index 1f2c0c22..5deb0ab2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png index 5cb90542..de735a3c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png index ca28a9df..d08be88c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png index 5cb90542..de735a3c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png index ca28a9df..d08be88c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png index ef14660c..a228a98d 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png index 03fe555c..17fa9de3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png index 331dc198..c5576dee 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png index 560b817d..9f7ff4df 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png index f365916e..552a9ded 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png index ca00dd7a..27dcb79e 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png index cf292911..547e7862 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png index a42f9a1a..7591a1cc 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png index 319c203c..23d1d70a 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png index 4961d146..aaa54ce8 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png index 5cb90542..de735a3c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png index ca28a9df..d08be88c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png index ef14660c..a228a98d 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png index 03fe555c..17fa9de3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png index ad929deb..9c72027c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png index dd536ae6..4acaf693 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png index 5bfea710..8c836267 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png index ea032d54..962028d5 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png index b0842070..d28d1510 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png index 9d872b9f..73c7a263 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png index 2977074c..e5fef501 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png index c28fa3e3..81dda220 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png index 2977074c..e5fef501 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png index c28fa3e3..81dda220 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png index 7283014d..43578f47 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png index b802db01..b4c6871c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png index 0fd1ac54..e8e835d0 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png index e2a3c970..3c1d4788 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png index 958f3b8e..1885b0b1 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png index f2ab4c8e..b613d121 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png index d9b9f934..679f129e 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png index 81a31595..e9921c95 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png index 9eabf877..5219a662 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png index cb5f45d4..f0fbebd8 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png index 2977074c..e5fef501 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png index c28fa3e3..81dda220 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png index 0fd1ac54..e8e835d0 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png index e2a3c970..3c1d4788 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png index 7a57db02..b6d9d6ab 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png index c20a9875..a210b686 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png index f89310d4..a06fabeb 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png index 1995373d..59d61b86 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png index 3bd4dd1b..11c5de2f 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png index acc462c7..c7244fd5 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png index df9d144a..37d516b3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png index c525ae2e..7ac53c41 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png index df9d144a..37d516b3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png index c525ae2e..7ac53c41 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png index 06f3a9e3..350549cf 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png index b76e980f..0a8131d2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png index 977e373c..9b1f0aaa 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png index b76e980f..0a8131d2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png index 2ab17196..b2718cfb 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png index 2b8cec32..53c28382 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png index 1f51b5a5..acc6e6c0 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png index 2aa8edd9..9107ff35 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png index 9d88ece0..d245c109 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png index 034b5ade..88a4de74 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png index df9d144a..37d516b3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png index c525ae2e..7ac53c41 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png index 06f3a9e3..350549cf 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png index c32b58b7..50807887 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png index f0581de8..0eab7cbe 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png index 05da62f0..f9706301 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png index 11591bfa..f02a4e34 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png index 098f671b..7f0b86d9 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png index 1108f486..4e18814a 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png index 837d77ae..63853a40 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png index 45527534..3d22e92b 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png index 903313d9..cb292ea2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png index 45527534..3d22e92b 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png index 903313d9..cb292ea2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png index acac5e95..4e2aaee3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png index 89a61131..4b024b6b 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png index acac5e95..4e2aaee3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png index 89a61131..4b024b6b 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png index aa2abad2..3db1adbe 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png index 58671d37..a83633a3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png index 90b3003a..8d222e5e 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png index f243e61c..6d7b4946 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png index 1ae7d904..9fc726b6 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png index bd482e55..b2134623 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png index 45527534..3d22e92b 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png index 903313d9..cb292ea2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png index acac5e95..4e2aaee3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png index ae7b771a..333b068c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png index e8a1bc44..7e72cd89 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png index 873f42b1..f6393565 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark.png index 972ce779..b79bc91c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png index 5a8924f0..a920b023 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active.png index c9e0d91a..6d4ce5e2 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active@2.png index 5e1dae2d..0b1b02d3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-active@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark.png index a536ce7b..669de792 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark@2.png index ba246066..d1b2b838 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark.png index b3d31600..0be10849 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png index c303d3f5..2eef4d8b 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover.png index 88795f97..fcffa6e8 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover@2.png index baf5f31b..17a80775 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end-hover@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end.png index 897a90e2..c644680e 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end@2.png index 58b311f8..2ecd2db3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-end@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark.png index f0f4333f..cfa5c532 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png index 35f55060..1c1e3bc3 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active.png index 6eff7a66..e25ff621 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active@2.png index 1ddf84e6..235e844c 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-active@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark.png index 77fe5926..64be8427 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark@2.png index 935755a7..2fe0233f 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark.png index a19dd9dd..09b93772 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png index e06a4570..26f44622 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover.png index 39db0b26..942c1448 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover@2.png index 38d42424..fbd7c7aa 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start-hover@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start.png index 08e54184..3983ed2a 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start@2.png index 2919dd96..25018ba5 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/text-select-start@2.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton.png b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton.png index 61d73453..5b1fb6a9 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton.png and b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton.png differ diff --git a/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton@2.png b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton@2.png index d8fa73c5..5e21d2fc 100644 Binary files a/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton@2.png and b/share/themes/Kali-Dark/gtk-3.0/assets/titlebutton@2.png differ diff --git a/share/themes/Kali-Dark/gtk-4.0/assets b/share/themes/Kali-Dark/gtk-4.0/assets index fb2256c4..dff0b417 120000 --- a/share/themes/Kali-Dark/gtk-4.0/assets +++ b/share/themes/Kali-Dark/gtk-4.0/assets @@ -1 +1 @@ -../gtk-3.0/assets \ No newline at end of file +../../Kali-Purple-Dark/gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Dark/xfwm4/bottom-left-active.png b/share/themes/Kali-Dark/xfwm4/bottom-left-active.png index 3b67bf71..f3a00bec 100644 Binary files a/share/themes/Kali-Dark/xfwm4/bottom-left-active.png and b/share/themes/Kali-Dark/xfwm4/bottom-left-active.png differ diff --git a/share/themes/Kali-Dark/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Dark/xfwm4/bottom-left-inactive.png index 3b67bf71..f3a00bec 100644 Binary files a/share/themes/Kali-Dark/xfwm4/bottom-left-inactive.png and b/share/themes/Kali-Dark/xfwm4/bottom-left-inactive.png differ diff --git a/share/themes/Kali-Dark/xfwm4/bottom-right-active.png b/share/themes/Kali-Dark/xfwm4/bottom-right-active.png index 85cd73af..e137d28d 100644 Binary files a/share/themes/Kali-Dark/xfwm4/bottom-right-active.png and b/share/themes/Kali-Dark/xfwm4/bottom-right-active.png differ diff --git a/share/themes/Kali-Dark/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Dark/xfwm4/bottom-right-inactive.png index 85cd73af..e137d28d 100644 Binary files a/share/themes/Kali-Dark/xfwm4/bottom-right-inactive.png and b/share/themes/Kali-Dark/xfwm4/bottom-right-inactive.png differ diff --git a/share/themes/Kali-Dark/xfwm4/top-left-active.png b/share/themes/Kali-Dark/xfwm4/top-left-active.png index 72757ca7..5933427d 100644 Binary files a/share/themes/Kali-Dark/xfwm4/top-left-active.png and b/share/themes/Kali-Dark/xfwm4/top-left-active.png differ diff --git a/share/themes/Kali-Dark/xfwm4/top-left-inactive.png b/share/themes/Kali-Dark/xfwm4/top-left-inactive.png index 72757ca7..5933427d 100644 Binary files a/share/themes/Kali-Dark/xfwm4/top-left-inactive.png and b/share/themes/Kali-Dark/xfwm4/top-left-inactive.png differ diff --git a/share/themes/Kali-Dark/xfwm4/top-right-active.png b/share/themes/Kali-Dark/xfwm4/top-right-active.png index 2d4f732b..1f8e32ce 100644 Binary files a/share/themes/Kali-Dark/xfwm4/top-right-active.png and b/share/themes/Kali-Dark/xfwm4/top-right-active.png differ diff --git a/share/themes/Kali-Dark/xfwm4/top-right-inactive.png b/share/themes/Kali-Dark/xfwm4/top-right-inactive.png index 2d4f732b..1f8e32ce 100644 Binary files a/share/themes/Kali-Dark/xfwm4/top-right-inactive.png and b/share/themes/Kali-Dark/xfwm4/top-right-inactive.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-active.png b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-active.png index ebbd3315..afda4841 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-active.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-active.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-inactive.png index ebbd3315..afda4841 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-inactive.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-left-inactive.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-active.png b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-active.png index d73350bd..5c14c3cd 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-active.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-active.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-inactive.png index d73350bd..5c14c3cd 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-inactive.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/bottom-right-inactive.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-active.png b/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-active.png index 9bbd814d..95edf4f3 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-active.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-active.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-inactive.png b/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-inactive.png index 9bbd814d..95edf4f3 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-inactive.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/top-left-inactive.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-active.png b/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-active.png index d821b4a6..9e79398f 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-active.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-active.png differ diff --git a/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-inactive.png b/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-inactive.png index d821b4a6..9e79398f 100644 Binary files a/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-inactive.png and b/share/themes/Kali-Light-xHiDPI/xfwm4/top-right-inactive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/button-active.png b/share/themes/Kali-Light/gtk-2.0/assets/button-active.png index deaeb75e..94a3c1ad 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/button-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/button-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/button-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/button-hover.png index ced9131e..f5a993db 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/button-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/button-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/button-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/button-insensitive.png index b7752be3..3050516b 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/button-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/button-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/button.png b/share/themes/Kali-Light/gtk-2.0/assets/button.png index 7ba10f93..d19f6463 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/button.png and b/share/themes/Kali-Light/gtk-2.0/assets/button.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-active.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-active.png index 16e8d62d..e2581354 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-hover.png index 92781c6f..a912afe3 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-insensitive.png index bfd94f6d..307de93c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked.png index 08a58672..7acd3250 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-checked.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-active.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-active.png index 35586378..133addf3 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-hover.png index 54934481..cbecc18a 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png index 912957f6..368bf459 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed.png index cf3de6aa..964b874a 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-mixed.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-active.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-active.png index d9182fed..f84905d8 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-hover.png index c8ba95a4..1c210e37 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png index ef1c38ce..edfd5534 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked.png b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked.png index bea39aaf..f8f3f740 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked.png and b/share/themes/Kali-Light/gtk-2.0/assets/checkbox-unchecked.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png index b7aa648b..d91d44c5 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png index 764690eb..eb7d91fa 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png index 4029b922..00696b10 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button.png index 320d77ad..a522ec43 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-ltr-button.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png index 0f957aa7..0d6048b2 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png index c351a0aa..bcce5421 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png index e4fde831..c33af0a2 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button.png index b26a777f..775f5e37 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-button.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png index cc0f6826..fdd8d328 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png index 95ebd4d4..8d819a6c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry.png b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry.png index 8035063f..d8217d17 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry.png and b/share/themes/Kali-Light/gtk-2.0/assets/combo-entry-rtl-entry.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/focus.png b/share/themes/Kali-Light/gtk-2.0/assets/focus.png index 8d6d4948..a7139281 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/focus.png and b/share/themes/Kali-Light/gtk-2.0/assets/focus.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/frame-inline.png b/share/themes/Kali-Light/gtk-2.0/assets/frame-inline.png index c22955a2..cfefbc77 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/frame-inline.png and b/share/themes/Kali-Light/gtk-2.0/assets/frame-inline.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/frame.png b/share/themes/Kali-Light/gtk-2.0/assets/frame.png index 56f31732..0c5ec3a8 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/frame.png and b/share/themes/Kali-Light/gtk-2.0/assets/frame.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/handle-horz.png b/share/themes/Kali-Light/gtk-2.0/assets/handle-horz.png index 7d6dc96c..efaaaedf 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/handle-horz.png and b/share/themes/Kali-Light/gtk-2.0/assets/handle-horz.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/handle-vert.png b/share/themes/Kali-Light/gtk-2.0/assets/handle-vert.png index f7052c03..c3fdb71f 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/handle-vert.png and b/share/themes/Kali-Light/gtk-2.0/assets/handle-vert.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/handle.png b/share/themes/Kali-Light/gtk-2.0/assets/handle.png index 05897ad5..2cc4997f 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/handle.png and b/share/themes/Kali-Light/gtk-2.0/assets/handle.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-border.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-border.png index 56f31732..0c5ec3a8 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-border.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-border.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png index 9483e9ce..4605163a 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png index fdfa54a6..4cb0312f 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked.png index 57c81b62..78480542 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-hover.png index 16a85014..1f744119 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-insensitive.png index 3c117713..5a87940e 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png index 30602c3a..5d41cb75 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png index a140d29a..b9873563 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed.png index 23dc00f6..8164f771 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox.png index ab6dcf0e..123e931b 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-checkbox.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down-insensitive.png index 1b6c0ff7..d534a11c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down.png index 834e3d15..32c699fa 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-down.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-hover.png index c0d2e6d6..51641dc5 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-insensitive.png index 1904c64e..ecaf93d6 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left.png index 05cb6c6b..704ec8bd 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-left.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-hover.png index fc073ef0..1140a2f1 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-insensitive.png index f476fbf3..a1409d3e 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right.png index 9b41d86a..5cdd1611 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-right.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up-insensitive.png index e5a4ff5c..85100b32 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up.png index 92308c27..9122e696 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-pan-up.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-hover.png index d5f37986..0af512ef 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png index f2b3caa6..6a177eec 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked.png index dc499e42..d99d545c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-hover.png index 49c7ec4d..073bd14a 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-insensitive.png index 1cfa6e16..36e4dcbd 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-hover.png index 4ea56ccc..45d00d3c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png index 706d3f23..73622d7d 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed.png index b10d6272..ff092777 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio.png b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio.png index 754523cc..f6e2bff9 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/menu-radio.png and b/share/themes/Kali-Light/gtk-2.0/assets/menu-radio.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-down-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-down-insensitive.png index 1b6c0ff7..d534a11c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-down-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-down-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-down.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-down.png index 834e3d15..32c699fa 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-down.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-down.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-left-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-left-insensitive.png index 4c898832..13c0e973 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-left-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-left-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-left-semi.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-left-semi.png index 20887f4d..715e6cb2 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-left-semi.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-left-semi.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-left.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-left.png index e0e506d3..a87c9b7f 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-left.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-left.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-right-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-right-insensitive.png index f4a886db..7a51e721 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-right-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-right-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-right-semi.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-right-semi.png index b1c6dac6..f0b4f23d 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-right-semi.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-right-semi.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-right.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-right.png index fd0e3499..00bafd44 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-right.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-right.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-up-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-up-insensitive.png index e5a4ff5c..85100b32 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-up-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-up-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/pan-up.png b/share/themes/Kali-Light/gtk-2.0/assets/pan-up.png index 92308c27..9122e696 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/pan-up.png and b/share/themes/Kali-Light/gtk-2.0/assets/pan-up.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/progressbar-horz-trough.png b/share/themes/Kali-Light/gtk-2.0/assets/progressbar-horz-trough.png index 1acfb091..cac97234 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/progressbar-horz-trough.png and b/share/themes/Kali-Light/gtk-2.0/assets/progressbar-horz-trough.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/progressbar-vert-trough.png b/share/themes/Kali-Light/gtk-2.0/assets/progressbar-vert-trough.png index 781c18b8..5f2c6ff9 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/progressbar-vert-trough.png and b/share/themes/Kali-Light/gtk-2.0/assets/progressbar-vert-trough.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-active.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-active.png index 9dfe6833..8daa5d3e 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-hover.png index 1c7d68b5..d3225c64 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-insensitive.png index b3eb53a7..74fb002c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked.png index 78b83196..714a29ca 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-checked.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-checked.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-active.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-active.png index 469c94c4..c505e1a4 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-hover.png index 34bc4aa8..0d6e9ff9 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-insensitive.png index 7969ee7f..55e59308 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed.png index 489cadc3..80adb8bd 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-mixed.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-active.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-active.png index 53611ebb..7cf84d8a 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-hover.png index d3d041d6..f28cfc19 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-insensitive.png index 62e7ba7c..f518dfd0 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked.png b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked.png index 5a1eaf27..21fd3d44 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked.png and b/share/themes/Kali-Light/gtk-2.0/assets/radio-unchecked.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-focus.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-focus.png index 272247d7..b35faeab 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-focus.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-focus.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough-active.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough-active.png index 232a758a..6f52de69 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough.png index c785533e..ef2e32cf 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-horz-trough.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-active.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-active.png index fea92510..7e6d5c4e 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-hover.png index d6fc89e7..665ce5d8 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-insensitive.png index bca84ac2..a9713ee1 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider.png index e20edeef..252e2dbe 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-slider.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-slider.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough-active.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough-active.png index 7f7ed39d..48ab5745 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough.png b/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough.png index c72160b4..52d46e33 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough.png and b/share/themes/Kali-Light/gtk-2.0/assets/scale-vert-trough.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png index 692c4ed5..b08c1a5e 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png index db5842a7..30e05f2e 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider.png index 2a7fe27e..13f2d06d 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-horz-slider.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png index 2d4b39fa..849f1504 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png index 40afa528..aeda8999 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png index 9e9bd252..94d6ec25 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png index 379b3be6..68aae1cb 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png index b6095451..fda7fc74 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider.png b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider.png index 53e5f995..a3ae5602 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider.png and b/share/themes/Kali-Light/gtk-2.0/assets/scrollbar-vert-slider.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-down-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-down-insensitive.png index 8231e661..360306b9 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-down-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-down-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-down.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-down.png index 1d439dc8..e2923bff 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-down.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-down.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-active.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-active.png index 9b92721e..992c2b82 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-hover.png index 970da056..3b7e4346 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png index 6b7fc992..bd5ac0e9 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down.png index bbefa96c..929014c7 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-active.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-active.png index 925add98..dd45e369 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-hover.png index 174728e8..a57cca3b 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png index 20139b41..b2726406 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up.png index 415b7662..fab62955 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-active.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-active.png index a79126e5..f87ec794 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-hover.png index 0d9fa1e9..92b805b0 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png index 08a3597e..10b09864 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down.png index b0f0f0fc..b82f52e9 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-active.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-active.png index 737b51f8..143447ce 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-hover.png index f84faa64..0d923736 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png index 5d56bb04..00499612 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up.png index 1b344830..26ac231b 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-up-insensitive.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-up-insensitive.png index 8a77adbd..fcf1288c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-up-insensitive.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-up-insensitive.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/spin-up.png b/share/themes/Kali-Light/gtk-2.0/assets/spin-up.png index da1d291d..674653f8 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/spin-up.png and b/share/themes/Kali-Light/gtk-2.0/assets/spin-up.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-down-active.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-down-active.png index 49e21352..158aca5c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-down-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-down-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-down.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-down.png index f5f95a36..aefee368 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-down.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-down.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-horz-gap.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-horz-gap.png index 21db2739..a3dbd5f6 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-horz-gap.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-horz-gap.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-left-active.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-left-active.png index 3fdb3083..dd2915df 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-left-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-left-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-left.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-left.png index 79f8b1ca..c0bb490a 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-left.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-left.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-right-active.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-right-active.png index ebe1d8e7..45520748 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-right-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-right-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-right.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-right.png index a3518d3d..791768c1 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-right.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-right.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-up-active.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-up-active.png index 03f7c6c1..63efe0fe 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-up-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-up-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-up.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-up.png index f06d9557..8857e310 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-up.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-up.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/tab-vert-gap.png b/share/themes/Kali-Light/gtk-2.0/assets/tab-vert-gap.png index 30fb1d37..50b4224b 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/tab-vert-gap.png and b/share/themes/Kali-Light/gtk-2.0/assets/tab-vert-gap.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-active.png b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-active.png index 834e3d15..32c699fa 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-hover.png index 0a0aa0e2..fb9b3380 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down.png b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down.png index a684b0b5..52e85324 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down.png and b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-down.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-active.png b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-active.png index 92308c27..9122e696 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-active.png and b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-active.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-hover.png b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-hover.png index 52db9df9..970d981c 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-hover.png and b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up-hover.png differ diff --git a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up.png b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up.png index 858978d7..35a9c1d7 100644 Binary files a/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up.png and b/share/themes/Kali-Light/gtk-2.0/assets/treeview-pan-up.png differ diff --git a/share/themes/Kali-Light/gtk-3.0/assets b/share/themes/Kali-Light/gtk-3.0/assets index 3c99dc53..dff0b417 120000 --- a/share/themes/Kali-Light/gtk-3.0/assets +++ b/share/themes/Kali-Light/gtk-3.0/assets @@ -1 +1 @@ -../../Kali-Dark/gtk-3.0/assets \ No newline at end of file +../../Kali-Purple-Dark/gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Light/gtk-4.0/assets b/share/themes/Kali-Light/gtk-4.0/assets index 3c99dc53..dff0b417 120000 --- a/share/themes/Kali-Light/gtk-4.0/assets +++ b/share/themes/Kali-Light/gtk-4.0/assets @@ -1 +1 @@ -../../Kali-Dark/gtk-3.0/assets \ No newline at end of file +../../Kali-Purple-Dark/gtk-3.0/assets \ No newline at end of file diff --git a/share/themes/Kali-Light/xfwm4/bottom-left-active.png b/share/themes/Kali-Light/xfwm4/bottom-left-active.png index 505e265b..c3f27895 100644 Binary files a/share/themes/Kali-Light/xfwm4/bottom-left-active.png and b/share/themes/Kali-Light/xfwm4/bottom-left-active.png differ diff --git a/share/themes/Kali-Light/xfwm4/bottom-left-inactive.png b/share/themes/Kali-Light/xfwm4/bottom-left-inactive.png index 505e265b..c3f27895 100644 Binary files a/share/themes/Kali-Light/xfwm4/bottom-left-inactive.png and b/share/themes/Kali-Light/xfwm4/bottom-left-inactive.png differ diff --git a/share/themes/Kali-Light/xfwm4/bottom-right-active.png b/share/themes/Kali-Light/xfwm4/bottom-right-active.png index e9cd1a26..71dfcc46 100644 Binary files a/share/themes/Kali-Light/xfwm4/bottom-right-active.png and b/share/themes/Kali-Light/xfwm4/bottom-right-active.png differ diff --git a/share/themes/Kali-Light/xfwm4/bottom-right-inactive.png b/share/themes/Kali-Light/xfwm4/bottom-right-inactive.png index e9cd1a26..71dfcc46 100644 Binary files a/share/themes/Kali-Light/xfwm4/bottom-right-inactive.png and b/share/themes/Kali-Light/xfwm4/bottom-right-inactive.png differ diff --git a/share/themes/Kali-Light/xfwm4/top-left-active.png b/share/themes/Kali-Light/xfwm4/top-left-active.png index 4d2392a3..9e400e65 100644 Binary files a/share/themes/Kali-Light/xfwm4/top-left-active.png and b/share/themes/Kali-Light/xfwm4/top-left-active.png differ diff --git a/share/themes/Kali-Light/xfwm4/top-left-inactive.png b/share/themes/Kali-Light/xfwm4/top-left-inactive.png index 4d2392a3..9e400e65 100644 Binary files a/share/themes/Kali-Light/xfwm4/top-left-inactive.png and b/share/themes/Kali-Light/xfwm4/top-left-inactive.png differ diff --git a/share/themes/Kali-Light/xfwm4/top-right-active.png b/share/themes/Kali-Light/xfwm4/top-right-active.png index e9e154e4..61f09d69 100644 Binary files a/share/themes/Kali-Light/xfwm4/top-right-active.png and b/share/themes/Kali-Light/xfwm4/top-right-active.png differ diff --git a/share/themes/Kali-Light/xfwm4/top-right-inactive.png b/share/themes/Kali-Light/xfwm4/top-right-inactive.png index e9e154e4..61f09d69 100644 Binary files a/share/themes/Kali-Light/xfwm4/top-right-inactive.png and b/share/themes/Kali-Light/xfwm4/top-right-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-active.png b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-active.png new file mode 100644 index 00000000..fa41be9f Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-active.png 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 new file mode 100644 index 00000000..fa41be9f Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-inactive.png 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 new file mode 100644 index 00000000..b936ff8a Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-active.png 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 new file mode 100644 index 00000000..b936ff8a Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-left-inactive.png 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 new file mode 100644 index 00000000..af4c8deb Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-active.png 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 new file mode 100644 index 00000000..af4c8deb Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/bottom-right-inactive.png 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 new file mode 100644 index 00000000..584b9194 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-active.png 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 new file mode 100644 index 00000000..d2c86c90 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-inactive.png 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 new file mode 100644 index 00000000..cbdb259c Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-prelight.png 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 new file mode 100644 index 00000000..22da05dd Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/close-pressed.png 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 new file mode 100644 index 00000000..a8b237fa Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-active.png 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 new file mode 100644 index 00000000..d2c86c90 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-inactive.png 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 new file mode 100644 index 00000000..60e9553c Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-prelight.png 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 new file mode 100644 index 00000000..0af1dfe1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/hide-pressed.png 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 new file mode 100644 index 00000000..d76d12ad Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-active.png 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 new file mode 100644 index 00000000..d76d12ad Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/left-inactive.png 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 new file mode 100644 index 00000000..a8b237fa Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-active.png 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 new file mode 100644 index 00000000..d2c86c90 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-inactive.png 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 new file mode 100644 index 00000000..080ff92d Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-prelight.png 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 new file mode 100644 index 00000000..666e3fa7 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/maximize-pressed.png 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 new file mode 100644 index 00000000..cdf85185 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-active.png 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 new file mode 100644 index 00000000..cdf85185 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-inactive.png 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 new file mode 100644 index 00000000..cdf85185 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/menu-pressed.png 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 new file mode 100644 index 00000000..d8157c98 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-active.png 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 new file mode 100644 index 00000000..d8157c98 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/right-inactive.png 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 new file mode 100644 index 00000000..4e204ba9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-active.png 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 new file mode 100644 index 00000000..68ceddb8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-inactive.png 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 new file mode 100644 index 00000000..b2771723 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-prelight.png 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 new file mode 100644 index 00000000..f8ed4e67 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/shade-pressed.png 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 new file mode 100644 index 00000000..bac8f24e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-active.png 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 new file mode 100644 index 00000000..56496f0a Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-inactive.png 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 new file mode 100644 index 00000000..7824389c Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-prelight.png 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 new file mode 100644 index 00000000..1f9a2978 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/stick-pressed.png differ diff --git a/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/themerc b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/themerc new file mode 100644 index 00000000..b71b2ade --- /dev/null +++ b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/themerc @@ -0,0 +1,17 @@ +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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-active.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-1-inactive.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-active.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-2-inactive.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-active.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-3-inactive.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-active.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-4-inactive.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-active.png 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 new file mode 100644 index 00000000..daf5d50e Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/title-5-inactive.png 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 new file mode 100644 index 00000000..b4575286 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-active.png 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 new file mode 100644 index 00000000..b4575286 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-left-inactive.png 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 new file mode 100644 index 00000000..09241985 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-active.png 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 new file mode 100644 index 00000000..09241985 Binary files /dev/null and b/share/themes/Kali-Purple-Dark-xHiDPI/xfwm4/top-right-inactive.png 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 new file mode 100644 index 00000000..b63f6e03 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today-light.svg @@ -0,0 +1 @@ + \ 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 new file mode 100644 index 00000000..daf86ec0 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/calendar-today.svg @@ -0,0 +1 @@ + \ 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 new file mode 100644 index 00000000..96204c05 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-focused.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..b5ccff6b --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused-light.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..891856cc --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-focused.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..569f033f --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off-light.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..59f77728 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1 @@ + diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox.svg b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox.svg new file mode 100644 index 00000000..7f1eced9 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/checkbox.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..3f803e32 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-active.svg @@ -0,0 +1,7 @@ + + + + + + + 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 new file mode 100644 index 00000000..5d95cbec --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window-hover.svg @@ -0,0 +1,5 @@ + + + + + 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 new file mode 100644 index 00000000..551f15ce --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/close-window.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + 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 new file mode 100644 index 00000000..cbae148a --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + 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 new file mode 100644 index 00000000..42c7d7f1 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off-light.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..9f239682 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-off.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..e81065f3 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on-light.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..bff85700 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/toggle-on.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..8730c2ef --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic-dark.svg @@ -0,0 +1 @@ + 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 new file mode 100644 index 00000000..80d17307 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/assets/view-grid-symbolic.svg @@ -0,0 +1 @@ + diff --git a/share/themes/Kali-Purple-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Purple-Dark/gnome-shell/gnome-shell.css new file mode 100644 index 00000000..ad044bb6 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gnome-shell/gnome-shell.css @@ -0,0 +1,2930 @@ +/* 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 */ +.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; } + +.workspace-thumbnails .workspace-thumbnail { + color: white; + background-color: rgba(255, 255, 255, 0.1); } + +.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; } + +.modal-dialog { + color: #eeeeec; + background-color: #23252e; + border-radius: 11px; + border: 1px solid rgba(238, 238, 236, 0.07); } + +#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button { + border-radius: 6px; + border-style: solid; + border-width: 1px; + font-weight: bold; + padding: 3px 24px; + transition-duration: 100ms; + color: #eeeeec; + background-color: #2d2f38; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #392a43; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover { + background-color: #3f314a; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active { + background-color: #453752; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #343640; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive { + transition-duration: 100ms; + color: rgba(238, 238, 236, 0.5); + background-color: rgba(238, 238, 236, 0.05); } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3b3d49; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked { + transition-duration: 100ms; + color: #eeeeec; + background-color: #414451; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover { + background-color: #484b5a; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active { + background-color: #4f5362; } + +.icon-button { + border-radius: 99px; + border-style: solid; + border-width: 1px; + font-weight: bold; + padding: 12px; + transition-duration: 100ms; + color: #eeeeec; + background-color: #2d2f38; } + .icon-button:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #392a43; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .icon-button:focus:hover { + background-color: #3f314a; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .icon-button:focus:active { + background-color: #453752; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .icon-button:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #343640; } + .icon-button:insensitive { + transition-duration: 100ms; + color: rgba(238, 238, 236, 0.5); + background-color: rgba(238, 238, 236, 0.05); } + .icon-button:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3b3d49; } + .icon-button:checked { + transition-duration: 100ms; + color: #eeeeec; + background-color: #414451; } + .icon-button:checked:hover { + background-color: #484b5a; } + .icon-button:checked:active { + background-color: #4f5362; } + .icon-button > StIcon { + icon-size: 1.09em; } + +.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: #424653; } + .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: #4c3f5b; + 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: #524563; + 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: #584c6a; + 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: #494d5c; } + .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #505464; } + .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { + transition-duration: 100ms; + color: #eeeeec; + background-color: #565c6d; } + .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover { + background-color: #5d6375; } + .modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active { + background-color: #646a7e; } + .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 10px; } + .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 10px 0; + 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 10px 0; } + .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 10px; + 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 10px 10px !important; + margin-left: 0 !important; + margin-right: 0 !important; } + +.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; + color: rgba(255, 255, 255, 0.5); } + .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; + color: rgba(255, 255, 255, 0.5); } + .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { + transition-duration: 100ms; + color: white; + background-color: #453852; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { + background-color: #4b3e5a; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { + background-color: #514561; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { + transition-duration: 100ms; + color: white; + background-color: #414552; } + .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { + transition-duration: 100ms; + color: white; + background-color: #484c5a; } + .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { + transition-duration: 100ms; + color: white; + background-color: #4e5463; } + .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { + background-color: #555b6b; } + .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { + background-color: #5c6274; } + +/* General Typography */ +.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; } + +.quick-toggle-menu .header .title { + font-weight: 700; + font-size: 15pt; } + +.message-dialog-content .message-dialog-title.lightweight, .headline { + font-weight: 700; + font-size: 13pt; } + +.lg-extension-name, .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, .popup-menu-ornament { + 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; } + +.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .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-base.calendar-day-heading, .calendar .calendar-day-base { + font-weight: 400; + font-size: 8pt; } + +.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-base { + font-feature-settings: "tnum"; } + +/* 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 { + border-radius: 8px; + padding: 8px; + color: #eeeeec; + background-color: #2e313d; + color: rgba(238, 238, 236, 0.7); + border: 2px solid #2e313d; + selection-background-color: #a400a4; + selected-color: #ffffff; } + StEntry:hover { + background-color: #3b3f4e; + border-color: #3b3f4e; + color: rgba(238, 238, 236, 0.7); } + StEntry:focus { + background-color: #332f42; + border-color: #a400a4; + color: #eeeeec; } + StEntry:insensitive { + background-color: #2f3340; + border-color: #2f3340; + color: #888a8d; } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #fd7d00; + padding: 0 4px; } + StEntry StIcon.peek-password { + icon-size: 1.09em; + padding: 0 4px; } + StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(238, 238, 236, 0.7); } + +/* Buttons */ +.button { + min-height: 22px; } + +/* 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; + border-radius: 20px; + border: 1px solid rgba(238, 238, 236, 0.07); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); + background-color: #23252e; } + +.popup-menu-item { + padding: 9px 12px; + border-radius: 12px; + spacing: 6px; + transition-duration: 100ms; + background-color: transparent; } + .popup-menu-item:ltr { + padding-left: 6px; } + .popup-menu-item:rtl { + padding-right: 6px; } + .popup-menu-item:focus, .popup-menu-item:hover { + background-color: #303340 !important; } + .popup-menu-item:focus:active, .popup-menu-item:hover:active { + background-color: #343845 !important; } + .popup-menu-item:checked { + background-color: #3b3f4e !important; } + .popup-menu-item:checked { + margin-bottom: 0; + box-shadow: inset 0 -1px 0 0 #303340; + border-radius: 8px 8px 0 0; } + .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { + background-color: #414657 !important; } + .popup-menu-item:checked:active { + background-color: #464b5d !important; } + .popup-menu-item:active { + background-color: #3f4454; + color: white; } + .popup-menu-item:insensitive { + color: rgba(238, 238, 236, 0.5); } + .popup-menu-item .toggle-switch:ltr { + margin-left: 4px; } + .popup-menu-item .toggle-switch:rtl { + margin-right: 4px; } + +.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 { + background-color: #3b3f4e; + border-radius: 0 0 8px 8px; } + .popup-sub-menu .popup-menu-ornament { + min-width: 1.09em !important; } + .popup-sub-menu .popup-menu-item { + border-radius: 0; + margin: 0; } + .popup-sub-menu .popup-menu-item:last-child { + border-radius: 0 0 8px 8px; } + .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { + background-color: #303340 !important; } + .popup-sub-menu .popup-menu-item:checked { + background-color: #3b3f4e !important; } + .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { + background-color: #4c5266 !important; } + .popup-sub-menu .popup-menu-item:active { + background-color: #343845 !important; } + .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 8px 8px; } + +.popup-menu-ornament { + width: 1.2em; + text-align: center !important; } + .popup-menu-ornament:ltr { + text-align: right; } + .popup-menu-ornament:rtl { + text-align: left; } + +.popup-separator-menu-item { + margin: 6px 0; + padding: 0 !important; } + .popup-separator-menu-item:ltr { + margin-right: 4px; } + .popup-separator-menu-item:rtl { + margin-left: 4px; } + .popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: #0d0e11; } + .popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; } + .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: #1c1e25; } + +.background-menu { + -boxpointer-gap: 0px; + -arrow-rise: 0px; } + +.app-menu { + max-width: 27.25em; } + .app-menu .popup-menu-ornament { + width: 0 !important; } + .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { + margin-right: 8px; } + .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { + margin-left: 8px; } + +/* 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: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + 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; + color: rgba(255, 255, 255, 0.5); } + .datemenu-today-button:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3d2f47; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .datemenu-today-button:focus:hover { + background-color: #43354f; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .datemenu-today-button:focus:active { + background-color: #493c57; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .datemenu-today-button:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #383b45; } + .datemenu-today-button:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3f424e; } + +/* Calendar */ +.calendar { + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + 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; + color: rgba(255, 255, 255, 0.5); } + .calendar:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3d2f47; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .calendar:focus:hover { + background-color: #43354f; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .calendar:focus:active { + background-color: #493c57; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .calendar:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #383b45; } + .calendar:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3f424e; } + .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 { + color: #fafaf9; + padding: 8px 0; } + .calendar .calendar-month-header .pager-button { + background-color: transparent; + height: 32px; + width: 32px; + margin: 2px; + border-radius: 6px; } + .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { + background-color: #303340; } + .calendar .calendar-month-header .pager-button:active { + background-color: #343845; } + .calendar .calendar-day-base { + text-align: center; + margin: 2px; + padding: 0 !important; + height: 3em !important; + width: 3em !important; + border-radius: 99px; + transition-duration: 100ms; } + .calendar .calendar-day-base:hover { + background-color: #303340; } + .calendar .calendar-day-base:focus { + background-color: #3d1e46; + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } + .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { + color: white; + background-color: #343845; } + .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { + background-color: #4a2d58; } + .calendar .calendar-day-base.calendar-day-heading { + color: #888a8d; + padding-top: 6px; + height: 16px !important; + font-weight: bold; } + .calendar .calendar-nonwork-day { + color: #888a8d; } + .calendar .calendar-other-month-day { + color: rgba(238, 238, 236, 0.5); } + .calendar .calendar-other-month-day.calendar-nonwork-day { + color: rgba(136, 138, 141, 0.5); } + .calendar .calendar-today { + background-color: #a400a4; + font-weight: 800; + color: #ffffff !important; } + .calendar .calendar-today:hover, .calendar .calendar-today:focus { + background-color: #b300b3; + color: inherit; } + .calendar .calendar-today:active, .calendar .calendar-today:selected { + background-color: #a400a4; + color: inherit; } + .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #b300b3; + color: inherit; } + .calendar .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"; + margin: 6px; + padding: 0 6px; + border-radius: 3px; + background-color: #1e2128; + color: #888a8d; } + +/* Events */ +.events-button { + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + transition-duration: 100ms; + color: #eeeeec; + background-color: #31343d; + padding: 12px; } + .events-button:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3d2f47; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .events-button:focus:hover { + background-color: #43354f; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .events-button:focus:active { + background-color: #493c57; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .events-button:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #383b45; } + .events-button:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3f424e; } + .events-button .events-box { + spacing: 6px; } + .events-button .events-list { + spacing: 12px; } + .events-button .events-title { + color: #888a8d; + margin-bottom: 4px; } + .events-button .event-time { + color: #888a8d; } + +/* World clocks */ +.world-clocks-button { + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + transition-duration: 100ms; + color: #eeeeec; + background-color: #31343d; + padding: 12px; } + .world-clocks-button:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3d2f47; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .world-clocks-button:focus:hover { + background-color: #43354f; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .world-clocks-button:focus:active { + background-color: #493c57; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .world-clocks-button:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #383b45; } + .world-clocks-button:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3f424e; } + .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: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + transition-duration: 100ms; + color: #eeeeec; + background-color: #31343d; + padding: 12px; } + .weather-button:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3d2f47; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .weather-button:focus:hover { + background-color: #43354f; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .weather-button:focus:active { + background-color: #493c57; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .weather-button:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #383b45; } + .weather-button:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3f424e; } + .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: rgba(136, 138, 141, 0.5); } + .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: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + transition-duration: 100ms; + color: #eeeeec; + background-color: #31343d; } + .message:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3d2f47; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .message:focus:hover { + background-color: #43354f; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .message:focus:active { + background-color: #493c57; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .message:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #383b45; } + .message:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3f424e; } + .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.1); + border-radius: 99px; + padding: 5px; + margin: 1px; } + .message .message-close-button:hover { + background-color: rgba(238, 238, 236, 0.2); } + .message .message-close-button:active { + background-color: rgba(238, 238, 236, 0.1); } + .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: #3b3f4e; + color: #eeeeec; } + .message-media-control:active { + background-color: #3f4454; + 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: #303340; + 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: 12px; + 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 .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: #303340; } + .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: 10px; + border-radius: 24px; + 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: #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: #303340; } + .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: #3b3f4e; + 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: #464b5d; } + .screenshot-ui-shot-cast-button:active { + background-color: #3f4454; } + .screenshot-ui-shot-cast-button:checked { + background-color: white; + color: black; } + .screenshot-ui-shot-cast-button:insensitive { + color: rgba(255, 255, 255, 0.5); } + .screenshot-ui-shot-cast-button StIcon { + icon-size: 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.2); + width: 24px; + height: 24px; } + +.screenshot-ui-window-selector { + background-color: #272a34; } + .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 { + color: white; + background-color: #303340; + border-radius: 99px; + padding: 6px 12px; + text-align: center; + -y-offset: 24px; } + +/* Top Bar */ +#panel { + background-color: #000; + font-weight: bold; + height: 2.2em; + transition-duration: 250ms; } + #panel.unlock-screen, #panel.login-screen, #panel:overview { + background-color: transparent; } + #panel .panel-button { + font-weight: bold; + color: #e2e2df; + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 99px; } + #panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 99px; } + #panel .panel-button.screen-recording-indicator { + box-shadow: inset 0 0 0 100px #bf1717; } + #panel .panel-button.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px #fd7d00; } + #panel .panel-button.screen-sharing-indicator StBoxLayout { + margin: 0 6px; } + #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:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.2); } + #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; } + #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.2); } + #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); } + #panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); } + #panel .panel-button:hover { + box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.15); } + #panel .panel-button:hover.clock-display { + box-shadow: none; } + #panel .panel-button:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.15); } + #panel .panel-button:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } + #panel .panel-button:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } + #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { + box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.25); } + #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { + box-shadow: none; } + #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(226, 226, 223, 0.25); } + #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } + #panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } + #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: 18px; } + #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } + #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { + box-shadow: none; } + #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } + #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); } + #panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:overview.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator, #panel:overview .panel-button:active.screen-sharing-indicator, #panel:overview .panel-button:overview.screen-sharing-indicator, #panel:overview .panel-button:focus.screen-sharing-indicator, #panel:overview .panel-button:checked.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); } + #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.1); } + #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { + box-shadow: none; } + #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } + #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } + #panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator, #panel:overview .panel-button:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } + #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview: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:overview: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:overview: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.2); } + #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { + box-shadow: none; } + #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } + #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } + #panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator, #panel:overview .panel-button:active:hover.screen-sharing-indicator, #panel:overview .panel-button:overview:hover.screen-sharing-indicator, #panel:overview .panel-button:focus:hover.screen-sharing-indicator, #panel:overview .panel-button:checked:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator, + #panel .remote-access-indicator { + color: #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 .button { + padding: 10.5px; } + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; } + +.quick-toggle { + border-radius: 99px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + /* 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; + box-shadow: none; } + .quick-toggle:checked:focus { + box-shadow: inset 0 0 0 2px #d700d7; } + .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: 6px; } + .quick-toggle.button { + padding: 0; } + .quick-toggle > StBoxLayout { + padding: 0 12px; } + .quick-toggle:ltr > StBoxLayout { + padding-left: 15px; } + .quick-toggle:rtl > StBoxLayout { + padding-right: 15px; } + .quick-toggle .quick-toggle-label { + font-weight: bold; } + .quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 1.09em; } + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; } + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; } + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(238, 238, 236, 0.1); + padding: 6px 10.5px; } + .quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 99px 99px 0; } + .quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 99px 0 0 99px; } + +.quick-slider { + padding: 0 6px; } + .quick-slider > StBoxLayout { + spacing: 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: #392a43; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .quick-slider .slider-bin:focus:hover { + background-color: #3f314a; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .quick-slider .slider-bin:focus:active { + background-color: #453752; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .quick-slider .quick-toggle-icon { + icon-size: 1.09em; } + .quick-slider .icon-button { + background-color: transparent; } + +.quick-toggle-menu { + background-color: #272a34; + border-radius: 24px; + padding: 12px; + margin: 12px 18px 0; } + .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: #383d4b; } + .quick-toggle-menu .header .icon.active { + background-color: #a400a4; } + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; } + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; } + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; } + .quick-settings-system-item .power-item:insensitive { + transition-duration: 100ms; + color: #eeeeec; + background-color: #2d2f38; + background-color: transparent; } + +.nm-network-item .wireless-secure-icon { + icon-size: 0.545em; } + +/* OVERVIEW */ +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; } + +#overviewGroup { + background-color: #272a34; } + +.overview-controls { + padding-bottom: 32px; } + +/* Window Picker */ +.window-picker { + spacing: 6px; } + +.window-caption { + color: white; + background-color: #3b3f4e; + border-radius: 99px; + padding: 6px 12px; } + +.window-close, .screenshot-ui-close-button { + background-color: rgba(63, 68, 84, 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(78, 84, 104, 0.98); } + .window-close:active, .screenshot-ui-close-button:active { + background-color: rgba(91, 98, 122, 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: 18px; + margin-top: 12px; + margin-bottom: 6px; + padding: 7px 9px; + width: 320px; + background-color: #2e313d; + color: rgba(238, 238, 236, 0.7); + border: 2px solid #2e313d; } + + .search-entry:hover { + background-color: #3b3f4e; + border-color: #3b3f4e; + color: rgba(238, 238, 236, 0.7); } + + .search-entry:focus { + background-color: #332f42; + border-color: #a400a4; + color: #eeeeec; } + + .search-entry:insensitive { + background-color: #2f3340; + border-color: #2f3340; + color: #888a8d; } + + .search-entry .search-entry-icon { + color: inherit; + 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: #323643; + border-radius: 24px; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; + 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); } + +.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: #97999f; } + +/* 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: #323643; + 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; } + +.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.1); } + .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; } + +.dash-separator { + width: 1px; + margin: 0 4px; + background-color: #0d0e11; + margin-bottom: 12px; } + +.dash-label { + color: white; + background-color: #303340; + border-radius: 99px; + padding: 6px 12px; + text-align: center; + -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.1); } + .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; } + .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.19); } + .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.1); } + .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: 32px; + background-color: #323643; } + .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: 300px; } + .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; } + +.apps-scroll-view { + padding: 0; } + +.system-action-icon { + background-color: rgba(0, 0, 0, 0.8); + color: #fff; + 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 > StIcon { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 99px; } + +.page-navigation-arrow:insensitive > StIcon { + transition-duration: 100ms; + background-color: transparent; + background-color: none; + box-shadow: none; } + .page-navigation-arrow:insensitive > StIcon:insensitive { + transition-duration: 100ms; + color: rgba(238, 238, 236, 0.5); + background-color: rgba(238, 238, 236, 0.05); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + +.page-navigation-arrow:hover > StIcon { + transition-duration: 100ms; + color: white; + background-color: rgba(83, 86, 98, 0.525); } + +.page-navigation-arrow:active > StIcon { + transition-duration: 100ms; + color: white; + background-color: rgba(90, 94, 107, 0.525); } + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 6px; + padding: 6px; } + .workspace-thumbnails .workspace-thumbnail { + border-radius: 3px; } + .workspace-thumbnails .placeholder { + background-image: url("assets/workspace-placeholder.svg"); + background-size: contain; + width: 18px; } + +.workspace-thumbnail-indicator { + border: 3px solid #a400a4; + border-radius: 3px; + padding: 0px; } + +.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:hover { + color: white; } + .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 { + border: 2px white; } + +.user-widget.vertical .user-icon { + icon-size: 6.54em; } + .user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 5.995em; + height: 5.995em; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.hidden { + color: rgba(0, 0, 0, 0); } + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + color: #fd7d00; } + +/* Workspace animation */ +.workspace-animation { + background-color: #272a34; } + +/* 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: #303340; + border-radius: 0 0 16px 16px; + border-top-width: 0; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; + 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; + font-weight: bold; + padding: 6px 12px; + color: #d9d9d9; + transition-duration: 100ms; + box-shadow: none; + border: none; + border-radius: 6px; + background-color: transparent; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + background-color: rgba(255, 255, 255, 0.05); } + #LookingGlassDialog .notebook-tab:selected { + color: white; + background-color: rgba(255, 255, 255, 0.1); } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 6px; + padding: 6px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 6px; + padding: 6px; } + +.lg-dialog StEntry { + background-color: rgba(59, 63, 78, 0.6); + color: white; + border-color: rgba(255, 255, 255, 0.2); + min-height: 22px; + selection-background-color: #a400a4; + selected-color: #ffffff; } + +.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 black; + padding: 4px; + border-radius: 8px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } + +#lookingGlassExtensions { + padding: 6px; } + +.lg-extensions-list { + padding: 6px; + spacing: 6px; } + +.lg-extension { + padding: 12px; + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + transition-duration: 100ms; + color: #eeeeec; + background-color: #31343d; } + .lg-extension:focus { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3d2f47; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .lg-extension:focus:hover { + background-color: #43354f; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .lg-extension:focus:active { + background-color: #493c57; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .lg-extension:hover { + transition-duration: 100ms; + color: #eeeeec; + background-color: #383b45; } + .lg-extension:active { + transition-duration: 100ms; + color: #eeeeec; + background-color: #3f424e; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: #303340; + border: 1px solid black; + border-radius: 8px; + padding: 6px; } + +.lg-debug-flag-button { + color: #eeeeec; } + .lg-debug-flag-button StLabel { + padding: 6px, 12px; } + .lg-debug-flag-button:hover { + color: white; } + .lg-debug-flag-button:active { + color: #bebeb6; } + +.lg-debug-flags-header { + padding-top: 12px; + padding: 6px; } + +/* Login Dialog */ +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; } + .login-dialog .modal-dialog-button-box, + .unlock-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button, + .unlock-dialog .modal-dialog-button { + padding: 4px 18px; + background-color: #20232b; + border-color: #20232b; + color: white; } + .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, + .unlock-dialog .modal-dialog-button:hover, + .unlock-dialog .modal-dialog-button:focus { + background-color: #323643; + border-color: #323643; } + .login-dialog .modal-dialog-button:active, + .unlock-dialog .modal-dialog-button:active { + background-color: #1c1e25; + border-color: #1c1e25; } + .login-dialog .modal-dialog-button:insensitive, + .unlock-dialog .modal-dialog-button:insensitive { + transition-duration: 100ms; + color: rgba(238, 238, 236, 0.5); + background-color: rgba(238, 238, 236, 0.05); + border-color: #1c1e25; + background-color: #1c1e25; + color: rgba(255, 255, 255, 0.7); } + .login-dialog .modal-dialog-button:default, + .unlock-dialog .modal-dialog-button:default { + transition-duration: 100ms; + background-color: #a400a4; + color: #ffffff; + box-shadow: none; } + .login-dialog .modal-dialog-button:default:focus, + .unlock-dialog .modal-dialog-button:default:focus { + box-shadow: inset 0 0 0 2px #d700d7; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, + .unlock-dialog .modal-dialog-button:default:hover, + .unlock-dialog .modal-dialog-button:default:focus { + background-color: #be00be; + color: white; } + .login-dialog .modal-dialog-button:default:active, + .unlock-dialog .modal-dialog-button:default:active { + background-color: purple; + color: #ededed; } + .login-dialog .modal-dialog-button:default:insensitive, + .unlock-dialog .modal-dialog-button:default: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 .cancel-button, + .login-dialog .switch-user-button, + .login-dialog .login-dialog-session-list-button, + .unlock-dialog .cancel-button, + .unlock-dialog .switch-user-button, + .unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 99px; + width: 2.18em; + height: 2.18em; + border-color: #20232b; + background-color: #20232b; } + .login-dialog .cancel-button StIcon, + .login-dialog .switch-user-button StIcon, + .login-dialog .login-dialog-session-list-button StIcon, + .unlock-dialog .cancel-button StIcon, + .unlock-dialog .switch-user-button StIcon, + .unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 1.09em; } + .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-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: #e6e6e6; } + +.login-dialog-button-box { + width: 23em; + spacing: 5px; } + +.login-dialog-message { + text-align: center; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + +.login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; } + +.login-dialog-not-listed-label { + font-weight: bold; + color: #b3b3b3; + padding-top: 1em; } + +.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: 12px; + padding: 6px; + 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:expanded .login-dialog-user-list-item:selected { + background-color: #a400a4; + color: #ffffff; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #a400a4; } + +.login-dialog-user-list-item { + border-radius: 12px; + padding: 6px; + color: #b3b3b3; } + .login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; } + .login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin-top: 6px; + background-color: white; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #ffffff; } + +.user-widget-label { + color: white; } + +.user-widget.horizontal .user-widget-label { + font-size: 12pt; + font-weight: bold; + padding-left: 15px; } + .user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; } + .user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; } + +.user-widget.vertical .user-widget-label { + font-size: 15pt; + text-align: center; + font-weight: normal; + padding-top: 16px; } + +.login-dialog-timed-login-indicator { + height: 2px; + background-color: #8e8e80; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 12px; + width: 23em; } + +.login-dialog-prompt-entry { + height: 1.5em; } + +.login-dialog-prompt-label { + color: #cccccc; + font-size: 11pt; + padding-top: 1em; } + +.login-dialog StEntry { + background-color: #20232b; + color: #eeeeec; } + +.unlock-dialog StEntry { + border: none !important; } + .unlock-dialog StEntry:focus { + background-color: rgba(238, 238, 236, 0.1); } + .unlock-dialog StEntry:insensitive { + color: rgba(238, 238, 236, 0.5); + background-color: rgba(238, 238, 236, 0.05); } + +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + border-color: transparent; + background-color: rgba(238, 238, 236, 0.1); } + +/* Screen Shield */ +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; } + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; } + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; } + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; } + +.unlock-dialog-notifications-container { + margin: 12px; + 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; } + +.screen-shield-background { + background: black; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } + +#lockDialogGroup { + background-color: #272a34; } + +#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); } + +.icon-dropshadow { + icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } + +/* 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); } + #panel StIcon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + #panel.unlock-screen, #panel.login-screen, #panel.lock-screen, #panel:overview { + background-color: transparent; } + #panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button, #panel.lock-screen .panel-button:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:checked, #panel:overview .panel-button, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:overview, #panel:overview .panel-button:checked { + color: white; } + #panel .panel-button { + color: white; } + #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked { + color: white; + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } + #panel .panel-button.screen-recording-indicator { + color: white; } + #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { + box-shadow: none; } + #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .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.2); } + #panel #panelActivities.panel-button { + margin-left: .4em; } + #panel #panelActivities.panel-button StLabel { + background-image: url("assets/view-grid-symbolic-dark.svg"); + background-size: contain; + width: 1.5em; + height: 1.5em; + color: transparent; } + #panel #panelActivities.panel-button:overview StLabel { + background-image: url("assets/view-grid-symbolic-dark.svg"); } + +/* Date/Time Menu */ +.datemenu-today-button:insensitive { + color: inherit; } + +/* Search */ +.search-entry { + color: black; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + font-weight: bold; + background-color: rgba(255, 255, 255, 0.1); + font-size: 1.1em; + transition-duration: 200ms; } + .search-entry StLabel.hint-text { + color: white; } + .search-entry, .search-entry:focus, .search-entry:hover { + width: 21em; + padding: .6em .8em; + border: none; } + .search-entry:focus, .search-entry:hover { + background-color: white; + color: black; + font-weight: normal; + box-shadow: none; + text-shadow: none; } + .search-entry:focus StLabel.hint-text, .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-section-content { + background-color: rgba(255, 255, 255, 0.1); + border: none; } + +.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); } + +.dash-background, .dash-separator { + background: rgba(255, 255, 255, 0.1); } + +/* App Grid */ +.app-well-app, .grid-search-result { + color: white; } + +.app-folder-dialog { + background: black; + box-shadow: 0 0 20px #030303; } 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 new file mode 100644 index 00000000..fa607701 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/border.png 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 new file mode 100644 index 00000000..4da3f73f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-active.png 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 new file mode 100644 index 00000000..aca610f8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-hover.png 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 new file mode 100644 index 00000000..95e60455 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button-insensitive.png 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 new file mode 100644 index 00000000..3bc6214d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/button.png 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 new file mode 100644 index 00000000..45219072 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-active.png 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 new file mode 100644 index 00000000..c1b8553d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-hover.png 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 new file mode 100644 index 00000000..e772c6dc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png 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 new file mode 100644 index 00000000..38a9a994 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-checked.png 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 new file mode 100644 index 00000000..1e51a8c9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-active.png 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 new file mode 100644 index 00000000..5db26490 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-hover.png 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 new file mode 100644 index 00000000..322fa33d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png 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 new file mode 100644 index 00000000..d2be5117 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-mixed.png 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 new file mode 100644 index 00000000..ee30bd35 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-active.png 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 new file mode 100644 index 00000000..cc49f068 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png 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 new file mode 100644 index 00000000..1a40a53d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png 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 new file mode 100644 index 00000000..e29167d6 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/checkbox-unchecked.png 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 new file mode 100644 index 00000000..bdc1dff8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png 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 new file mode 100644 index 00000000..d93935c1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png 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 new file mode 100644 index 00000000..19ed6dd5 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png 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 new file mode 100644 index 00000000..069dcfc6 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-button.png 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 new file mode 100644 index 00000000..b5dbb791 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-active.png 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 new file mode 100644 index 00000000..f532cb94 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png 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 new file mode 100644 index 00000000..c8b4f488 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-ltr-entry.png 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 new file mode 100644 index 00000000..99f82581 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png 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 new file mode 100644 index 00000000..cc673839 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png 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 new file mode 100644 index 00000000..5d888e4d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png 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 new file mode 100644 index 00000000..e3c8d9c9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-button.png 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 new file mode 100644 index 00000000..eaacc1ce Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png 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 new file mode 100644 index 00000000..4c053a75 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png 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 new file mode 100644 index 00000000..84696151 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png 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 new file mode 100644 index 00000000..081644ad Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-active.png 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 new file mode 100644 index 00000000..e59dede8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background-insensitive.png 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 new file mode 100644 index 00000000..e61f87e8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-background.png 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 new file mode 100644 index 00000000..b585a402 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry-insensitive.png 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 new file mode 100644 index 00000000..674e1cf3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/entry.png 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 new file mode 100644 index 00000000..a9e1ab5d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/focus.png 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 new file mode 100644 index 00000000..e7c95066 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-inline.png 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 new file mode 100644 index 00000000..8226de1d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame-notebook.png 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 new file mode 100644 index 00000000..8534d2bc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/frame.png 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 new file mode 100644 index 00000000..4593d31d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-horz.png 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 new file mode 100644 index 00000000..0e6e49ce Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle-vert.png 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 new file mode 100644 index 00000000..733e08e1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/handle.png 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 new file mode 100644 index 00000000..298041c1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/line.png 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 new file mode 100644 index 00000000..8534d2bc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-border.png 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 new file mode 100644 index 00000000..4605163a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png 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 new file mode 100644 index 00000000..dd09cf1f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png 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 new file mode 100644 index 00000000..4605163a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-checked.png 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 new file mode 100644 index 00000000..1f744119 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-hover.png 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 new file mode 100644 index 00000000..084b06b2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png 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 new file mode 100644 index 00000000..5d41cb75 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png 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 new file mode 100644 index 00000000..9588c98a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png 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 new file mode 100644 index 00000000..5d41cb75 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox-mixed.png 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 new file mode 100644 index 00000000..1f744119 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-checkbox.png 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 new file mode 100644 index 00000000..66854570 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png 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 new file mode 100644 index 00000000..7ef4f07c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-down.png 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 new file mode 100644 index 00000000..51641dc5 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-hover.png 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 new file mode 100644 index 00000000..4110b179 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png 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 new file mode 100644 index 00000000..51641dc5 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-left.png 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 new file mode 100644 index 00000000..1140a2f1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-hover.png 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 new file mode 100644 index 00000000..f7cb703c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png 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 new file mode 100644 index 00000000..1140a2f1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-right.png 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 new file mode 100644 index 00000000..e09c2225 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png 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 new file mode 100644 index 00000000..31094b5e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-pan-up.png 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 new file mode 100644 index 00000000..0af512ef Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-hover.png 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 new file mode 100644 index 00000000..71a57cc1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png 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 new file mode 100644 index 00000000..0af512ef Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-checked.png 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 new file mode 100644 index 00000000..073bd14a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-hover.png 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 new file mode 100644 index 00000000..012a4c7d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-insensitive.png 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 new file mode 100644 index 00000000..45d00d3c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png 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 new file mode 100644 index 00000000..63124664 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png 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 new file mode 100644 index 00000000..45d00d3c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio-mixed.png 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 new file mode 100644 index 00000000..073bd14a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menu-radio.png 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 new file mode 100644 index 00000000..31fd1303 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/menubar-item-active.png 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 new file mode 100644 index 00000000..a8d9882d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png 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 new file mode 100644 index 00000000..e845b9ab Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png 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 new file mode 100644 index 00000000..547a4adc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png 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 new file mode 100644 index 00000000..52476f0e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png 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 new file mode 100644 index 00000000..2d20235a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png 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 new file mode 100644 index 00000000..9942b31f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png 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 new file mode 100644 index 00000000..42280190 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-active.png 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 new file mode 100644 index 00000000..739ba647 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry-insensitive.png 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 new file mode 100644 index 00000000..22957171 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/notebook-entry.png 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 new file mode 100644 index 00000000..66854570 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down-insensitive.png 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 new file mode 100644 index 00000000..7ef4f07c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-down.png 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 new file mode 100644 index 00000000..63da9909 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-insensitive.png 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 new file mode 100644 index 00000000..d66c52f4 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left-semi.png 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 new file mode 100644 index 00000000..e35ac182 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-left.png 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 new file mode 100644 index 00000000..7e32e6d6 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-insensitive.png 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 new file mode 100644 index 00000000..b3edf6b5 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right-semi.png 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 new file mode 100644 index 00000000..1c1c3537 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-right.png 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 new file mode 100644 index 00000000..e09c2225 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up-insensitive.png 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 new file mode 100644 index 00000000..31094b5e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/pan-up.png 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 new file mode 100644 index 00000000..a29aea0f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz-trough.png 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 new file mode 100644 index 00000000..e3e672cf Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-horz.png 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 new file mode 100644 index 00000000..579e3de2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert-trough.png 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 new file mode 100644 index 00000000..28b8027d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/progressbar-vert.png 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 new file mode 100644 index 00000000..da99b262 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-active.png 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 new file mode 100644 index 00000000..aa8cb2c5 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-hover.png 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 new file mode 100644 index 00000000..e6371038 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked-insensitive.png 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 new file mode 100644 index 00000000..f76f67e9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-checked.png 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 new file mode 100644 index 00000000..f1cf2747 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-active.png 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 new file mode 100644 index 00000000..b51fd50f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-hover.png 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 new file mode 100644 index 00000000..a0f3c38c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed-insensitive.png 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 new file mode 100644 index 00000000..0512a835 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-mixed.png 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 new file mode 100644 index 00000000..0c453440 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-active.png 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 new file mode 100644 index 00000000..4f8337ac Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-hover.png 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 new file mode 100644 index 00000000..05186936 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png 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 new file mode 100644 index 00000000..dbf1e0d3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/radio-unchecked.png 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 new file mode 100644 index 00000000..afacaf05 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-focus.png 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 new file mode 100644 index 00000000..54286a48 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough-active.png 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 new file mode 100644 index 00000000..62591a64 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-horz-trough.png 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 new file mode 100644 index 00000000..1b9d90c4 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-active.png 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 new file mode 100644 index 00000000..8c951754 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-hover.png 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 new file mode 100644 index 00000000..aacb4fd9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider-insensitive.png 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 new file mode 100644 index 00000000..24efc5fc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-slider.png 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 new file mode 100644 index 00000000..ca14e21a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough-active.png 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 new file mode 100644 index 00000000..08b970cf Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scale-vert-trough.png 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 new file mode 100644 index 00000000..7546030f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png 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 new file mode 100644 index 00000000..c188b72f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png 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 new file mode 100644 index 00000000..a8145993 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-slider.png 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 new file mode 100644 index 00000000..20367393 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-horz-trough.png 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 new file mode 100644 index 00000000..2f467c3c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png 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 new file mode 100644 index 00000000..c44ecf3b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png 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 new file mode 100644 index 00000000..fe633ea6 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png 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 new file mode 100644 index 00000000..2347fcdb Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png 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 new file mode 100644 index 00000000..3b12d477 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png 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 new file mode 100644 index 00000000..9903b1ce Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-slider.png 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 new file mode 100644 index 00000000..aa4538e7 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough-rtl.png 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 new file mode 100644 index 00000000..01291c2c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/scrollbar-vert-trough.png 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 new file mode 100644 index 00000000..6767cfbc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down-insensitive.png 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 new file mode 100644 index 00000000..c55cbd0b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-down.png 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 new file mode 100644 index 00000000..6bac2db7 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-active.png 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 new file mode 100644 index 00000000..b05ceb63 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-hover.png 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 new file mode 100644 index 00000000..7129752f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png 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 new file mode 100644 index 00000000..31c3538c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-down.png 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 new file mode 100644 index 00000000..35f53dec Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-active.png 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 new file mode 100644 index 00000000..40f62394 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-hover.png 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 new file mode 100644 index 00000000..90a94861 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png 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 new file mode 100644 index 00000000..7bc253b8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-ltr-up.png 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 new file mode 100644 index 00000000..6590c295 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-active.png 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 new file mode 100644 index 00000000..2c95ce6d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-hover.png 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 new file mode 100644 index 00000000..47843784 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png 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 new file mode 100644 index 00000000..48a14f7c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-down.png 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 new file mode 100644 index 00000000..ae5ab9a3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-active.png 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 new file mode 100644 index 00000000..af01679f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-hover.png 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 new file mode 100644 index 00000000..c11ef4f3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png 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 new file mode 100644 index 00000000..07de07bb Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-rtl-up.png 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 new file mode 100644 index 00000000..f0efaa5b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up-insensitive.png 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 new file mode 100644 index 00000000..a8a0cfd7 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/spin-up.png 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 new file mode 100644 index 00000000..514f872e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down-active.png 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 new file mode 100644 index 00000000..bc92b9dd Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-down.png 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 new file mode 100644 index 00000000..49069bcb Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-horz-gap.png 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 new file mode 100644 index 00000000..3d909358 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left-active.png 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 new file mode 100644 index 00000000..528891c7 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-left.png 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 new file mode 100644 index 00000000..e3154f8c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right-active.png 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 new file mode 100644 index 00000000..c047d8ea Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-right.png 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 new file mode 100644 index 00000000..3c3b8e59 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up-active.png 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 new file mode 100644 index 00000000..091e1d8e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-up.png 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 new file mode 100644 index 00000000..71748009 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/tab-vert-gap.png 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 new file mode 100644 index 00000000..b8e53859 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-active.png 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 new file mode 100644 index 00000000..e96bc580 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down-hover.png 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 new file mode 100644 index 00000000..55ba5295 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-down.png 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 new file mode 100644 index 00000000..612d7bde Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-active.png 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 new file mode 100644 index 00000000..36ee52e1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up-hover.png 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 new file mode 100644 index 00000000..6348cf4f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-pan-up.png 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 new file mode 100644 index 00000000..085c9657 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-ltr.png 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 new file mode 100644 index 00000000..1a3e036a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-2.0/assets/treeview-separator-rtl.png differ diff --git a/share/themes/Kali-Purple-Dark/gtk-2.0/gtkrc b/share/themes/Kali-Purple-Dark/gtk-2.0/gtkrc new file mode 100644 index 00000000..0b6ff232 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-2.0/gtkrc @@ -0,0 +1,39 @@ +# 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 new file mode 100644 index 00000000..062796d0 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-2.0/main.rc @@ -0,0 +1,2554 @@ +# 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 new file mode 100644 index 00000000..c0299734 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.svg @@ -0,0 +1,155 @@ + + + + + + + + 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 new file mode 100644 index 00000000..0ed01194 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png 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 new file mode 100644 index 00000000..2f26a510 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png 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 new file mode 100644 index 00000000..bac5cd6a --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.svg @@ -0,0 +1,154 @@ + + + + + + + + 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 new file mode 100644 index 00000000..21be6127 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check-symbolic.symbolic.png 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 new file mode 100644 index 00000000..2c2a0ddb Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png 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 new file mode 100644 index 00000000..2d90544e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black.png 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 new file mode 100644 index 00000000..09db8b2f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-black@2.png 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 new file mode 100644 index 00000000..70618145 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white.png 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 new file mode 100644 index 00000000..a81f5172 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/close-white@2.png 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 new file mode 100644 index 00000000..7886d541 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.svg @@ -0,0 +1,153 @@ + + + + + + + + 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 new file mode 100644 index 00000000..c20d4bac Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png 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 new file mode 100644 index 00000000..d2b3385e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png 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 new file mode 100644 index 00000000..b9c2a745 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark.png 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 new file mode 100644 index 00000000..0733be88 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo-dark@2.png 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 new file mode 100644 index 00000000..c5abba33 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo.png 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 new file mode 100644 index 00000000..5b61c912 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/kali-headerbar-logo@2.png 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 new file mode 100644 index 00000000..f2e61a2b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark.png 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 new file mode 100644 index 00000000..c4c45728 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize-dark@2.png 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 new file mode 100644 index 00000000..2d82891f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize.png 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 new file mode 100644 index 00000000..9f68f675 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/maximize@2.png 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 new file mode 100644 index 00000000..3cd96980 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark.png 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 new file mode 100644 index 00000000..026b0185 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize-dark@2.png 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 new file mode 100644 index 00000000..798de286 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize.png 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 new file mode 100644 index 00000000..fc5771c1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/minimize@2.png 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 new file mode 100644 index 00000000..c0fff40f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png 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 new file mode 100644 index 00000000..1ed6fd58 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png 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 new file mode 100644 index 00000000..47a6007d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png 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 new file mode 100644 index 00000000..0359eb74 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png 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 new file mode 100644 index 00000000..de735a3c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png 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 new file mode 100644 index 00000000..d08be88c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png 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 new file mode 100644 index 00000000..de735a3c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png 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 new file mode 100644 index 00000000..d08be88c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png 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 new file mode 100644 index 00000000..a228a98d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png 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 new file mode 100644 index 00000000..17fa9de3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png 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 new file mode 100644 index 00000000..c5576dee Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png 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 new file mode 100644 index 00000000..9f7ff4df Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png 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 new file mode 100644 index 00000000..552a9ded Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png 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 new file mode 100644 index 00000000..27dcb79e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png 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 new file mode 100644 index 00000000..547e7862 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png 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 new file mode 100644 index 00000000..7591a1cc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png 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 new file mode 100644 index 00000000..23d1d70a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png 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 new file mode 100644 index 00000000..aaa54ce8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png 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 new file mode 100644 index 00000000..de735a3c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png 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 new file mode 100644 index 00000000..d08be88c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png 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 new file mode 100644 index 00000000..a228a98d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png 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 new file mode 100644 index 00000000..17fa9de3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png 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 new file mode 100644 index 00000000..9c72027c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png 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 new file mode 100644 index 00000000..4acaf693 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png 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 new file mode 100644 index 00000000..4fc024e9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png 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 new file mode 100644 index 00000000..ab85f970 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png 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 new file mode 100644 index 00000000..aa1943d1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png 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 new file mode 100644 index 00000000..199e00fa Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png 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 new file mode 100644 index 00000000..e5fef501 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png 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 new file mode 100644 index 00000000..81dda220 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png 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 new file mode 100644 index 00000000..e5fef501 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png 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 new file mode 100644 index 00000000..81dda220 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png 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 new file mode 100644 index 00000000..43578f47 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png 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 new file mode 100644 index 00000000..b4c6871c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png 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 new file mode 100644 index 00000000..e8e835d0 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png 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 new file mode 100644 index 00000000..3c1d4788 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png 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 new file mode 100644 index 00000000..1885b0b1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png 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 new file mode 100644 index 00000000..b613d121 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png 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 new file mode 100644 index 00000000..679f129e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png 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 new file mode 100644 index 00000000..e9921c95 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png 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 new file mode 100644 index 00000000..5219a662 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png 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 new file mode 100644 index 00000000..f0fbebd8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png 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 new file mode 100644 index 00000000..e5fef501 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png 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 new file mode 100644 index 00000000..81dda220 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png 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 new file mode 100644 index 00000000..e8e835d0 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png 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 new file mode 100644 index 00000000..3c1d4788 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png 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 new file mode 100644 index 00000000..b6d9d6ab Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png 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 new file mode 100644 index 00000000..a210b686 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png 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 new file mode 100644 index 00000000..a4512f9b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png 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 new file mode 100644 index 00000000..42e98e35 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png 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 new file mode 100644 index 00000000..2adff0a0 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png 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 new file mode 100644 index 00000000..41588a9b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png 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 new file mode 100644 index 00000000..37d516b3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png 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 new file mode 100644 index 00000000..7ac53c41 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png 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 new file mode 100644 index 00000000..37d516b3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png 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 new file mode 100644 index 00000000..7ac53c41 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png 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 new file mode 100644 index 00000000..350549cf Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png 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 new file mode 100644 index 00000000..0a8131d2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png 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 new file mode 100644 index 00000000..9b1f0aaa Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png 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 new file mode 100644 index 00000000..0a8131d2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png 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 new file mode 100644 index 00000000..b2718cfb Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png 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 new file mode 100644 index 00000000..53c28382 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png 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 new file mode 100644 index 00000000..acc6e6c0 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png 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 new file mode 100644 index 00000000..9107ff35 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png 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 new file mode 100644 index 00000000..d245c109 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png 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 new file mode 100644 index 00000000..88a4de74 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png 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 new file mode 100644 index 00000000..37d516b3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png 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 new file mode 100644 index 00000000..7ac53c41 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png 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 new file mode 100644 index 00000000..350549cf Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png 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 new file mode 100644 index 00000000..50807887 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png 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 new file mode 100644 index 00000000..0eab7cbe Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png 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 new file mode 100644 index 00000000..f9706301 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png 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 new file mode 100644 index 00000000..bc7ed6e6 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png 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 new file mode 100644 index 00000000..107c2e11 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png 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 new file mode 100644 index 00000000..373acb01 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png 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 new file mode 100644 index 00000000..2d132127 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png 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 new file mode 100644 index 00000000..3d22e92b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png 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 new file mode 100644 index 00000000..cb292ea2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png 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 new file mode 100644 index 00000000..3d22e92b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png 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 new file mode 100644 index 00000000..cb292ea2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png 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 new file mode 100644 index 00000000..4e2aaee3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png 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 new file mode 100644 index 00000000..4b024b6b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png 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 new file mode 100644 index 00000000..4e2aaee3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png 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 new file mode 100644 index 00000000..4b024b6b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png 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 new file mode 100644 index 00000000..3db1adbe Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png 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 new file mode 100644 index 00000000..a83633a3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png 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 new file mode 100644 index 00000000..8d222e5e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png 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 new file mode 100644 index 00000000..6d7b4946 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png 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 new file mode 100644 index 00000000..9fc726b6 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png 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 new file mode 100644 index 00000000..b2134623 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png 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 new file mode 100644 index 00000000..3d22e92b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png 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 new file mode 100644 index 00000000..cb292ea2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png 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 new file mode 100644 index 00000000..4e2aaee3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png 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 new file mode 100644 index 00000000..333b068c Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png 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 new file mode 100644 index 00000000..7e72cd89 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png 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 new file mode 100644 index 00000000..f6393565 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png 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 new file mode 100644 index 00000000..6b05f5f2 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark.png 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 new file mode 100644 index 00000000..96618412 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png 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 new file mode 100644 index 00000000..1884e84d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active.png 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 new file mode 100644 index 00000000..c0f7fb9e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-active@2.png 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 new file mode 100644 index 00000000..669de792 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark.png 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 new file mode 100644 index 00000000..d1b2b838 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-dark@2.png 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 new file mode 100644 index 00000000..0be10849 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark.png 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 new file mode 100644 index 00000000..2eef4d8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png 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 new file mode 100644 index 00000000..fcffa6e8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover.png 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 new file mode 100644 index 00000000..17a80775 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end-hover@2.png 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 new file mode 100644 index 00000000..c644680e Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end.png 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 new file mode 100644 index 00000000..2ecd2db3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-end@2.png 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 new file mode 100644 index 00000000..3bddebe9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark.png 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 new file mode 100644 index 00000000..e6e4bdfa Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png 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 new file mode 100644 index 00000000..4d566b13 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active.png 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 new file mode 100644 index 00000000..02ba7a06 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-active@2.png 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 new file mode 100644 index 00000000..64be8427 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark.png 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 new file mode 100644 index 00000000..2fe0233f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-dark@2.png 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 new file mode 100644 index 00000000..09b93772 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark.png 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 new file mode 100644 index 00000000..26f44622 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png 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 new file mode 100644 index 00000000..942c1448 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover.png 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 new file mode 100644 index 00000000..fbd7c7aa Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start-hover@2.png 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 new file mode 100644 index 00000000..3983ed2a Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start.png 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 new file mode 100644 index 00000000..25018ba5 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/text-select-start@2.png 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 new file mode 100644 index 00000000..5b1fb6a9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton.png 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 new file mode 100644 index 00000000..5e21d2fc Binary files /dev/null and b/share/themes/Kali-Purple-Dark/gtk-3.0/assets/titlebutton@2.png 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 new file mode 120000 index 00000000..78c9d4e3 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +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 new file mode 100644 index 00000000..50b383be --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-3.0/gtk.css @@ -0,0 +1,7156 @@ +/*************************** + * 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: #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:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: #888a8d; + border-color: #0d0e11; + 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: #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: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: #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: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: #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:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: #888a8d; + border-color: #0d0e11; + 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: #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) 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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; } + +/* 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 new file mode 120000 index 00000000..fb2256c4 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-4.0/assets @@ -0,0 +1 @@ +../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 new file mode 100644 index 00000000..9f1ce136 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/gtk-4.0/gtk.css @@ -0,0 +1,5258 @@ +/*************************** + * 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; } + 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: #0d0e11; + 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 new file mode 100644 index 00000000..2c6777d3 --- /dev/null +++ b/share/themes/Kali-Purple-Dark/index.theme @@ -0,0 +1,13 @@ +[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 new file mode 100644 index 00000000..243d6b90 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/bottom-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/bottom-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/bottom-inactive.png new file mode 100644 index 00000000..243d6b90 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/bottom-inactive.png 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 new file mode 100644 index 00000000..f3a00bec Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-active.png 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 new file mode 100644 index 00000000..f3a00bec Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/bottom-left-inactive.png 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 new file mode 100644 index 00000000..e137d28d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-active.png 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 new file mode 100644 index 00000000..e137d28d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/bottom-right-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-active.png b/share/themes/Kali-Purple-Dark/xfwm4/close-active.png new file mode 100644 index 00000000..bf64e115 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/close-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/close-inactive.png new file mode 100644 index 00000000..797ac87b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/close-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/close-prelight.png new file mode 100644 index 00000000..6a2745c8 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/close-prelight.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/close-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/close-pressed.png new file mode 100644 index 00000000..e611ca2f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/close-pressed.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-active.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-active.png new file mode 100644 index 00000000..b01268c3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/hide-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-inactive.png new file mode 100644 index 00000000..797ac87b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/hide-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-prelight.png new file mode 100644 index 00000000..58b200f7 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/hide-prelight.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/hide-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/hide-pressed.png new file mode 100644 index 00000000..8990b4e1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/hide-pressed.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/left-active.png b/share/themes/Kali-Purple-Dark/xfwm4/left-active.png new file mode 100644 index 00000000..88d1b5f4 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/left-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/left-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/left-inactive.png new file mode 100644 index 00000000..88d1b5f4 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/left-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-active.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-active.png new file mode 100644 index 00000000..b01268c3 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/maximize-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-inactive.png new file mode 100644 index 00000000..797ac87b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/maximize-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-prelight.png new file mode 100644 index 00000000..60dc63ae Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/maximize-prelight.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/maximize-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/maximize-pressed.png new file mode 100644 index 00000000..f33dd3c9 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/maximize-pressed.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/menu-active.png b/share/themes/Kali-Purple-Dark/xfwm4/menu-active.png new file mode 100644 index 00000000..e251ec71 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/menu-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/menu-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/menu-inactive.png new file mode 100644 index 00000000..e251ec71 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/menu-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/menu-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/menu-pressed.png new file mode 100644 index 00000000..e251ec71 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/menu-pressed.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/right-active.png b/share/themes/Kali-Purple-Dark/xfwm4/right-active.png new file mode 100644 index 00000000..3b456152 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/right-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/right-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/right-inactive.png new file mode 100644 index 00000000..3b456152 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/right-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-active.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-active.png new file mode 100644 index 00000000..6dcf11b4 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/shade-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-inactive.png new file mode 100644 index 00000000..ceaffdf1 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/shade-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-prelight.png new file mode 100644 index 00000000..7aa8f900 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/shade-prelight.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/shade-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/shade-pressed.png new file mode 100644 index 00000000..7965bcfa Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/shade-pressed.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-active.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-active.png new file mode 100644 index 00000000..eb8aaf28 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/stick-active.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-inactive.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-inactive.png new file mode 100644 index 00000000..6518112f Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/stick-inactive.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-prelight.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-prelight.png new file mode 100644 index 00000000..49da13f6 Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/stick-prelight.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/stick-pressed.png b/share/themes/Kali-Purple-Dark/xfwm4/stick-pressed.png new file mode 100644 index 00000000..ca7cccdb Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/stick-pressed.png differ diff --git a/share/themes/Kali-Purple-Dark/xfwm4/themerc b/share/themes/Kali-Purple-Dark/xfwm4/themerc new file mode 100644 index 00000000..d8301d1c --- /dev/null +++ b/share/themes/Kali-Purple-Dark/xfwm4/themerc @@ -0,0 +1,17 @@ +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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-1-active.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-1-inactive.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-2-active.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-2-inactive.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-3-active.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-3-inactive.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-4-active.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-4-inactive.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-5-active.png 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 new file mode 100644 index 00000000..1ebdda8b Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/title-5-inactive.png 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 new file mode 100644 index 00000000..5933427d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/top-left-active.png 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 new file mode 100644 index 00000000..5933427d Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/top-left-inactive.png 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 new file mode 100644 index 00000000..1f8e32ce Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/top-right-active.png 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 new file mode 100644 index 00000000..1f8e32ce Binary files /dev/null and b/share/themes/Kali-Purple-Dark/xfwm4/top-right-inactive.png 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 new file mode 100644 index 00000000..26b4b8df Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-active.png 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 new file mode 100644 index 00000000..26b4b8df Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-inactive.png 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 new file mode 100644 index 00000000..afda4841 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-active.png 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 new file mode 100644 index 00000000..afda4841 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-left-inactive.png 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 new file mode 100644 index 00000000..5c14c3cd Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-active.png 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 new file mode 100644 index 00000000..5c14c3cd Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/bottom-right-inactive.png 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 new file mode 100644 index 00000000..6eee0b88 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-active.png 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 new file mode 100644 index 00000000..ab4d33d3 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-inactive.png 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 new file mode 100644 index 00000000..7a019822 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-prelight.png 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 new file mode 100644 index 00000000..c223d85b Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/close-pressed.png 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 new file mode 100644 index 00000000..97dc50dc Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-active.png 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 new file mode 100644 index 00000000..ab4d33d3 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-inactive.png 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 new file mode 100644 index 00000000..fdf4a4b8 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-prelight.png 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 new file mode 100644 index 00000000..b4fcdb2f Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/hide-pressed.png 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 new file mode 100644 index 00000000..91c4aaf4 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-active.png 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 new file mode 100644 index 00000000..91c4aaf4 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/left-inactive.png 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 new file mode 100644 index 00000000..97dc50dc Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-active.png 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 new file mode 100644 index 00000000..ab4d33d3 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-inactive.png 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 new file mode 100644 index 00000000..370a9e15 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-prelight.png 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 new file mode 100644 index 00000000..d956dd4a Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/maximize-pressed.png 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 new file mode 100644 index 00000000..267e9b87 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-active.png 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 new file mode 100644 index 00000000..267e9b87 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-inactive.png 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 new file mode 100644 index 00000000..267e9b87 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/menu-pressed.png 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 new file mode 100644 index 00000000..ef881431 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-active.png 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 new file mode 100644 index 00000000..ef881431 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/right-inactive.png 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 new file mode 100644 index 00000000..a535323f Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-active.png 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 new file mode 100644 index 00000000..93ba22ee Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-inactive.png 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 new file mode 100644 index 00000000..a535323f Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-prelight.png 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 new file mode 100644 index 00000000..c51c4dd4 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/shade-pressed.png 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 new file mode 100644 index 00000000..d54e1781 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-active.png 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 new file mode 100644 index 00000000..051dd8f1 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-inactive.png 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 new file mode 100644 index 00000000..d54e1781 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-prelight.png 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 new file mode 100644 index 00000000..f9b56a71 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/stick-pressed.png differ diff --git a/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/themerc b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/themerc new file mode 100644 index 00000000..4683d357 --- /dev/null +++ b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/themerc @@ -0,0 +1,17 @@ +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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-active.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-1-inactive.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-active.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-2-inactive.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-active.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-3-inactive.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-active.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-4-inactive.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-active.png 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 new file mode 100644 index 00000000..7275b792 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/title-5-inactive.png 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 new file mode 100644 index 00000000..95edf4f3 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-active.png 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 new file mode 100644 index 00000000..95edf4f3 Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-left-inactive.png 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 new file mode 100644 index 00000000..9e79398f Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-active.png 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 new file mode 100644 index 00000000..9e79398f Binary files /dev/null and b/share/themes/Kali-Purple-Light-xHiDPI/xfwm4/top-right-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/gnome-shell/assets b/share/themes/Kali-Purple-Light/gnome-shell/assets new file mode 120000 index 00000000..a6b7dcde --- /dev/null +++ b/share/themes/Kali-Purple-Light/gnome-shell/assets @@ -0,0 +1 @@ +../../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 new file mode 100644 index 00000000..6f5c41bc --- /dev/null +++ b/share/themes/Kali-Purple-Light/gnome-shell/gnome-shell.css @@ -0,0 +1,2926 @@ +/* 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 */ +.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; } + +.workspace-thumbnails .workspace-thumbnail { + color: white; + background-color: rgba(255, 255, 255, 0.1); } + +.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; } + +.modal-dialog { + color: #5c616c; + background-color: #ffffff; + border-radius: 11px; + border: 1px solid rgba(255, 255, 255, 0.8); } + +#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button { + border-radius: 6px; + border-style: solid; + border-width: 1px; + font-weight: bold; + padding: 3px 24px; + transition-duration: 100ms; + color: #5c616c; + background-color: #f7f7f8; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #efdef0; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover { + background-color: #f6e6f6; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active { + background-color: #f6e6f6; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: white; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive { + transition-duration: 100ms; + color: rgba(92, 97, 108, 0.5); + background-color: rgba(92, 97, 108, 0.05); } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active { + transition-duration: 100ms; + color: #5c616c; + background-color: white; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked { + transition-duration: 100ms; + color: #5c616c; + background-color: white; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover { + background-color: white; } + #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active { + background-color: white; } + +.icon-button { + border-radius: 99px; + border-style: solid; + border-width: 1px; + font-weight: bold; + padding: 12px; + transition-duration: 100ms; + color: #5c616c; + background-color: #f7f7f8; } + .icon-button:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #efdef0; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .icon-button:focus:hover { + background-color: #f6e6f6; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .icon-button:focus:active { + background-color: #f6e6f6; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .icon-button:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: white; } + .icon-button:insensitive { + transition-duration: 100ms; + color: rgba(92, 97, 108, 0.5); + background-color: rgba(92, 97, 108, 0.05); } + .icon-button:active { + transition-duration: 100ms; + color: #5c616c; + background-color: white; } + .icon-button:checked { + transition-duration: 100ms; + color: #5c616c; + background-color: white; } + .icon-button:checked:hover { + background-color: white; } + .icon-button:checked:active { + background-color: white; } + .icon-button > StIcon { + icon-size: 1.09em; } + +.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: #dadadb; } + .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.5); + background-color: rgba(92, 97, 108, 0.05); } + .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #d5c4d6; + 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: #dccbdc; + 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: #e3d2e3; + 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: #e2e2e3; } + .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #eaeaea; } + .modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked { + transition-duration: 100ms; + color: #5c616c; + background-color: #f1f1f2; } + .modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover { + background-color: #f9f9f9; } + .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 10px; } + .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 10px 0; + 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 10px 0; } + .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 10px; + 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 10px 10px !important; + margin-left: 0 !important; + margin-right: 0 !important; } + +.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.5); + background-color: rgba(92, 97, 108, 0.05); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .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.5); + background-color: rgba(92, 97, 108, 0.05); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { + transition-duration: 100ms; + color: white; + background-color: #453852; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { + background-color: #4b3e5a; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { + background-color: #514561; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { + transition-duration: 100ms; + color: white; + background-color: #414552; } + .screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { + transition-duration: 100ms; + color: white; + background-color: #484c5a; } + .screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { + transition-duration: 100ms; + color: white; + background-color: #4e5463; } + .screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover { + background-color: #555b6b; } + .screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active { + background-color: #5c6274; } + +/* General Typography */ +.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; } + +.quick-toggle-menu .header .title { + font-weight: 700; + font-size: 15pt; } + +.message-dialog-content .message-dialog-title.lightweight, .headline { + font-weight: 700; + font-size: 13pt; } + +.lg-extension-name, .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, .popup-menu-ornament { + 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; } + +.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .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-base.calendar-day-heading, .calendar .calendar-day-base { + font-weight: 400; + font-size: 8pt; } + +.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-base { + font-feature-settings: "tnum"; } + +/* 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 { + border-radius: 8px; + padding: 8px; + color: #5c616c; + background-color: white; + color: rgba(92, 97, 108, 0.7); + border: 2px solid white; + selection-background-color: #a400a4; + selected-color: #ffffff; } + StEntry:hover { + background-color: white; + border-color: white; + color: rgba(92, 97, 108, 0.7); } + StEntry:focus { + background-color: #faf2fa; + border-color: #a400a4; + color: #5c616c; } + StEntry:insensitive { + background-color: white; + border-color: white; + color: #aeb0b6; } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #fd7d00; + padding: 0 4px; } + StEntry StIcon.peek-password { + icon-size: 1.09em; + padding: 0 4px; } + StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(92, 97, 108, 0.7); } + +/* Buttons */ +.button { + min-height: 22px; } + +/* 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.4); + -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; + border-radius: 20px; + border: 1px solid rgba(255, 255, 255, 0.8); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + background-color: #ffffff; } + +.popup-menu-item { + padding: 9px 12px; + border-radius: 12px; + spacing: 6px; + transition-duration: 100ms; + background-color: transparent; } + .popup-menu-item:ltr { + padding-left: 6px; } + .popup-menu-item:rtl { + padding-right: 6px; } + .popup-menu-item:focus, .popup-menu-item:hover { + background-color: #f2f2f2 !important; } + .popup-menu-item:focus:active, .popup-menu-item:hover:active { + background-color: #ededed !important; } + .popup-menu-item:checked { + background-color: #e8e8e8 !important; } + .popup-menu-item:checked { + margin-bottom: 0; + box-shadow: inset 0 -1px 0 0 #dbdbdb; + border-radius: 8px 8px 0 0; } + .popup-menu-item:checked:focus, .popup-menu-item:checked:hover { + background-color: #f0f0f0 !important; } + .popup-menu-item:checked:active { + background-color: whitesmoke !important; } + .popup-menu-item:active { + background-color: #fafafa; + color: #50555e; } + .popup-menu-item:insensitive { + color: rgba(92, 97, 108, 0.5); } + .popup-menu-item .toggle-switch:ltr { + margin-left: 4px; } + .popup-menu-item .toggle-switch:rtl { + margin-right: 4px; } + +.popup-inactive-menu-item { + color: #5c616c; } + .popup-inactive-menu-item:insensitive { + color: #aeb0b6; } + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px !important; } + +.popup-sub-menu { + background-color: #e8e8e8; + border-radius: 0 0 8px 8px; } + .popup-sub-menu .popup-menu-ornament { + min-width: 1.09em !important; } + .popup-sub-menu .popup-menu-item { + border-radius: 0; + margin: 0; } + .popup-sub-menu .popup-menu-item:last-child { + border-radius: 0 0 8px 8px; } + .popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover { + background-color: #f2f2f2 !important; } + .popup-sub-menu .popup-menu-item:checked { + background-color: #e8e8e8 !important; } + .popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover { + background-color: #fcfcfc !important; } + .popup-sub-menu .popup-menu-item:active { + background-color: #ededed !important; } + .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 8px 8px; } + +.popup-menu-ornament { + width: 1.2em; + text-align: center !important; } + .popup-menu-ornament:ltr { + text-align: right; } + .popup-menu-ornament:rtl { + text-align: left; } + +.popup-separator-menu-item { + margin: 6px 0; + padding: 0 !important; } + .popup-separator-menu-item:ltr { + margin-right: 4px; } + .popup-separator-menu-item:rtl { + margin-left: 4px; } + .popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: #d9d9d9; } + .popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; } + .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: #ebebeb; } + +.background-menu { + -boxpointer-gap: 0px; + -arrow-rise: 0px; } + +.app-menu { + max-width: 27.25em; } + .app-menu .popup-menu-ornament { + width: 0 !important; } + .app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { + margin-right: 8px; } + .app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { + margin-left: 8px; } + +/* 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: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + 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.5); + background-color: rgba(92, 97, 108, 0.05); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .datemenu-today-button:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #e4d4e5; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .datemenu-today-button:focus:hover { + background-color: #ebdbec; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .datemenu-today-button:focus:active { + background-color: #f2e2f2; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .datemenu-today-button:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: #f3f3f3; } + .datemenu-today-button:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #fbfbfb; } + +/* Calendar */ +.calendar { + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + 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.5); + background-color: rgba(92, 97, 108, 0.05); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .calendar:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #e4d4e5; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .calendar:focus:hover { + background-color: #ebdbec; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .calendar:focus:active { + background-color: #f2e2f2; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .calendar:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: #f3f3f3; } + .calendar:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #fbfbfb; } + .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 { + color: #686d7a; + padding: 8px 0; } + .calendar .calendar-month-header .pager-button { + background-color: transparent; + height: 32px; + width: 32px; + margin: 2px; + border-radius: 6px; } + .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus { + background-color: #f2f2f2; } + .calendar .calendar-month-header .pager-button:active { + background-color: #ededed; } + .calendar .calendar-day-base { + text-align: center; + margin: 2px; + padding: 0 !important; + height: 3em !important; + width: 3em !important; + border-radius: 99px; + transition-duration: 100ms; } + .calendar .calendar-day-base:hover { + background-color: #f2f2f2; } + .calendar .calendar-day-base:focus { + background-color: #edcced; + color: #ffffff; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6); } + .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { + color: #50555e; + background-color: #ededed; } + .calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus { + background-color: #dfbedf; } + .calendar .calendar-day-base.calendar-day-heading { + color: #aeb0b6; + padding-top: 6px; + height: 16px !important; + font-weight: bold; } + .calendar .calendar-nonwork-day { + color: #aeb0b6; } + .calendar .calendar-other-month-day { + color: rgba(92, 97, 108, 0.5); } + .calendar .calendar-other-month-day.calendar-nonwork-day { + color: rgba(174, 176, 182, 0.5); } + .calendar .calendar-today { + background-color: #a400a4; + font-weight: 800; + color: #ffffff !important; } + .calendar .calendar-today:hover, .calendar .calendar-today:focus { + background-color: #b300b3; + color: inherit; } + .calendar .calendar-today:active, .calendar .calendar-today:selected { + background-color: #a400a4; + color: inherit; } + .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #b300b3; + color: inherit; } + .calendar .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"; + margin: 6px; + padding: 0 6px; + border-radius: 3px; + background-color: #fafafa; + color: #aeb0b6; } + +/* Events */ +.events-button { + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + transition-duration: 100ms; + color: #5c616c; + background-color: #ebebec; + padding: 12px; } + .events-button:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #e4d4e5; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .events-button:focus:hover { + background-color: #ebdbec; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .events-button:focus:active { + background-color: #f2e2f2; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .events-button:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: #f3f3f3; } + .events-button:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #fbfbfb; } + .events-button .events-box { + spacing: 6px; } + .events-button .events-list { + spacing: 12px; } + .events-button .events-title { + color: #aeb0b6; + margin-bottom: 4px; } + .events-button .event-time { + color: #aeb0b6; } + +/* World clocks */ +.world-clocks-button { + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + transition-duration: 100ms; + color: #5c616c; + background-color: #ebebec; + padding: 12px; } + .world-clocks-button:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #e4d4e5; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .world-clocks-button:focus:hover { + background-color: #ebdbec; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .world-clocks-button:focus:active { + background-color: #f2e2f2; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .world-clocks-button:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: #f3f3f3; } + .world-clocks-button:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #fbfbfb; } + .world-clocks-button .world-clocks-grid { + spacing-rows: 6px; + spacing-columns: 12px; } + .world-clocks-button .world-clocks-header { + color: #aeb0b6; } + .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: #aeb0b6; } + +/* Weather */ +.weather-button { + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + transition-duration: 100ms; + color: #5c616c; + background-color: #ebebec; + padding: 12px; } + .weather-button:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #e4d4e5; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .weather-button:focus:hover { + background-color: #ebdbec; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .weather-button:focus:active { + background-color: #f2e2f2; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .weather-button:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: #f3f3f3; } + .weather-button:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #fbfbfb; } + .weather-button .weather-box { + spacing: 10px; } + .weather-button .weather-header-box { + spacing: 6px; } + .weather-button .weather-header { + color: #aeb0b6; } + .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: rgba(174, 176, 182, 0.5); } + .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: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + transition-duration: 100ms; + color: #5c616c; + background-color: #ebebec; } + .message:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #e4d4e5; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .message:focus:hover { + background-color: #ebdbec; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .message:focus:active { + background-color: #f2e2f2; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .message:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: #f3f3f3; } + .message:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #fbfbfb; } + .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.1); + border-radius: 99px; + padding: 5px; + margin: 1px; } + .message .message-close-button:hover { + background-color: rgba(92, 97, 108, 0.2); } + .message .message-close-button:active { + background-color: rgba(92, 97, 108, 0.1); } + .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: white; + color: #5c616c; } + .message-media-control:active { + background-color: #fafafa; + color: #5c616c; } + .message-media-control:insensitive { + color: #bbbdc2; } + .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: #aeb0b6; } + +.candidate-box { + padding: 6px 12px 6px 12px; + border-radius: 8px; } + .candidate-box:selected { + background-color: #a400a4; + color: #ffffff; } + .candidate-box:hover { + background-color: #f2f2f2; + color: #50555e; } + +.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: 12px; + 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 .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: #f2f2f2; } + .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: 10px; + border-radius: 24px; + 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: #f2f2f2; } + .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: #3b3f4e; + 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: #464b5d; } + .screenshot-ui-shot-cast-button:active { + background-color: #fafafa; } + .screenshot-ui-shot-cast-button:checked { + background-color: white; + color: black; } + .screenshot-ui-shot-cast-button:insensitive { + color: rgba(255, 255, 255, 0.5); } + .screenshot-ui-shot-cast-button StIcon { + icon-size: 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.2); + width: 24px; + height: 24px; } + +.screenshot-ui-window-selector { + background-color: #272a34; } + .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 { + color: white; + background-color: #303340; + border-radius: 99px; + padding: 6px 12px; + text-align: center; + -y-offset: 24px; } + +/* Top Bar */ +#panel { + background-color: #000; + font-weight: bold; + height: 2.2em; + transition-duration: 250ms; } + #panel.unlock-screen, #panel.login-screen, #panel:overview { + background-color: transparent; } + #panel .panel-button { + font-weight: bold; + color: white; + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 99px; } + #panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border: 3px solid transparent; + border-radius: 99px; } + #panel .panel-button.screen-recording-indicator { + box-shadow: inset 0 0 0 100px #bf1717; } + #panel .panel-button.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px #fd7d00; } + #panel .panel-button.screen-sharing-indicator StBoxLayout { + margin: 0 6px; } + #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:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } + #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; } + #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } + #panel .panel-button:active.screen-recording-indicator, #panel .panel-button:overview.screen-recording-indicator, #panel .panel-button:focus.screen-recording-indicator, #panel .panel-button:checked.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); } + #panel .panel-button:active.screen-sharing-indicator, #panel .panel-button:overview.screen-sharing-indicator, #panel .panel-button:focus.screen-sharing-indicator, #panel .panel-button:checked.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); } + #panel .panel-button:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } + #panel .panel-button:hover.clock-display { + box-shadow: none; } + #panel .panel-button:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } + #panel .panel-button:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } + #panel .panel-button:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } + #panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } + #panel .panel-button:active:hover.clock-display, #panel .panel-button:overview:hover.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked:hover.clock-display { + box-shadow: none; } + #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:overview:hover.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.25); } + #panel .panel-button:active:hover.screen-recording-indicator, #panel .panel-button:overview:hover.screen-recording-indicator, #panel .panel-button:focus:hover.screen-recording-indicator, #panel .panel-button:checked:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } + #panel .panel-button:active:hover.screen-sharing-indicator, #panel .panel-button:overview:hover.screen-sharing-indicator, #panel .panel-button:focus:hover.screen-sharing-indicator, #panel .panel-button:checked:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } + #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: 18px; } + #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } + #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display { + box-shadow: none; } + #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); } + #panel.unlock-screen .panel-button:active.screen-recording-indicator, #panel.unlock-screen .panel-button:overview.screen-recording-indicator, #panel.unlock-screen .panel-button:focus.screen-recording-indicator, #panel.unlock-screen .panel-button:checked.screen-recording-indicator, #panel.login-screen .panel-button:active.screen-recording-indicator, #panel.login-screen .panel-button:overview.screen-recording-indicator, #panel.login-screen .panel-button:focus.screen-recording-indicator, #panel.login-screen .panel-button:checked.screen-recording-indicator, #panel:overview .panel-button:active.screen-recording-indicator, #panel:overview .panel-button:overview.screen-recording-indicator, #panel:overview .panel-button:focus.screen-recording-indicator, #panel:overview .panel-button:checked.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.85); } + #panel.unlock-screen .panel-button:active.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked.screen-sharing-indicator, #panel.login-screen .panel-button:active.screen-sharing-indicator, #panel.login-screen .panel-button:overview.screen-sharing-indicator, #panel.login-screen .panel-button:focus.screen-sharing-indicator, #panel.login-screen .panel-button:checked.screen-sharing-indicator, #panel:overview .panel-button:active.screen-sharing-indicator, #panel:overview .panel-button:overview.screen-sharing-indicator, #panel:overview .panel-button:focus.screen-sharing-indicator, #panel:overview .panel-button:checked.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.85); } + #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.1); } + #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel:overview .panel-button:hover.clock-display { + box-shadow: none; } + #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel:overview .panel-button:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); } + #panel.unlock-screen .panel-button:hover.screen-recording-indicator, #panel.login-screen .panel-button:hover.screen-recording-indicator, #panel:overview .panel-button:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.9); } + #panel.unlock-screen .panel-button:hover.screen-sharing-indicator, #panel.login-screen .panel-button:hover.screen-sharing-indicator, #panel:overview .panel-button:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.9); } + #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview: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:overview: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:overview: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.2); } + #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:overview:hover.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.login-screen .panel-button:active:hover.clock-display, #panel.login-screen .panel-button:overview:hover.clock-display, #panel.login-screen .panel-button:focus:hover.clock-display, #panel.login-screen .panel-button:checked:hover.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:overview:hover.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked:hover.clock-display { + box-shadow: none; } + #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:overview:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.login-screen .panel-button:active:hover.clock-display .clock, #panel.login-screen .panel-button:overview:hover.clock-display .clock, #panel.login-screen .panel-button:focus:hover.clock-display .clock, #panel.login-screen .panel-button:checked:hover.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:overview:hover.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); } + #panel.unlock-screen .panel-button:active:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-recording-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-recording-indicator, #panel.login-screen .panel-button:active:hover.screen-recording-indicator, #panel.login-screen .panel-button:overview:hover.screen-recording-indicator, #panel.login-screen .panel-button:focus:hover.screen-recording-indicator, #panel.login-screen .panel-button:checked:hover.screen-recording-indicator, #panel:overview .panel-button:active:hover.screen-recording-indicator, #panel:overview .panel-button:overview:hover.screen-recording-indicator, #panel:overview .panel-button:focus:hover.screen-recording-indicator, #panel:overview .panel-button:checked:hover.screen-recording-indicator { + box-shadow: inset 0 0 0 100px rgba(191, 23, 23, 0.8); } + #panel.unlock-screen .panel-button:active:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.unlock-screen .panel-button:checked:hover.screen-sharing-indicator, #panel.login-screen .panel-button:active:hover.screen-sharing-indicator, #panel.login-screen .panel-button:overview:hover.screen-sharing-indicator, #panel.login-screen .panel-button:focus:hover.screen-sharing-indicator, #panel.login-screen .panel-button:checked:hover.screen-sharing-indicator, #panel:overview .panel-button:active:hover.screen-sharing-indicator, #panel:overview .panel-button:overview:hover.screen-sharing-indicator, #panel:overview .panel-button:focus:hover.screen-sharing-indicator, #panel:overview .panel-button:checked:hover.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px rgba(253, 125, 0, 0.8); } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator, + #panel .remote-access-indicator { + color: #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 .button { + padding: 10.5px; } + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; } + +.quick-toggle { + border-radius: 99px; + min-width: 12em; + max-width: 12em; + min-height: 40px; + border: none; + /* 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; + box-shadow: none; } + .quick-toggle:checked:focus { + box-shadow: inset 0 0 0 2px #d700d7; } + .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.5); + background-color: rgba(92, 97, 108, 0.05); + background-color: rgba(164, 0, 164, 0.5); + color: rgba(255, 255, 255, 0.5); } + .quick-toggle > StBoxLayout { + spacing: 6px; } + .quick-toggle.button { + padding: 0; } + .quick-toggle > StBoxLayout { + padding: 0 12px; } + .quick-toggle:ltr > StBoxLayout { + padding-left: 15px; } + .quick-toggle:rtl > StBoxLayout { + padding-right: 15px; } + .quick-toggle .quick-toggle-label { + font-weight: bold; } + .quick-toggle .quick-toggle-icon, .quick-toggle .quick-toggle-arrow { + icon-size: 1.09em; } + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; } + +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; } + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(92, 97, 108, 0.1); + padding: 6px 10.5px; } + .quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 99px 99px 0; } + .quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 99px 0 0 99px; } + +.quick-slider { + padding: 0 6px; } + .quick-slider > StBoxLayout { + spacing: 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: #efdef0; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .quick-slider .slider-bin:focus:hover { + background-color: #f6e6f6; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .quick-slider .slider-bin:focus:active { + background-color: #f6e6f6; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .quick-slider .quick-toggle-icon { + icon-size: 1.09em; } + .quick-slider .icon-button { + background-color: transparent; } + +.quick-toggle-menu { + background-color: #f2f2f2; + border-radius: 24px; + padding: 12px; + margin: 12px 18px 0; } + .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: white; } + .quick-toggle-menu .header .icon.active { + background-color: #a400a4; } + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; } + +.quick-settings-system-item .icon-button > StIcon { + -st-icon-style: symbolic; } + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; } + .quick-settings-system-item .power-item:insensitive { + transition-duration: 100ms; + color: #5c616c; + background-color: #f7f7f8; + background-color: transparent; } + +.nm-network-item .wireless-secure-icon { + icon-size: 0.545em; } + +/* OVERVIEW */ +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; } + +#overviewGroup { + background-color: #272a34; } + +.overview-controls { + padding-bottom: 32px; } + +/* Window Picker */ +.window-picker { + spacing: 6px; } + +.window-caption { + color: white; + background-color: #3b3f4e; + border-radius: 99px; + padding: 6px 12px; } + +.window-close, .screenshot-ui-close-button { + background-color: rgba(63, 68, 84, 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(78, 84, 104, 0.98); } + .window-close:active, .screenshot-ui-close-button:active { + background-color: rgba(91, 98, 122, 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: 18px; + margin-top: 12px; + margin-bottom: 6px; + padding: 7px 9px; + width: 320px; + background-color: white; + color: rgba(92, 97, 108, 0.7); + border: 2px solid white; } + + .search-entry:hover { + background-color: white; + border-color: white; + color: rgba(92, 97, 108, 0.7); } + + .search-entry:focus { + background-color: #faf2fa; + border-color: #a400a4; + color: #5c616c; } + + .search-entry:insensitive { + background-color: white; + border-color: white; + color: #aeb0b6; } + + .search-entry .search-entry-icon { + color: inherit; + 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: #323643; + border-radius: 24px; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; + 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); } + +.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: #97999f; } + +/* 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: #323643; + 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; } + +.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.1); } + .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; } + +.dash-separator { + width: 1px; + margin: 0 4px; + background-color: #d9d9d9; + margin-bottom: 12px; } + +.dash-label { + color: white; + background-color: #303340; + border-radius: 99px; + padding: 6px 12px; + text-align: center; + -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.1); } + .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; } + .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.19); } + .app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.1); } + .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: 32px; + background-color: #323643; } + .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: 300px; } + .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; } + +.apps-scroll-view { + padding: 0; } + +.system-action-icon { + background-color: rgba(0, 0, 0, 0.8); + color: #fff; + 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 > StIcon { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 99px; } + +.page-navigation-arrow:insensitive > StIcon { + transition-duration: 100ms; + background-color: transparent; + background-color: none; + box-shadow: none; } + .page-navigation-arrow:insensitive > StIcon:insensitive { + transition-duration: 100ms; + color: rgba(92, 97, 108, 0.5); + background-color: rgba(92, 97, 108, 0.05); + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + +.page-navigation-arrow:hover > StIcon { + transition-duration: 100ms; + color: white; + background-color: rgba(83, 86, 98, 0.525); } + +.page-navigation-arrow:active > StIcon { + transition-duration: 100ms; + color: white; + background-color: rgba(90, 94, 107, 0.525); } + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 6px; + padding: 6px; } + .workspace-thumbnails .workspace-thumbnail { + border-radius: 3px; } + .workspace-thumbnails .placeholder { + background-image: url("assets/workspace-placeholder.svg"); + background-size: contain; + width: 18px; } + +.workspace-thumbnail-indicator { + border: 3px solid #a400a4; + border-radius: 3px; + padding: 0px; } + +.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:hover { + color: white; } + .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 { + border: 2px white; } + +.user-widget.vertical .user-icon { + icon-size: 6.54em; } + .user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 5.995em; + height: 5.995em; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.hidden { + color: rgba(0, 0, 0, 0); } + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + color: #fd7d00; } + +/* Workspace animation */ +.workspace-animation { + background-color: #272a34; } + +/* 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: #303340; + border-radius: 0 0 16px 16px; + border-top-width: 0; + border: 1px solid rgba(255, 255, 255, 0.1); + color: white; + 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; + font-weight: bold; + padding: 6px 12px; + color: #d9d9d9; + transition-duration: 100ms; + box-shadow: none; + border: none; + border-radius: 6px; + background-color: transparent; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + background-color: rgba(255, 255, 255, 0.05); } + #LookingGlassDialog .notebook-tab:selected { + color: white; + background-color: rgba(255, 255, 255, 0.1); } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 6px; + padding: 6px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 6px; + padding: 6px; } + +.lg-dialog StEntry { + background-color: rgba(59, 63, 78, 0.6); + color: white; + border-color: rgba(255, 255, 255, 0.2); + min-height: 22px; + selection-background-color: #a400a4; + selected-color: #ffffff; } + +.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: #aeb0b6; } + .lg-dialog .actor-link:hover { + color: #e4e4e6; } + .lg-dialog .actor-link:active { + color: #787c86; } + .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 black; + padding: 4px; + border-radius: 8px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } + +#lookingGlassExtensions { + padding: 6px; } + +.lg-extensions-list { + padding: 6px; + spacing: 6px; } + +.lg-extension { + padding: 12px; + border-radius: 8px; + margin: 4px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + transition-duration: 100ms; + color: #5c616c; + background-color: #ebebec; } + .lg-extension:focus { + transition-duration: 100ms; + color: #5c616c; + background-color: #e4d4e5; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.6) !important; } + .lg-extension:focus:hover { + background-color: #ebdbec; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .lg-extension:focus:active { + background-color: #f2e2f2; + box-shadow: inset 0 0 0 2px rgba(164, 0, 164, 0.7) !important; } + .lg-extension:hover { + transition-duration: 100ms; + color: #5c616c; + background-color: #f3f3f3; } + .lg-extension:active { + transition-duration: 100ms; + color: #5c616c; + background-color: #fbfbfb; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: #303340; + border: 1px solid black; + border-radius: 8px; + padding: 6px; } + +.lg-debug-flag-button { + color: #5c616c; } + .lg-debug-flag-button StLabel { + padding: 6px, 12px; } + .lg-debug-flag-button:hover { + color: #8f949f; } + .lg-debug-flag-button:active { + color: #2d3035; } + +.lg-debug-flags-header { + padding-top: 12px; + padding: 6px; } + +/* Login Dialog */ +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; } + .login-dialog .modal-dialog-button-box, + .unlock-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button, + .unlock-dialog .modal-dialog-button { + padding: 4px 18px; + background-color: #20232b; + border-color: #20232b; + color: white; } + .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, + .unlock-dialog .modal-dialog-button:hover, + .unlock-dialog .modal-dialog-button:focus { + background-color: #323643; + border-color: #323643; } + .login-dialog .modal-dialog-button:active, + .unlock-dialog .modal-dialog-button:active { + background-color: #1c1e25; + border-color: #1c1e25; } + .login-dialog .modal-dialog-button:insensitive, + .unlock-dialog .modal-dialog-button:insensitive { + transition-duration: 100ms; + color: rgba(92, 97, 108, 0.5); + background-color: rgba(92, 97, 108, 0.05); + border-color: #1c1e25; + background-color: #1c1e25; + color: rgba(255, 255, 255, 0.7); } + .login-dialog .modal-dialog-button:default, + .unlock-dialog .modal-dialog-button:default { + transition-duration: 100ms; + background-color: #a400a4; + color: #ffffff; + box-shadow: none; } + .login-dialog .modal-dialog-button:default:focus, + .unlock-dialog .modal-dialog-button:default:focus { + box-shadow: inset 0 0 0 2px #d700d7; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, + .unlock-dialog .modal-dialog-button:default:hover, + .unlock-dialog .modal-dialog-button:default:focus { + background-color: #be00be; + color: white; } + .login-dialog .modal-dialog-button:default:active, + .unlock-dialog .modal-dialog-button:default:active { + background-color: purple; + color: #ededed; } + .login-dialog .modal-dialog-button:default:insensitive, + .unlock-dialog .modal-dialog-button:default:insensitive { + transition-duration: 100ms; + color: rgba(92, 97, 108, 0.5); + background-color: rgba(92, 97, 108, 0.05); + background-color: rgba(164, 0, 164, 0.5); + color: rgba(255, 255, 255, 0.5); } + .login-dialog .cancel-button, + .login-dialog .switch-user-button, + .login-dialog .login-dialog-session-list-button, + .unlock-dialog .cancel-button, + .unlock-dialog .switch-user-button, + .unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 99px; + width: 2.18em; + height: 2.18em; + border-color: #20232b; + background-color: #20232b; } + .login-dialog .cancel-button StIcon, + .login-dialog .switch-user-button StIcon, + .login-dialog .login-dialog-session-list-button StIcon, + .unlock-dialog .cancel-button StIcon, + .unlock-dialog .switch-user-button StIcon, + .unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 1.09em; } + .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-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: #e6e6e6; } + +.login-dialog-button-box { + width: 23em; + spacing: 5px; } + +.login-dialog-message { + text-align: center; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + +.login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; } + +.login-dialog-not-listed-label { + font-weight: bold; + color: #b3b3b3; + padding-top: 1em; } + +.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: 12px; + padding: 6px; + 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:expanded .login-dialog-user-list-item:selected { + background-color: #a400a4; + color: #ffffff; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #a400a4; } + +.login-dialog-user-list-item { + border-radius: 12px; + padding: 6px; + color: #b3b3b3; } + .login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; } + .login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin-top: 6px; + background-color: white; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #ffffff; } + +.user-widget-label { + color: white; } + +.user-widget.horizontal .user-widget-label { + font-size: 12pt; + font-weight: bold; + padding-left: 15px; } + .user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; } + .user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; } + +.user-widget.vertical .user-widget-label { + font-size: 15pt; + text-align: center; + font-weight: normal; + padding-top: 16px; } + +.login-dialog-timed-login-indicator { + height: 2px; + background-color: black; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 12px; + width: 23em; } + +.login-dialog-prompt-entry { + height: 1.5em; } + +.login-dialog-prompt-label { + color: #cccccc; + font-size: 11pt; + padding-top: 1em; } + +.unlock-dialog StEntry { + border: none !important; } + .unlock-dialog StEntry:focus { + background-color: rgba(92, 97, 108, 0.1); } + .unlock-dialog StEntry:insensitive { + color: rgba(92, 97, 108, 0.5); + background-color: rgba(92, 97, 108, 0.05); } + +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + border-color: transparent; + background-color: rgba(92, 97, 108, 0.1); } + +/* Screen Shield */ +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; } + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; } + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; } + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; } + +.unlock-dialog-notifications-container { + margin: 12px; + 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; } + +.screen-shield-background { + background: black; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } + +#lockDialogGroup { + background-color: #272a34; } + +#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); } + +.icon-dropshadow { + icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } + +/* 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); } + #panel StIcon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + #panel.unlock-screen, #panel.login-screen, #panel.lock-screen, #panel:overview { + background-color: transparent; } + #panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button, #panel.login-screen .panel-button:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button, #panel.lock-screen .panel-button:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:checked, #panel:overview .panel-button, #panel:overview .panel-button:hover, #panel:overview .panel-button:active, #panel:overview .panel-button:focus, #panel:overview .panel-button:overview, #panel:overview .panel-button:checked { + color: white; } + #panel .panel-button { + color: black; } + #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:overview, #panel .panel-button:checked { + color: black; + box-shadow: inset 0 0 0 100px white; } + #panel .panel-button.screen-recording-indicator { + color: white; } + #panel .panel-button.clock-display:hover, #panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked { + box-shadow: none; } + #panel .panel-button.clock-display:hover .clock, #panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + box-shadow: inset 0 0 0 100px white; } + #panel #panelActivities.panel-button { + margin-left: .4em; } + #panel #panelActivities.panel-button StLabel { + background-image: url("assets/view-grid-symbolic.svg"); + background-size: contain; + width: 1.5em; + height: 1.5em; + color: transparent; } + #panel #panelActivities.panel-button:overview StLabel { + background-image: url("assets/view-grid-symbolic-dark.svg"); } + +/* Date/Time Menu */ +.datemenu-today-button:insensitive { + color: inherit; } + +/* Search */ +.search-entry { + color: black; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); + font-weight: bold; + background-color: rgba(255, 255, 255, 0.1); + font-size: 1.1em; + transition-duration: 200ms; } + .search-entry StLabel.hint-text { + color: white; } + .search-entry, .search-entry:focus, .search-entry:hover { + width: 21em; + padding: .6em .8em; + border: none; } + .search-entry:focus, .search-entry:hover { + background-color: white; + color: black; + font-weight: normal; + box-shadow: none; + text-shadow: none; } + .search-entry:focus StLabel.hint-text, .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-section-content { + background-color: rgba(255, 255, 255, 0.1); + border: none; } + +.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); } + +.dash-background, .dash-separator { + background: rgba(255, 255, 255, 0.1); } + +/* App Grid */ +.app-well-app, .grid-search-result { + color: white; } + +.app-folder-dialog { + background: black; + box-shadow: 0 0 20px #030303; } 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 new file mode 100644 index 00000000..1bcddebd Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/border.png 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 new file mode 100644 index 00000000..94a3c1ad Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-active.png 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 new file mode 100644 index 00000000..f5a993db Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-hover.png 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 new file mode 100644 index 00000000..3050516b Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button-insensitive.png 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 new file mode 100644 index 00000000..d19f6463 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/button.png 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 new file mode 100644 index 00000000..18e3cc34 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-active.png 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 new file mode 100644 index 00000000..c1b8553d Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-hover.png 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 new file mode 100644 index 00000000..307de93c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked-insensitive.png 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 new file mode 100644 index 00000000..38a9a994 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-checked.png 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 new file mode 100644 index 00000000..05f8b70c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-active.png 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 new file mode 100644 index 00000000..5db26490 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-hover.png 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 new file mode 100644 index 00000000..368bf459 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed-insensitive.png 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 new file mode 100644 index 00000000..d2be5117 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-mixed.png 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 new file mode 100644 index 00000000..f84905d8 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-active.png 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 new file mode 100644 index 00000000..1c210e37 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-hover.png 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 new file mode 100644 index 00000000..edfd5534 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked-insensitive.png 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 new file mode 100644 index 00000000..f8f3f740 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/checkbox-unchecked.png 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 new file mode 100644 index 00000000..d91d44c5 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-active.png 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 new file mode 100644 index 00000000..eb7d91fa Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-hover.png 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 new file mode 100644 index 00000000..00696b10 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png 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 new file mode 100644 index 00000000..a522ec43 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-button.png 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 new file mode 100644 index 00000000..40a76750 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-active.png 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 new file mode 100644 index 00000000..7edca585 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png 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 new file mode 100644 index 00000000..2ee1eec6 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-ltr-entry.png 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 new file mode 100644 index 00000000..0d6048b2 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-active.png 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 new file mode 100644 index 00000000..bcce5421 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-hover.png 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 new file mode 100644 index 00000000..c33af0a2 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png 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 new file mode 100644 index 00000000..775f5e37 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-button.png 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 new file mode 100644 index 00000000..061d8b1c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-active.png 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 new file mode 100644 index 00000000..8d819a6c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png 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 new file mode 100644 index 00000000..d8217d17 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/combo-entry-rtl-entry.png 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 new file mode 100644 index 00000000..402ab3a1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-active.png 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 new file mode 100644 index 00000000..8e0082b1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background-insensitive.png 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 new file mode 100644 index 00000000..2d8d70f2 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-background.png 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 new file mode 100644 index 00000000..48eee30a Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry-insensitive.png 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 new file mode 100644 index 00000000..be1a3a29 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/entry.png 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 new file mode 100644 index 00000000..a7139281 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/focus.png 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 new file mode 100644 index 00000000..cfefbc77 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-inline.png 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 new file mode 100644 index 00000000..9f976b7c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame-notebook.png 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 new file mode 100644 index 00000000..0c5ec3a8 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/frame.png 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 new file mode 100644 index 00000000..efaaaedf Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-horz.png 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 new file mode 100644 index 00000000..c3fdb71f Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle-vert.png 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 new file mode 100644 index 00000000..2cc4997f Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/handle.png 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 new file mode 100644 index 00000000..298041c1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/line.png 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 new file mode 100644 index 00000000..0c5ec3a8 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-border.png 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 new file mode 100644 index 00000000..4605163a Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-hover.png 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 new file mode 100644 index 00000000..4cb0312f Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked-insensitive.png 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 new file mode 100644 index 00000000..78480542 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-checked.png 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 new file mode 100644 index 00000000..1f744119 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-hover.png 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 new file mode 100644 index 00000000..5a87940e Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-insensitive.png 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 new file mode 100644 index 00000000..5d41cb75 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-hover.png 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 new file mode 100644 index 00000000..b9873563 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png 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 new file mode 100644 index 00000000..8164f771 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox-mixed.png 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 new file mode 100644 index 00000000..123e931b Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-checkbox.png 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 new file mode 100644 index 00000000..d534a11c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down-insensitive.png 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 new file mode 100644 index 00000000..32c699fa Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-down.png 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 new file mode 100644 index 00000000..51641dc5 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-hover.png 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 new file mode 100644 index 00000000..ecaf93d6 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left-insensitive.png 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 new file mode 100644 index 00000000..704ec8bd Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-left.png 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 new file mode 100644 index 00000000..1140a2f1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-hover.png 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 new file mode 100644 index 00000000..a1409d3e Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right-insensitive.png 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 new file mode 100644 index 00000000..5cdd1611 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-right.png 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 new file mode 100644 index 00000000..85100b32 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up-insensitive.png 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 new file mode 100644 index 00000000..9122e696 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-pan-up.png 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 new file mode 100644 index 00000000..0af512ef Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-hover.png 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 new file mode 100644 index 00000000..6a177eec Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked-insensitive.png 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 new file mode 100644 index 00000000..d99d545c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-checked.png 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 new file mode 100644 index 00000000..073bd14a Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-hover.png 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 new file mode 100644 index 00000000..36e4dcbd Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-insensitive.png 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 new file mode 100644 index 00000000..45d00d3c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-hover.png 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 new file mode 100644 index 00000000..73622d7d Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed-insensitive.png 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 new file mode 100644 index 00000000..ff092777 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio-mixed.png 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 new file mode 100644 index 00000000..f6e2bff9 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menu-radio.png 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 new file mode 100644 index 00000000..31fd1303 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/menubar-item-active.png 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 new file mode 100644 index 00000000..9f19eb18 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png 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 new file mode 100644 index 00000000..7edca585 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png 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 new file mode 100644 index 00000000..2ee1eec6 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png 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 new file mode 100644 index 00000000..2a38312c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png 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 new file mode 100644 index 00000000..30d75f48 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png 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 new file mode 100644 index 00000000..61d8ce9e Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png 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 new file mode 100644 index 00000000..402ab3a1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-active.png 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 new file mode 100644 index 00000000..48eee30a Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry-insensitive.png 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 new file mode 100644 index 00000000..be1a3a29 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/notebook-entry.png 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 new file mode 100644 index 00000000..d534a11c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down-insensitive.png 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 new file mode 100644 index 00000000..32c699fa Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-down.png 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 new file mode 100644 index 00000000..13c0e973 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-insensitive.png 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 new file mode 100644 index 00000000..715e6cb2 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left-semi.png 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 new file mode 100644 index 00000000..a87c9b7f Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-left.png 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 new file mode 100644 index 00000000..7a51e721 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-insensitive.png 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 new file mode 100644 index 00000000..f0b4f23d Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right-semi.png 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 new file mode 100644 index 00000000..00bafd44 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-right.png 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 new file mode 100644 index 00000000..85100b32 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up-insensitive.png 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 new file mode 100644 index 00000000..9122e696 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/pan-up.png 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 new file mode 100644 index 00000000..cac97234 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz-trough.png 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 new file mode 100644 index 00000000..e3e672cf Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-horz.png 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 new file mode 100644 index 00000000..5f2c6ff9 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert-trough.png 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 new file mode 100644 index 00000000..28b8027d Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/progressbar-vert.png 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 new file mode 100644 index 00000000..56660bef Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-active.png 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 new file mode 100644 index 00000000..aa8cb2c5 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-hover.png 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 new file mode 100644 index 00000000..74fb002c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked-insensitive.png 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 new file mode 100644 index 00000000..f76f67e9 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-checked.png 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 new file mode 100644 index 00000000..560fb627 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-active.png 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 new file mode 100644 index 00000000..b51fd50f Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-hover.png 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 new file mode 100644 index 00000000..55e59308 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed-insensitive.png 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 new file mode 100644 index 00000000..0512a835 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-mixed.png 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 new file mode 100644 index 00000000..7cf84d8a Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-active.png 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 new file mode 100644 index 00000000..f28cfc19 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-hover.png 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 new file mode 100644 index 00000000..f518dfd0 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked-insensitive.png 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 new file mode 100644 index 00000000..21fd3d44 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/radio-unchecked.png 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 new file mode 100644 index 00000000..b35faeab Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-focus.png 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 new file mode 100644 index 00000000..54286a48 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough-active.png 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 new file mode 100644 index 00000000..ef2e32cf Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-horz-trough.png 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 new file mode 100644 index 00000000..473e4e66 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-active.png 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 new file mode 100644 index 00000000..665ce5d8 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-hover.png 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 new file mode 100644 index 00000000..a9713ee1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider-insensitive.png 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 new file mode 100644 index 00000000..252e2dbe Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-slider.png 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 new file mode 100644 index 00000000..ca14e21a Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough-active.png 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 new file mode 100644 index 00000000..52d46e33 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scale-vert-trough.png 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 new file mode 100644 index 00000000..7546030f Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png 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 new file mode 100644 index 00000000..30e05f2e Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png 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 new file mode 100644 index 00000000..13f2d06d Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-slider.png 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 new file mode 100644 index 00000000..d51da4d0 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-horz-trough.png 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 new file mode 100644 index 00000000..2f467c3c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png 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 new file mode 100644 index 00000000..c44ecf3b Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-active.png 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 new file mode 100644 index 00000000..94d6ec25 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png 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 new file mode 100644 index 00000000..68aae1cb Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-hover.png 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 new file mode 100644 index 00000000..fda7fc74 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider-rtl.png 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 new file mode 100644 index 00000000..a3ae5602 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-slider.png 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 new file mode 100644 index 00000000..d1310c08 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough-rtl.png 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 new file mode 100644 index 00000000..885ef7cc Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/scrollbar-vert-trough.png 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 new file mode 100644 index 00000000..360306b9 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down-insensitive.png 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 new file mode 100644 index 00000000..e2923bff Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-down.png 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 new file mode 100644 index 00000000..992c2b82 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-active.png 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 new file mode 100644 index 00000000..3b7e4346 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-hover.png 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 new file mode 100644 index 00000000..bd5ac0e9 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down-insensitive.png 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 new file mode 100644 index 00000000..929014c7 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-down.png 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 new file mode 100644 index 00000000..dd45e369 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-active.png 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 new file mode 100644 index 00000000..a57cca3b Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-hover.png 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 new file mode 100644 index 00000000..b2726406 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up-insensitive.png 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 new file mode 100644 index 00000000..fab62955 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-ltr-up.png 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 new file mode 100644 index 00000000..f87ec794 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-active.png 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 new file mode 100644 index 00000000..92b805b0 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-hover.png 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 new file mode 100644 index 00000000..10b09864 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down-insensitive.png 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 new file mode 100644 index 00000000..b82f52e9 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-down.png 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 new file mode 100644 index 00000000..143447ce Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-active.png 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 new file mode 100644 index 00000000..0d923736 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-hover.png 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 new file mode 100644 index 00000000..00499612 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up-insensitive.png 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 new file mode 100644 index 00000000..26ac231b Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-rtl-up.png 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 new file mode 100644 index 00000000..fcf1288c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up-insensitive.png 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 new file mode 100644 index 00000000..674653f8 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/spin-up.png 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 new file mode 100644 index 00000000..158aca5c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down-active.png 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 new file mode 100644 index 00000000..aefee368 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-down.png 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 new file mode 100644 index 00000000..a3dbd5f6 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-horz-gap.png 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 new file mode 100644 index 00000000..dd2915df Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left-active.png 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 new file mode 100644 index 00000000..c0bb490a Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-left.png 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 new file mode 100644 index 00000000..45520748 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right-active.png 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 new file mode 100644 index 00000000..791768c1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-right.png 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 new file mode 100644 index 00000000..63efe0fe Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up-active.png 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 new file mode 100644 index 00000000..8857e310 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-up.png 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 new file mode 100644 index 00000000..50b4224b Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/tab-vert-gap.png 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 new file mode 100644 index 00000000..32c699fa Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-active.png 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 new file mode 100644 index 00000000..fb9b3380 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down-hover.png 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 new file mode 100644 index 00000000..52e85324 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-down.png 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 new file mode 100644 index 00000000..9122e696 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-active.png 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 new file mode 100644 index 00000000..970d981c Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up-hover.png 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 new file mode 100644 index 00000000..35a9c1d7 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-pan-up.png 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 new file mode 100644 index 00000000..eb2b0904 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-ltr.png 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 new file mode 100644 index 00000000..699c0bc1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/gtk-2.0/assets/treeview-separator-rtl.png differ diff --git a/share/themes/Kali-Purple-Light/gtk-2.0/gtkrc b/share/themes/Kali-Purple-Light/gtk-2.0/gtkrc new file mode 100644 index 00000000..4854640a --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-2.0/gtkrc @@ -0,0 +1,39 @@ +# 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 new file mode 100644 index 00000000..062796d0 --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-2.0/main.rc @@ -0,0 +1,2554 @@ +# 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 new file mode 120000 index 00000000..3c99dc53 --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-3.0/assets @@ -0,0 +1 @@ +../../Kali-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 new file mode 100644 index 00000000..50b383be --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-3.0/gtk-dark.css @@ -0,0 +1,7156 @@ +/*************************** + * 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: #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:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: #888a8d; + border-color: #0d0e11; + 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: #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: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: #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: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: #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:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: #888a8d; + border-color: #0d0e11; + 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: #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) 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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; } + +/* 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 new file mode 100644 index 00000000..8a8cf8a5 --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-3.0/gtk.css @@ -0,0 +1,7165 @@ +/*************************** + * 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: #aeb0b6; + 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: #aeb0b6; + 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: #aeb0b6; } + 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: #aeb0b6; + 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: #aeb0b6; + 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:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; + 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: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: #aeb0b6; + 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: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: #aeb0b6; + 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:disabled:active, .inline-toolbar toolbutton > button:disabled: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 { + 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(174, 176, 182, 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: #aeb0b6; } + 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: #aeb0b6; + 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) 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: #aeb0b6; } + 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: #aeb0b6; + 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: #aeb0b6; } + 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: #aeb0b6; + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; } + 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(174, 176, 182, 0.45); } + calendar.highlight { + color: #aeb0b6; } + 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: #aeb0b6; } + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; } + +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; } + +/* 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: #aeb0b6; } + .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 #aeb0b6; +/* +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 new file mode 120000 index 00000000..3c99dc53 --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-4.0/assets @@ -0,0 +1 @@ +../../Kali-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 new file mode 100644 index 00000000..9f1ce136 --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-4.0/gtk-dark.css @@ -0,0 +1,5258 @@ +/*************************** + * 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; + 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: #0d0e11; } + 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: #0d0e11; + 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 new file mode 100644 index 00000000..1649d99f --- /dev/null +++ b/share/themes/Kali-Purple-Light/gtk-4.0/gtk.css @@ -0,0 +1,5276 @@ +/*************************** + * 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: #aeb0b6; + 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: #aeb0b6; } + 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: #aeb0b6; + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; } + +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: #aeb0b6; + border-color: #d9d9d9; + 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(174, 176, 182, 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: #aeb0b6; } + 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: #aeb0b6; } + 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: #aeb0b6; + 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: #aeb0b6; + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #d9d9d9; } + 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: #aeb0b6; + border-color: #d9d9d9; + 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: #aeb0b6; + border-color: #aeb0b6; } + 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: #aeb0b6; } + 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: #aeb0b6; } + +/**************** + * 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: #aeb0b6; } + +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 #aeb0b6; +/* +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 new file mode 100644 index 00000000..78de1d8c --- /dev/null +++ b/share/themes/Kali-Purple-Light/index.theme @@ -0,0 +1,13 @@ +[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 new file mode 100644 index 00000000..471a7aef Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/bottom-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/bottom-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/bottom-inactive.png new file mode 100644 index 00000000..471a7aef Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/bottom-inactive.png 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 new file mode 100644 index 00000000..c3f27895 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/bottom-left-active.png 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 new file mode 100644 index 00000000..c3f27895 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/bottom-left-inactive.png 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 new file mode 100644 index 00000000..71dfcc46 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/bottom-right-active.png 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 new file mode 100644 index 00000000..71dfcc46 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/bottom-right-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-active.png b/share/themes/Kali-Purple-Light/xfwm4/close-active.png new file mode 100644 index 00000000..62afae92 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/close-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/close-inactive.png new file mode 100644 index 00000000..1a414396 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/close-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/close-prelight.png new file mode 100644 index 00000000..4b6528e9 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/close-prelight.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/close-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/close-pressed.png new file mode 100644 index 00000000..697f7d59 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/close-pressed.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-active.png b/share/themes/Kali-Purple-Light/xfwm4/hide-active.png new file mode 100644 index 00000000..d157a529 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/hide-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/hide-inactive.png new file mode 100644 index 00000000..1a414396 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/hide-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/hide-prelight.png new file mode 100644 index 00000000..94143325 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/hide-prelight.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/hide-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/hide-pressed.png new file mode 100644 index 00000000..570b3eb1 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/hide-pressed.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/left-active.png b/share/themes/Kali-Purple-Light/xfwm4/left-active.png new file mode 100644 index 00000000..36a57270 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/left-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/left-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/left-inactive.png new file mode 100644 index 00000000..36a57270 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/left-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-active.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-active.png new file mode 100644 index 00000000..d157a529 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/maximize-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-inactive.png new file mode 100644 index 00000000..1a414396 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/maximize-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-prelight.png new file mode 100644 index 00000000..d287a980 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/maximize-prelight.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/maximize-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/maximize-pressed.png new file mode 100644 index 00000000..ac61e12f Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/maximize-pressed.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/menu-active.png b/share/themes/Kali-Purple-Light/xfwm4/menu-active.png new file mode 100644 index 00000000..7385a31f Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/menu-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/menu-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/menu-inactive.png new file mode 100644 index 00000000..7385a31f Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/menu-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/menu-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/menu-pressed.png new file mode 100644 index 00000000..7385a31f Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/menu-pressed.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/right-active.png b/share/themes/Kali-Purple-Light/xfwm4/right-active.png new file mode 100644 index 00000000..830de5f5 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/right-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/right-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/right-inactive.png new file mode 100644 index 00000000..830de5f5 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/right-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-active.png b/share/themes/Kali-Purple-Light/xfwm4/shade-active.png new file mode 100644 index 00000000..0fb92346 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/shade-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/shade-inactive.png new file mode 100644 index 00000000..aa44783f Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/shade-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/shade-prelight.png new file mode 100644 index 00000000..9c065bf7 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/shade-prelight.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/shade-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/shade-pressed.png new file mode 100644 index 00000000..dc223ce5 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/shade-pressed.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-active.png b/share/themes/Kali-Purple-Light/xfwm4/stick-active.png new file mode 100644 index 00000000..36893f62 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/stick-active.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-inactive.png b/share/themes/Kali-Purple-Light/xfwm4/stick-inactive.png new file mode 100644 index 00000000..dd12d47e Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/stick-inactive.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-prelight.png b/share/themes/Kali-Purple-Light/xfwm4/stick-prelight.png new file mode 100644 index 00000000..36893f62 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/stick-prelight.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/stick-pressed.png b/share/themes/Kali-Purple-Light/xfwm4/stick-pressed.png new file mode 100644 index 00000000..22fe954d Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/stick-pressed.png differ diff --git a/share/themes/Kali-Purple-Light/xfwm4/themerc b/share/themes/Kali-Purple-Light/xfwm4/themerc new file mode 100644 index 00000000..a70162bc --- /dev/null +++ b/share/themes/Kali-Purple-Light/xfwm4/themerc @@ -0,0 +1,17 @@ +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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-1-active.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-1-inactive.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-2-active.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-2-inactive.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-3-active.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-3-inactive.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-4-active.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-4-inactive.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-5-active.png 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 new file mode 100644 index 00000000..79536e93 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/title-5-inactive.png 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 new file mode 100644 index 00000000..9e400e65 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/top-left-active.png 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 new file mode 100644 index 00000000..9e400e65 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/top-left-inactive.png 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 new file mode 100644 index 00000000..61f09d69 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/top-right-active.png 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 new file mode 100644 index 00000000..61f09d69 Binary files /dev/null and b/share/themes/Kali-Purple-Light/xfwm4/top-right-inactive.png differ diff --git a/src/themes/Kali-Purple/assets-renderer/.gitignore b/src/themes/Kali-Purple/assets-renderer/.gitignore new file mode 100644 index 00000000..e00452dd --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/.gitignore @@ -0,0 +1 @@ +/*/assets*/ diff --git a/src/themes/Kali-Purple/assets-renderer/gtk2/.gitignore b/src/themes/Kali-Purple/assets-renderer/gtk2/.gitignore new file mode 100644 index 00000000..4e99a3fb --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk2/.gitignore @@ -0,0 +1 @@ +menubar-toolbar diff --git a/src/themes/Kali-Purple/assets-renderer/gtk2/Makefile b/src/themes/Kali-Purple/assets-renderer/gtk2/Makefile new file mode 120000 index 00000000..791ae7de --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk2/Makefile @@ -0,0 +1 @@ +../../../Kali/assets-renderer/gtk2/Makefile \ No newline at end of file diff --git a/src/themes/Kali-Purple/assets-renderer/gtk2/assets-dark.svg b/src/themes/Kali-Purple/assets-renderer/gtk2/assets-dark.svg new file mode 100644 index 00000000..3413d891 --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk2/assets-dark.svg @@ -0,0 +1,1186 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/themes/Kali-Purple/assets-renderer/gtk2/assets.svg b/src/themes/Kali-Purple/assets-renderer/gtk2/assets.svg new file mode 100644 index 00000000..2767f39b --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk2/assets.svg @@ -0,0 +1,1163 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/themes/Kali-Purple/assets-renderer/gtk2/assets.txt b/src/themes/Kali-Purple/assets-renderer/gtk2/assets.txt new file mode 120000 index 00000000..a02afaa4 --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk2/assets.txt @@ -0,0 +1 @@ +../../../Kali/assets-renderer/gtk2/assets.txt \ No newline at end of file diff --git a/src/themes/Kali-Purple/assets-renderer/gtk3/Makefile b/src/themes/Kali-Purple/assets-renderer/gtk3/Makefile new file mode 120000 index 00000000..d1ce4cf5 --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk3/Makefile @@ -0,0 +1 @@ +../../../Kali/assets-renderer/gtk3/Makefile \ No newline at end of file diff --git a/src/themes/Kali-Purple/assets-renderer/gtk3/assets.svg b/src/themes/Kali-Purple/assets-renderer/gtk3/assets.svg new file mode 100644 index 00000000..ff6af988 --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk3/assets.svg @@ -0,0 +1,362 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/themes/Kali-Purple/assets-renderer/gtk3/assets.txt b/src/themes/Kali-Purple/assets-renderer/gtk3/assets.txt new file mode 120000 index 00000000..7de5d5cf --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk3/assets.txt @@ -0,0 +1 @@ +../../../Kali/assets-renderer/gtk3/assets.txt \ No newline at end of file diff --git a/src/themes/Kali-Purple/assets-renderer/gtk3/symbolic b/src/themes/Kali-Purple/assets-renderer/gtk3/symbolic new file mode 120000 index 00000000..c3afbe1c --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/gtk3/symbolic @@ -0,0 +1 @@ +../../../Kali/assets-renderer/gtk3/symbolic \ No newline at end of file diff --git a/src/themes/Kali-Purple/assets-renderer/xfwm4/Makefile b/src/themes/Kali-Purple/assets-renderer/xfwm4/Makefile new file mode 120000 index 00000000..6c10845b --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/xfwm4/Makefile @@ -0,0 +1 @@ +../../../Kali/assets-renderer/xfwm4/Makefile \ No newline at end of file diff --git a/src/themes/Kali-Purple/assets-renderer/xfwm4/assets-dark.svg b/src/themes/Kali-Purple/assets-renderer/xfwm4/assets-dark.svg new file mode 100644 index 00000000..c2a24f23 --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/xfwm4/assets-dark.svg @@ -0,0 +1,170 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/themes/Kali-Purple/assets-renderer/xfwm4/assets-light.svg b/src/themes/Kali-Purple/assets-renderer/xfwm4/assets-light.svg new file mode 100644 index 00000000..7d66b6c7 --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/xfwm4/assets-light.svg @@ -0,0 +1,169 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/themes/Kali-Purple/assets-renderer/xfwm4/assets.txt b/src/themes/Kali-Purple/assets-renderer/xfwm4/assets.txt new file mode 120000 index 00000000..f3b3c168 --- /dev/null +++ b/src/themes/Kali-Purple/assets-renderer/xfwm4/assets.txt @@ -0,0 +1 @@ +../../../Kali/assets-renderer/xfwm4/assets.txt \ No newline at end of file diff --git a/src/themes/Kali-Purple/sass/.gitignore b/src/themes/Kali-Purple/sass/.gitignore new file mode 100644 index 00000000..1cfb4ac8 --- /dev/null +++ b/src/themes/Kali-Purple/sass/.gitignore @@ -0,0 +1 @@ +/*\.css diff --git a/src/themes/Kali-Purple/sass/Makefile b/src/themes/Kali-Purple/sass/Makefile new file mode 120000 index 00000000..b621f55e --- /dev/null +++ b/src/themes/Kali-Purple/sass/Makefile @@ -0,0 +1 @@ +../../Kali/sass/Makefile \ No newline at end of file diff --git a/src/themes/Kali-Purple/sass/common b/src/themes/Kali-Purple/sass/common new file mode 120000 index 00000000..a3e449a0 --- /dev/null +++ b/src/themes/Kali-Purple/sass/common @@ -0,0 +1 @@ +../../Kali/sass/common \ No newline at end of file diff --git a/src/themes/Kali-Purple/sass/gnome-shell b/src/themes/Kali-Purple/sass/gnome-shell new file mode 120000 index 00000000..20d1c70c --- /dev/null +++ b/src/themes/Kali-Purple/sass/gnome-shell @@ -0,0 +1 @@ +../../Kali/sass/gnome-shell \ No newline at end of file diff --git a/src/themes/Kali-Purple/sass/gnome-shell-dark.scss b/src/themes/Kali-Purple/sass/gnome-shell-dark.scss new file mode 100644 index 00000000..610f6697 --- /dev/null +++ b/src/themes/Kali-Purple/sass/gnome-shell-dark.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$selected_bg_color: #a400a4; +$selected_fg_color: #ffffff; + +@import "common/_colors"; //use gtk colors +@import "gnome-shell/upstream/gnome-shell-sass/_drawing"; +@import "gnome-shell/upstream/gnome-shell-sass/_common"; +@import "gnome-shell/upstream/gnome-shell-sass/_widgets"; +@import "gnome-shell/_common-tweaks"; diff --git a/src/themes/Kali-Purple/sass/gnome-shell.scss b/src/themes/Kali-Purple/sass/gnome-shell.scss new file mode 100644 index 00000000..e292b41e --- /dev/null +++ b/src/themes/Kali-Purple/sass/gnome-shell.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$selected_bg_color: #a400a4; +$selected_fg_color: #ffffff; + +@import "common/_colors"; //use gtk colors +@import "gnome-shell/upstream/gnome-shell-sass/_drawing"; +@import "gnome-shell/upstream/gnome-shell-sass/_common"; +@import "gnome-shell/upstream/gnome-shell-sass/_widgets"; +@import "gnome-shell/_common-tweaks"; diff --git a/src/themes/Kali-Purple/sass/gtk-applications-css b/src/themes/Kali-Purple/sass/gtk-applications-css new file mode 120000 index 00000000..b765e2d5 --- /dev/null +++ b/src/themes/Kali-Purple/sass/gtk-applications-css @@ -0,0 +1 @@ +../../Kali/sass/gtk-applications-css \ No newline at end of file diff --git a/src/themes/Kali-Purple/sass/gtk3 b/src/themes/Kali-Purple/sass/gtk3 new file mode 120000 index 00000000..863676f3 --- /dev/null +++ b/src/themes/Kali-Purple/sass/gtk3 @@ -0,0 +1 @@ +../../Kali/sass/gtk3 \ No newline at end of file diff --git a/src/themes/Kali-Purple/sass/gtk3-dark.scss b/src/themes/Kali-Purple/sass/gtk3-dark.scss new file mode 100644 index 00000000..245f6c9e --- /dev/null +++ b/src/themes/Kali-Purple/sass/gtk3-dark.scss @@ -0,0 +1,19 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'dark'; +$high-contrast:'false'; +$selected_bg_color: #a400a4; +$selected_fg_color: #ffffff; + +@import 'common/_colors'; +@import 'gtk3/upstream/_drawing'; +@import 'gtk3/upstream/_common'; +@import 'gtk3/upstream/libhandy/Adwaita-base'; +@import 'gtk3/_common-tweaks'; +@import 'gtk3/_applications'; +@import 'gtk3/_budgie'; +@import 'gtk3/upstream/_colors-public'; diff --git a/src/themes/Kali-Purple/sass/gtk3.scss b/src/themes/Kali-Purple/sass/gtk3.scss new file mode 100644 index 00000000..65a7f9be --- /dev/null +++ b/src/themes/Kali-Purple/sass/gtk3.scss @@ -0,0 +1,19 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; +$high-contrast:'false'; +$selected_bg_color: #a400a4; +$selected_fg_color: #ffffff; + +@import 'common/_colors'; +@import 'gtk3/upstream/_drawing'; +@import 'gtk3/upstream/_common'; +@import 'gtk3/upstream/libhandy/Adwaita-base'; +@import 'gtk3/_common-tweaks'; +@import 'gtk3/_applications'; +@import 'gtk3/_budgie'; +@import 'gtk3/upstream/_colors-public'; diff --git a/src/themes/Kali-Purple/sass/gtk4 b/src/themes/Kali-Purple/sass/gtk4 new file mode 120000 index 00000000..38b0f9b2 --- /dev/null +++ b/src/themes/Kali-Purple/sass/gtk4 @@ -0,0 +1 @@ +../../Kali/sass/gtk4 \ No newline at end of file diff --git a/src/themes/Kali-Purple/sass/gtk4-dark.scss b/src/themes/Kali-Purple/sass/gtk4-dark.scss new file mode 100644 index 00000000..60890e40 --- /dev/null +++ b/src/themes/Kali-Purple/sass/gtk4-dark.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'dark'; +$high-contrast:'false'; +$selected_bg_color: #a400a4; +$selected_fg_color: #ffffff; + +@import 'common/_colors'; +@import 'gtk4/upstream/_drawing'; +@import 'gtk4/upstream/_common'; +@import 'gtk3/upstream/libhandy/Adwaita-base'; +@import 'gtk4/_common-tweaks'; +@import 'gtk4/_applications'; +@import 'gtk4/upstream/_colors-public'; diff --git a/src/themes/Kali-Purple/sass/gtk4.scss b/src/themes/Kali-Purple/sass/gtk4.scss new file mode 100644 index 00000000..047fbab6 --- /dev/null +++ b/src/themes/Kali-Purple/sass/gtk4.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade +// - if you need to inverse a color function use the @if directive to match for dark $variant + +$variant: 'light'; +$high-contrast:'false'; +$selected_bg_color: #a400a4; +$selected_fg_color: #ffffff; + +@import 'common/_colors'; +@import 'gtk4/upstream/_drawing'; +@import 'gtk4/upstream/_common'; +@import 'gtk3/upstream/libhandy/Adwaita-base'; +@import 'gtk4/_common-tweaks'; +@import 'gtk4/_applications'; +@import 'gtk4/upstream/_colors-public'; diff --git a/src/themes/Kali/assets-renderer/gtk2/Makefile b/src/themes/Kali/assets-renderer/gtk2/Makefile index d809356c..0ea866ec 100644 --- a/src/themes/Kali/assets-renderer/gtk2/Makefile +++ b/src/themes/Kali/assets-renderer/gtk2/Makefile @@ -30,10 +30,10 @@ build: $(SRC_FILE) $(SRC_FILE_DARK) --export-png=$(ASSETS_DIR_DARK)/$$i.png $(SRC_FILE_DARK) > /dev/null 2>&1 \ && $(OPTIPNG) $(ASSETS_DIR_DARK)/$$i.png ; \ done - mkdir -p $(THEMES_DIR)Kali-Light/gtk-2.0/assets/ - cp assets/* $(THEMES_DIR)Kali-Light/gtk-2.0/assets/ - mkdir -p $(THEMES_DIR)Kali-Dark/gtk-2.0/assets/ - cp assets-dark/* $(THEMES_DIR)Kali-Dark/gtk-2.0/assets/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-2.0/assets/ + cp assets/* $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-2.0/assets/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-2.0/assets/ + cp assets-dark/* $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-2.0/assets/ clean: -rm -r $(ASSETS_DIR) $(ASSETS_DIR_DARK) diff --git a/src/themes/Kali/assets-renderer/gtk3/Makefile b/src/themes/Kali/assets-renderer/gtk3/Makefile index c0992465..4c327b68 100644 --- a/src/themes/Kali/assets-renderer/gtk3/Makefile +++ b/src/themes/Kali/assets-renderer/gtk3/Makefile @@ -27,14 +27,14 @@ build: $(SRC_FILE) --export-png=$(ASSETS_DIR)/$$i@2.png $(SRC_FILE) > /dev/null 2>&1 \ && $(OPTIPNG) $(ASSETS_DIR)/$$i@2.png ; \ done - mkdir -p $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ - mkdir -p $(THEMES_DIR)Kali-Dark/gtk-4.0/ - mkdir -p $(THEMES_DIR)Kali-Light/gtk-3.0/ - mkdir -p $(THEMES_DIR)Kali-Light/gtk-4.0/ - cp assets/* $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ - ln -nrsvf $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Light/gtk-3.0/assets - ln -nrsvf $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Dark/gtk-4.0/assets - ln -nrsvf $(THEMES_DIR)Kali-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Light/gtk-4.0/assets + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-3.0/assets/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-4.0/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-3.0/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-4.0/ + cp assets/* $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-3.0/assets/ + ln -nrsvf $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Light/gtk-3.0/assets + ln -nrsvf $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Dark/gtk-4.0/assets + ln -nrsvf $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-3.0/assets/ $(THEMES_DIR)Kali-Light/gtk-4.0/assets clean: -rm -r $(ASSETS_DIR) diff --git a/src/themes/Kali/assets-renderer/xfwm4/Makefile b/src/themes/Kali/assets-renderer/xfwm4/Makefile index d500fd00..09f28f94 100644 --- a/src/themes/Kali/assets-renderer/xfwm4/Makefile +++ b/src/themes/Kali/assets-renderer/xfwm4/Makefile @@ -10,7 +10,7 @@ build: $(ASSETS) for src_file in $(ASSETS); \ do \ variant=$$(basename $${src_file%.svg}) ; \ - mkdir -p $$variant $$variant@1.5 $$variant@2 ; \ + mkdir -p $$variant $$variant@2 ; \ for i in $$(xargs < $(INDEX)) ; \ do \ echo ; \ @@ -28,18 +28,14 @@ build: $(ASSETS) && $(OPTIPNG) $$variant@2/$$i.png ; \ done ; \ done - mkdir -p $(THEMES_DIR)Kali-Light/xfwm4/ - mkdir -p $(THEMES_DIR)Kali-Dark/xfwm4/ - mkdir -p $(THEMES_DIR)Kali-Light-HiDPI/xfwm4/ - mkdir -p $(THEMES_DIR)Kali-Dark-HiDPI/xfwm4/ - mkdir -p $(THEMES_DIR)Kali-Light-xHiDPI/xfwm4/ - mkdir -p $(THEMES_DIR)Kali-Dark-xHiDPI/xfwm4/ - cp assets-light/* $(THEMES_DIR)Kali-Light/xfwm4/ - cp assets-dark/* $(THEMES_DIR)Kali-Dark/xfwm4/ - cp assets-light@1.5/* $(THEMES_DIR)Kali-Light-HiDPI/xfwm4/ - cp assets-dark@1.5/* $(THEMES_DIR)Kali-Dark-HiDPI/xfwm4/ - cp assets-light@2/* $(THEMES_DIR)Kali-Light-xHiDPI/xfwm4/ - cp assets-dark@2/* $(THEMES_DIR)Kali-Dark-xHiDPI/xfwm4/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light/xfwm4/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark/xfwm4/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light-xHiDPI/xfwm4/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark-xHiDPI/xfwm4/ + cp assets-light/* $(THEMES_DIR)Kali$(VARIANT)-Light/xfwm4/ + cp assets-dark/* $(THEMES_DIR)Kali$(VARIANT)-Dark/xfwm4/ + cp assets-light@2/* $(THEMES_DIR)Kali$(VARIANT)-Light-xHiDPI/xfwm4/ + cp assets-dark@2/* $(THEMES_DIR)Kali$(VARIANT)-Dark-xHiDPI/xfwm4/ clean: - -rm -r assets-light assets-light@1.5 assets-light@2 assets-dark assets-dark@1.5 assets-dark@2 + -rm -r assets-light assets-light@2 assets-dark assets-dark@2 diff --git a/src/themes/Kali/sass/Makefile b/src/themes/Kali/sass/Makefile index a5353eec..37b14e32 100644 --- a/src/themes/Kali/sass/Makefile +++ b/src/themes/Kali/sass/Makefile @@ -5,21 +5,21 @@ THEMES_DIR=../../../../share/themes/ .PHONY: build clean build: clean $(patsubst %.scss, %.css, $(wildcard *.scss)) - mkdir -p $(THEMES_DIR)Kali-Light/gtk-3.0/ - mkdir -p $(THEMES_DIR)Kali-Dark/gtk-3.0/ - mkdir -p $(THEMES_DIR)Kali-Light/gtk-4.0/ - mkdir -p $(THEMES_DIR)Kali-Dark/gtk-4.0/ - mkdir -p $(THEMES_DIR)Kali-Light/gnome-shell/ - mkdir -p $(THEMES_DIR)Kali-Dark/gnome-shell/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-3.0/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-3.0/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-4.0/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-4.0/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Light/gnome-shell/ + mkdir -p $(THEMES_DIR)Kali$(VARIANT)-Dark/gnome-shell/ - cp gtk3.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk.css - cp gtk3-dark.css $(THEMES_DIR)Kali-Light/gtk-3.0/gtk-dark.css - cp gtk3-dark.css $(THEMES_DIR)Kali-Dark/gtk-3.0/gtk.css - cp gtk4.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk.css - cp gtk4-dark.css $(THEMES_DIR)Kali-Light/gtk-4.0/gtk-dark.css - cp gtk4-dark.css $(THEMES_DIR)Kali-Dark/gtk-4.0/gtk.css - cp gnome-shell.css $(THEMES_DIR)Kali-Light/gnome-shell/gnome-shell.css - cp gnome-shell-dark.css $(THEMES_DIR)Kali-Dark/gnome-shell/gnome-shell.css + cp gtk3.css $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-3.0/gtk.css + cp gtk3-dark.css $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-3.0/gtk-dark.css + cp gtk3-dark.css $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-3.0/gtk.css + cp gtk4.css $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-4.0/gtk.css + cp gtk4-dark.css $(THEMES_DIR)Kali$(VARIANT)-Light/gtk-4.0/gtk-dark.css + cp gtk4-dark.css $(THEMES_DIR)Kali$(VARIANT)-Dark/gtk-4.0/gtk.css + cp gnome-shell.css $(THEMES_DIR)Kali$(VARIANT)-Light/gnome-shell/gnome-shell.css + cp gnome-shell-dark.css $(THEMES_DIR)Kali$(VARIANT)-Dark/gnome-shell/gnome-shell.css gnome%.css: gnome%.scss diff --git a/src/themes/Kali/sass/common/_colors.scss b/src/themes/Kali/sass/common/_colors.scss index 3ea1c0a5..fb2d2f16 100644 --- a/src/themes/Kali/sass/common/_colors.scss +++ b/src/themes/Kali/sass/common/_colors.scss @@ -10,8 +10,8 @@ $text_color: if($variant == 'light', black, white); $bg_color: if($variant == 'light', #ffffff, darken($_dark_base_color, 2%)); $fg_color: if($variant == 'light', #5c616c, #eeeeec); -$selected_fg_color: #ffffff; -$selected_bg_color: saturate(#367bf0, 20%); +$selected_fg_color: #ffffff!default; +$selected_bg_color: saturate(#367bf0, 20%)!default; $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 30%)); $borders_color: if($variant == 'light', darken($bg_color, 15%), darken($bg_color, 10%)); $alt_borders_color: if($variant == 'light', darken($bg_color, 24%), darken($bg_color, 18%)); diff --git a/src/themes/Makefile b/src/themes/Makefile index 8ec9016f..cc92d667 100644 --- a/src/themes/Makefile +++ b/src/themes/Makefile @@ -1,4 +1,4 @@ -THEME_SRC=Kali/ +THEME_SRC=Kali-Purple/ SUBDIRS=$(foreach SUBDIR,gtk2 gtk3 xfwm4,assets-renderer/$(SUBDIR)) sass .PHONY: build $(SUBDIRS) clean @@ -6,7 +6,8 @@ SUBDIRS=$(foreach SUBDIR,gtk2 gtk3 xfwm4,assets-renderer/$(SUBDIR)) sass build: $(SUBDIRS) $(SUBDIRS): - $(MAKE) -C $(THEME_SRC)$@ build + $(MAKE) -C Kali/$@ build + $(MAKE) -C Kali-Purple/$@ build VARIANT='-Purple' clean: - $(foreach SUBDIR,$(SUBDIRS),$(MAKE) -C $(THEME_SRC)$(SUBDIR) clean &&) true + $(foreach THEME_SRC,Kali Kali-Purple,$(foreach SUBDIR,$(SUBDIRS),$(MAKE) -C $(THEME_SRC)/$(SUBDIR) clean &&)) true