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 @@
+
+
+
+
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 @@
+
+
+
+
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 @@
+
+
+
+
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