diff --git a/gtk-theme/dist/colours.css b/gtk-theme/dist/colours.css
new file mode 100644
index 0000000..a8c4dda
--- /dev/null
+++ b/gtk-theme/dist/colours.css
@@ -0,0 +1,149 @@
+/*
+ * ╭───────────────────────────────────────────────╮
+ * │ GTK Theme Colours │
+ * ╰───────────────────────────────────────────────╯
+*/
+
+
+
+/*
+ * Replace the colours with variable names
+ */
+
+/*
+ * ┌ ┐
+ * │ Foreground │
+ * └ ┘
+*/
+
+/*
+ * ── Foreground color, main interface text colour ─────────────────────
+*/
+@define-color fg #C8DCFF;
+@define-color fg_rgba_07 rgba( 200, 220, 255, 0.7 );
+@define-color fg_rgba_06 rgba( 200, 220, 255, 0.6 );
+@define-color fg_rgba_05 rgba( 200, 220, 255, 0.5 );
+@define-color fg_rgba_03 rgba( 200, 220, 255, 0.3 );
+@define-color fg_rgba_02 rgba( 200, 220, 255, 0.2 );
+@define-color fg_rgba_01 rgba( 200, 220, 255, 0.1 );
+
+/*
+ * ── Foreground accent, usually brighter or darker than default ───────
+*/
+@define-color fg_accent #FFFFFF;
+@define-color fg_accent_rgba_07 rgba( 255, 255, 255, 0.7 );
+@define-color fg_accent_rgba_06 rgba( 255, 255, 255, 0.6 );
+@define-color fg_accent_rgba_05 rgba( 255, 255, 255, 0.5 );
+@define-color fg_accent_rgba_03 rgba( 255, 255, 255, 0.3 );
+@define-color fg_accent_rgba_02 rgba( 255, 255, 255, 0.2 );
+
+/*
+ * ── Accent colour ────────────────────────────────────────────────────
+*/
+@define-color accent #0B0B0B;
+@define-color accent_rgba_05 rgba( 11, 11, 11, 0.5 );
+@define-color accent_rgba_03 rgba( 11, 11, 11, 0.3 );
+@define-color accent_rgba_02 rgba( 11, 11, 11, 0.2 );
+@define-color accent_rgba_015 rgba( 11, 11, 11, 0.15 );
+@define-color accent_rgba_011 rgba( 11, 11, 11, 0.11 );
+@define-color accent_rgba_007 rgba( 11, 11, 11, 0.07 );
+
+/*
+ * ── Accent Gradient ──────────────────────────────────────────────────
+*/
+@define-color accent_gradient_1 #090909;
+@define-color accent_gradient_2 #080808;
+@define-color accent_gradient_3 #070707;
+@define-color accent_gradient_4 #060606;
+@define-color accent_gradient_5 #060606;
+@define-color accent_gradient_inverse_1 #0E0E0E;
+@define-color accent_gradient_inverse_2 #0E0E0E;
+@define-color accent_gradient_inverse_3 #0E0E0E;
+
+/*
+ * ── Secondary accent colour ──────────────────────────────────────────
+*/
+@define-color accent2 #F0F4F5;
+@define-color accent2_rgba_05 rgba( 240, 244, 245, 0.5 );
+@define-color accent2_rgba_03 rgba( 240, 244, 245, 0.3 );
+@define-color accent2_rgba_02 rgba( 240, 244, 245, 0.2 );
+@define-color accent2_rgba_015 rgba( 240, 244, 245, 0.15 );
+@define-color accent2_rgba_01 rgba( 240, 244, 245, 0.1 );
+
+/*
+ * ── Tertiary accent colour ───────────────────────────────────────────
+*/
+@define-color accent3 #52595D;
+
+/*
+ * ── Inactive Colour ──────────────────────────────────────────────────
+*/
+@define-color inactive #C8C8C8;
+@define-color inactive_rgba_07 rgba( 200, 200, 200, 0.7 );
+@define-color inactive_rgba_05 rgba( 200, 200, 200, 0.5 );
+@define-color inactive_rgba_03 rgba( 200, 200, 200, 0.3 );
+@define-color inactive_rgba_02 rgba( 200, 200, 200, 0.2 );
+@define-color inactive_rgba_015 rgba( 200, 200, 200, 0.15 );
+
+
+
+
+/*
+ * ┌ ┐
+ * │ Background │
+ * └ ┘
+*/
+
+/*
+ * ── Background color, main interface background ──────────────────────
+*/
+@define-color bg #0A0A0F;
+@define-color bg_rgba_07 rgba( 10, 10, 15, 0.7 );
+@define-color bg_rgba_05 rgba( 10, 10, 15, 0.5 );
+@define-color bg_rgba_03 rgba( 10, 10, 15, 0.3 );
+@define-color bg_rgba_02 rgba( 10, 10, 15, 0.2 );
+@define-color bg_rgba_015 rgba( 10, 10, 15, 0.15 );
+@define-color bg_rgba_011 rgba( 10, 10, 15, 0.11 );
+
+/*
+ * ── Accent background color ──────────────────────────────────────────
+*/
+@define-color bg_accent #141419;
+@define-color bg_accent_rgba_07 rgba( 20, 20, 25, 0.7 );
+@define-color bg_accent_rgba_06 rgba( 20, 20, 25, 0.6 );
+@define-color bg_accent_rgba_05 rgba( 20, 20, 25, 0.5 );
+@define-color bg_accent_rgba_04 rgba( 20, 20, 25, 0.4 );
+@define-color bg_accent_rgba_03 rgba( 20, 20, 25, 0.3 );
+@define-color bg_accent_rgba_02 rgba( 20, 20, 25, 0.2 );
+@define-color bg_accent_rgba_015 rgba( 20, 20, 25, 0.15 );
+@define-color bg_accent_rgba_01 rgba( 20, 20, 25, 0.1 );
+
+/*
+ * ── Tertiary background colour ───────────────────────────────────────
+*/
+@define-color bg_tertiary #000000;
+@define-color bg_tertiary_rgba_05 rgba( 0, 0, 0, 0.5 );
+@define-color bg_tertiary_rgba_02 rgba( 0, 0, 0, 0.2 );
+
+/*
+ * ── Inactive background colour ───────────────────────────────────────
+*/
+@define-color bg_inactive #000000;
+@define-color bg_inactive_rgba_07 rgba( 0, 0, 0, 0.7 );
+@define-color bg_inactive_rgba_05 rgba( 0, 0, 0, 0.5 );
+@define-color bg_inactive_rgba_04 rgba( 0, 0, 0, 0.4 );
+@define-color bg_inactive_rgba_03 rgba( 0, 0, 0, 0.3 );
+@define-color bg_inactive_rgba_02 rgba( 0, 0, 0, 0.2 );
+@define-color bg_inactive_rgba_015 rgba( 0, 0, 0, 0.15 );
+@define-color bg_inactive_rgba_01 rgba( 0, 0, 0, 0.1 );
+
+/*
+ * ── Shadow colours ───────────────────────────────────────────────────
+*/
+@define-color shadow #000002;
+@define-color shadow_rgba_07 rgba( 0, 0, 2, 0.7 );
+@define-color shadow_rgba_05 rgba( 0, 0, 2, 0.5 );
+@define-color shadow_rgba_03 rgba( 0, 0, 2, 0.3 );
+@define-color shadow_rgba_02 rgba( 0, 0, 2, 0.2 );
+@define-color shadow_rgba_015 rgba( 0, 0, 2, 0.15 );
+@define-color shadow_rgba_011 rgba( 0, 0, 2, 0.11 );
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..5f3b9f3
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..bb1bff9
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..b911ab1
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..1ae692f
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..f45ca31
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..ed5ccf4
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..31c4902
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 0000000..dd48d78
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..263f4e0
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..88311a4
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..a0452f1
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..c50691a
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..ead0682
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..d56e1fa
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..0799636
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 0000000..6826ada
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider-dark.png
new file mode 100644
index 0000000..73d7b17
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider-dark@2.png
new file mode 100644
index 0000000..9cb6201
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled-dark.png
new file mode 100644
index 0000000..c84ec15
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled-dark@2.png
new file mode 100644
index 0000000..f84e161
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled.png
new file mode 100644
index 0000000..9ad3045
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled@2.png
new file mode 100644
index 0000000..4a836b3
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider.png
new file mode 100644
index 0000000..870df4b
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-slider@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-slider@2.png
new file mode 100644
index 0000000..49578aa
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..76b3f00
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..f292e2e
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..080770e
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..de79037
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..71d1eff
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..3f66c32
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..afedbf0
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 0000000..fe406cf
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..88fc888
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..6275b1c
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..0eb02cf
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..8e07d09
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..9d9570e
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..0a1bcb8
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..0c165af
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 0000000..79ed0ec
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..dc8a047
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 0000000..9e043af
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..90df2a7
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 0000000..007e28e
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..54de797
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..9cec4dc
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..0263623
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 0000000..af5b395
Binary files /dev/null and b/gtk-theme/dist/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/gtk-theme/dist/gtk-3.0/gtk.css b/gtk-theme/dist/gtk-3.0/gtk.css
index b11bd05..b1c9b7b 100644
--- a/gtk-theme/dist/gtk-3.0/gtk.css
+++ b/gtk-theme/dist/gtk-3.0/gtk.css
@@ -1,106 +1,7993 @@
-window {
- color: var( --fg );
- background-color: var( --bg );
+@import '../colours.css';
+
+/*
+ * Replace the colours with variable names. See build/util.js for translation
+ * This CSS file here is from Material-Black-Blueberry
+ */
+
+
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
}
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, @accent 0%, transparent 0%);
+ }
+
+ to {
+ background-image: radial-gradient(circle, @accent 100%, transparent 0%);
+ }
+}
+
+button,
+modelbutton.flat,
+.menuitem.button.flat,
+notebook>header>tabs>arrow,
+check,
+radio,
+row.activatable {
+ transition-property: all, border-image, background-size, background-image;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms;
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+notebook>header>tabs>arrow:active,
+check:active,
+radio:active,
+row.activatable:active {
+ transition-duration: 75ms, 225ms, 0ms, 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: 0% 0%;
+}
+
+* {
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #f44336;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 4;
+ -GtkDialog-action-area-border: 4;
+ -gtk-secondary-caret-color: @accent;
+ outline: 2px solid transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 2px;
+}
+
+*:focus {
+ outline-color: rgba(158, 158, 158, 0.08);
+}
+
+/**
+ * Base States
+ */
+.background {
+ background-color: @bg;
+ color: @fg;
+}
/*
- * ╭───────────────────────────────────────────────╮
- * │ GTK NAMED COLORS │
- * ╰───────────────────────────────────────────────╯
+ 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 {
+ background-color: @bg;
+ color: @fg;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #1a1b1c;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #202122;
+}
+
+.gtkstyle-fallback:disabled {
+ color: @fg_rgba_05;
+}
+
+.gtkstyle-fallback:selected {
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+.view:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+.view:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+.view:disabled {
+ color: @fg_rgba_05;
+}
+
+.view:hover,
+.view:selected {
+ border-radius: 2px;
+}
+
+.view selection,
+.view:selected {
+ background-color: @accent_rgba_03;
+}
+
+textview text {
+ background-color: @bg;
+ caret-color: @accent;
+}
+
+frame:not(.flat) textview text,
+.frame textview text {
+ background-color: #1a1c1e;
+}
+
+popover.background textview text {
+ background-color: #141416;
+}
+
+messagedialog.background textview text {
+ background-color: #141416;
+}
+
+textview border {
+ color: @fg_rgba_07;
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: @fg_accent;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px @bg_accent_rgba_015;
+}
+
+.nemo-desktop.nemo-canvas-item .rubberband,
+.caja-desktop.caja-canvas-item .rubberband,
+.nautilus-desktop.nautilus-canvas-item .rubberband,
+.nemo-desktop.nemo-canvas-item rubberband,
+.caja-desktop.caja-canvas-item rubberband,
+.nautilus-desktop.nautilus-canvas-item rubberband {
+ border: 1px solid @accent;
+ background-color: rgba(56, 125, 183, 0.3);
+}
+
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+flowbox rubberband,
+.rubberband,
+rubberband {
+ border: 1px solid @accent;
+ background-color: @accent_rgba_02;
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+flowbox flowboxchild:selected {
+ background-color: @accent_rgba_03;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: @accent;
+}
+
+label.separator {
+ color: @fg_rgba_07;
+}
+
+label.error {
+ color: #f44336;
+}
+
+label selection {
+ background-color: @accent_rgba_03;
+}
+
+label:disabled {
+ color: @fg_rgba_05;
+}
+
+headerbar label:disabled,
+menuitem label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 2px;
+ background-color: @bg_inactive;
+ color: @inactive;
+}
+
+.dim-label {
+ color: @fg_rgba_07;
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 32px;
+ margin: 0 4px;
+ padding: 0 8px;
+ border-radius: 2px;
+ color: @fg_rgba_05;
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ background-color: @accent_rgba_015;
+ color: @accent;
+}
+
+/**
+ * Spinner Animation
+ */
+@keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ color: @accent;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1);
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked {
+ opacity: 1;
+}
+
+spinner:disabled {
+ color: @fg_rgba_03;
+}
+
+/**
+ * General Typography
+ */
+.large-title {
+ font-weight: 400;
+ font-size: 36pt;
+}
+
+.title-1,
+.nautilus-empty-state-icon+.large-title {
+ font-weight: 400;
+ font-size: 25.5pt;
+ letter-spacing: 0.1875pt;
+}
+
+.title-2 {
+ font-weight: 400;
+ font-size: 18pt;
+}
+
+.title-3 {
+ font-weight: 500;
+ font-size: 15pt;
+ letter-spacing: 0.1125pt;
+}
+
+.title-4 {
+ font-weight: 400;
+ font-size: 12pt;
+ letter-spacing: 0.375pt;
+}
+
+.heading {
+ font-weight: 500;
+ font-size: 1em;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 1em;
+}
+
+.caption-heading {
+ font-weight: 500;
+ font-size: 9pt;
+ letter-spacing: 1.125pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+ letter-spacing: 0.3pt;
+}
+
+/**
+ * Text Entries
+ */
+spinbutton:not(.vertical),
+entry {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 2px 2px 0 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: @accent;
+}
+
+spinbutton:focus:not(.vertical),
+entry:focus {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: @fg_rgba_01;
+}
+
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) image,
+entry image {
+ color: @fg_rgba_07;
+}
+
+spinbutton:not(.vertical) image:hover,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: @fg;
+}
+
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: @fg_rgba_05;
+}
+
+spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 0px;
+ margin-right: 6px;
+}
+
+spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 0px;
+}
+
+spinbutton:not(.vertical) selection,
+entry selection {
+ background-color: @accent_rgba_03;
+}
+
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: #f44336;
+}
+
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: @fg_rgba_01;
+}
+
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: #ffeb3b;
+}
+
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: @fg_rgba_01;
+}
+
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 0 -8px -4px;
+ border-bottom: 2px solid @accent;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry,
+spinbutton.vertical entry {
+ border-radius: 2px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #141416;
+ color: @fg;
+ caret-color: @accent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:focus,
+spinbutton.vertical entry:focus {
+ border-image: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 @bg_accent_rgba_015;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:drop(active),
+spinbutton.vertical entry:drop(active) {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 @bg_accent_rgba_015;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:disabled,
+spinbutton.vertical entry:disabled {
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #1a1c1e;
+ color: @fg_rgba_05;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error,
+spinbutton.vertical entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #f44336;
+ color: @fg_accent;
+ caret-color: @fg_accent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error:focus,
+spinbutton.vertical entry.error:focus {
+ border-image: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 @bg_accent_rgba_015;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error:disabled,
+spinbutton.vertical entry.error:disabled {
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #1a1c1e;
+ color: @fg_rgba_05;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error image,
+spinbutton.vertical entry.error image {
+ color: @fg_accent_rgba_07;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error image:hover,
+spinbutton.vertical entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical)>entry.error image:active,
+spinbutton.vertical entry.error image:active {
+ color: @fg_accent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error image:disabled,
+spinbutton.vertical entry.error image:disabled {
+ color: @fg_accent_rgba_05;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning,
+spinbutton.vertical entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #ffeb3b;
+ color: @bg_accent;
+ caret-color: @bg_accent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning:focus,
+spinbutton.vertical entry.warning:focus {
+ border-image: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 @bg_accent_rgba_015;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning:disabled,
+spinbutton.vertical entry.warning:disabled {
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #1a1c1e;
+ color: @fg_rgba_05;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning image,
+spinbutton.vertical entry.warning image {
+ color: @bg_accent_rgba_07;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning image:hover,
+spinbutton.vertical entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical)>entry.warning image:active,
+spinbutton.vertical entry.warning image:active {
+ color: @bg_accent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning image:disabled,
+spinbutton.vertical entry.warning image:disabled {
+ color: @bg_accent_rgba_05;
+}
+
+treeview entry,
+treeview entry.flat {
+ background-color: #1a1c1e;
+}
+
+treeview entry,
+treeview entry:focus,
+treeview entry.flat,
+treeview entry.flat:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag,
+.documents-entry-tag,
+.photos-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg;
+}
+
+.entry-tag:hover,
+.documents-entry-tag:hover,
+.photos-entry-tag:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .documents-entry-tag,
+:dir(ltr) .photos-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .documents-entry-tag,
+:dir(rtl) .photos-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.documents-entry-tag,
+.button.photos-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+ color: @fg_rgba_07;
+}
+
+/**
+ * Buttons
+ */
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@accent), to(transparent));
+ }
+
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@accent), to(transparent));
+ }
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+ border-radius: 2px;
+ color: @fg;
+ font-weight: 500;
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+}
+
+button:drop(active),
+button:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_5;
+}
+
+button:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_4;
+}
+
+button:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg_rgba_05;
+}
+
+button:checked {
+ color: @accent;
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_3;
+}
+
+button:checked:drop(active),
+button:checked:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_2;
+}
+
+button:checked:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_1;
+}
+
+button:checked:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+button:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1904);
+ color: @fg_rgba_05;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 2px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 12px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 12px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button,
+#MatePanelPopupWindow button,
+#mate-menu button,
+.gedit-search-slider .linked:not(.vertical)>button,
+popover.messagepopover .popover-action-area button,
+button.sidebar-button,
+scrollbar button,
+combobox>.linked:not(.vertical)>button:not(:only-child),
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+.nemo-window .toolbar button,
+.raven .raven-header.top stackswitcher.linked>button,
+.caja-navigation-window box.horizontal>button.toggle.image-button,
+#CanvasTable button,
+layouttabbar button,
+.message-input-area button,
+filechooser #pathbarbox>stack>box>button,
+#buttonbox_frame button,
+.drop-shadow button,
+.budgie-session-dialog .linked.horizontal>button,
+#caja-extra-view-widget button,
+.lock-dialog button,
+infobar.info>revealer>box button,
+infobar.question>revealer>box button,
+messagedialog .dialog-action-box button,
+.app-notification button,
+actionbar>revealer>box button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.titlebar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+button.flat {
+ color: @fg_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:drop(active),
+#MatePanelPopupWindow button:drop(active),
+#mate-menu button:drop(active),
+.gedit-search-slider .linked:not(.vertical)>button:drop(active),
+popover.messagepopover .popover-action-area button:drop(active),
+button.sidebar-button:drop(active),
+scrollbar button:drop(active),
+combobox>.linked:not(.vertical)>button:drop(active):not(:only-child),
+spinbutton.vertical button:drop(active),
+spinbutton:not(.vertical) button:drop(active),
+.nemo-window .toolbar button:drop(active),
+.raven .raven-header.top stackswitcher.linked>button:drop(active),
+.caja-navigation-window box.horizontal>button.toggle.image-button:drop(active),
+#CanvasTable button:drop(active),
+layouttabbar button:drop(active),
+.message-input-area button:drop(active),
+filechooser #pathbarbox>stack>box>button:drop(active),
+#buttonbox_frame button:drop(active),
+.drop-shadow button:drop(active),
+.budgie-session-dialog .linked.horizontal>button:drop(active),
+#caja-extra-view-widget button:drop(active),
+.lock-dialog button:drop(active),
+infobar.info>revealer>box button:drop(active),
+infobar.question>revealer>box button:drop(active),
+messagedialog .dialog-action-box button:drop(active),
+.app-notification button:drop(active),
+actionbar>revealer>box button:drop(active):not(.suggested-action):not(.destructive-action),
+popover.background.menu button:drop(active),
+popover.background button.model:drop(active),
+.titlebar button:drop(active):not(.suggested-action):not(.destructive-action),
+toolbar button:drop(active),
+button.flat:drop(active),
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#MatePanelPopupWindow button:hover,
+#mate-menu button:hover,
+.gedit-search-slider .linked:not(.vertical)>button:hover,
+popover.messagepopover .popover-action-area button:hover,
+button.sidebar-button:hover,
+scrollbar button:hover,
+combobox>.linked:not(.vertical)>button:hover:not(:only-child),
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+.nemo-window .toolbar button:hover,
+.raven .raven-header.top stackswitcher.linked>button:hover,
+.caja-navigation-window box.horizontal>button.toggle.image-button:hover,
+#CanvasTable button:hover,
+layouttabbar button:hover,
+.message-input-area button:hover,
+filechooser #pathbarbox>stack>box>button:hover,
+#buttonbox_frame button:hover,
+.drop-shadow button:hover,
+.budgie-session-dialog .linked.horizontal>button:hover,
+#caja-extra-view-widget button:hover,
+.lock-dialog button:hover,
+infobar.info>revealer>box button:hover,
+infobar.question>revealer>box button:hover,
+messagedialog .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar>revealer>box button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.titlebar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+button.flat:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#MatePanelPopupWindow button:focus,
+#mate-menu button:focus,
+.gedit-search-slider .linked:not(.vertical)>button:focus,
+popover.messagepopover .popover-action-area button:focus,
+button.sidebar-button:focus,
+scrollbar button:focus,
+combobox>.linked:not(.vertical)>button:focus:not(:only-child),
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+.nemo-window .toolbar button:focus,
+.raven .raven-header.top stackswitcher.linked>button:focus,
+.caja-navigation-window box.horizontal>button.toggle.image-button:focus,
+#CanvasTable button:focus,
+layouttabbar button:focus,
+.message-input-area button:focus,
+filechooser #pathbarbox>stack>box>button:focus,
+#buttonbox_frame button:focus,
+.drop-shadow button:focus,
+.budgie-session-dialog .linked.horizontal>button:focus,
+#caja-extra-view-widget button:focus,
+.lock-dialog button:focus,
+infobar.info>revealer>box button:focus,
+infobar.question>revealer>box button:focus,
+messagedialog .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar>revealer>box button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.titlebar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+button.flat:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#MatePanelPopupWindow button:active,
+#mate-menu button:active,
+.gedit-search-slider .linked:not(.vertical)>button:active,
+popover.messagepopover .popover-action-area button:active,
+button.sidebar-button:active,
+scrollbar button:active,
+combobox>.linked:not(.vertical)>button:active:not(:only-child),
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+.nemo-window .toolbar button:active,
+.raven .raven-header.top stackswitcher.linked>button:active,
+.caja-navigation-window box.horizontal>button.toggle.image-button:active,
+#CanvasTable button:active,
+layouttabbar button:active,
+.message-input-area button:active,
+filechooser #pathbarbox>stack>box>button:active,
+#buttonbox_frame button:active,
+.drop-shadow button:active,
+.budgie-session-dialog .linked.horizontal>button:active,
+#caja-extra-view-widget button:active,
+.lock-dialog button:active,
+infobar.info>revealer>box button:active,
+infobar.question>revealer>box button:active,
+messagedialog .dialog-action-box button:active,
+.app-notification button:active,
+actionbar>revealer>box button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.titlebar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#MatePanelPopupWindow button:disabled,
+#mate-menu button:disabled,
+.gedit-search-slider .linked:not(.vertical)>button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+button.sidebar-button:disabled,
+scrollbar button:disabled,
+combobox>.linked:not(.vertical)>button:disabled:not(:only-child),
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+.nemo-window .toolbar button:disabled,
+.raven .raven-header.top stackswitcher.linked>button:disabled,
+.caja-navigation-window box.horizontal>button.toggle.image-button:disabled,
+#CanvasTable button:disabled,
+layouttabbar button:disabled,
+.message-input-area button:disabled,
+filechooser #pathbarbox>stack>box>button:disabled,
+#buttonbox_frame button:disabled,
+.drop-shadow button:disabled,
+.budgie-session-dialog .linked.horizontal>button:disabled,
+#caja-extra-view-widget button:disabled,
+.lock-dialog button:disabled,
+infobar.info>revealer>box button:disabled,
+infobar.question>revealer>box button:disabled,
+messagedialog .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar>revealer>box button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.titlebar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+button.flat:disabled {
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+.nemo-window .toolbar button:checked,
+.raven .raven-header.top stackswitcher.linked>button:checked,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked,
+#CanvasTable button:checked,
+layouttabbar button:checked,
+.message-input-area button:checked,
+filechooser #pathbarbox>stack>box>button:checked,
+#buttonbox_frame button:checked,
+.drop-shadow button:checked,
+.budgie-session-dialog .linked.horizontal>button:checked,
+#caja-extra-view-widget button:checked,
+.lock-dialog button:checked,
+infobar.info>revealer>box button:checked,
+infobar.question>revealer>box button:checked,
+messagedialog .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar>revealer>box button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.titlebar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+button.flat:checked {
+ color: @accent;
+ box-shadow: none;
+ background-color: @accent_rgba_015;
+}
+
+.nemo-window .toolbar button:checked:drop(active),
+.raven .raven-header.top stackswitcher.linked>button:checked:drop(active),
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:drop(active),
+#CanvasTable button:checked:drop(active),
+layouttabbar button:checked:drop(active),
+.message-input-area button:checked:drop(active),
+filechooser #pathbarbox>stack>box>button:checked:drop(active),
+#buttonbox_frame button:checked:drop(active),
+.drop-shadow button:checked:drop(active),
+.budgie-session-dialog .linked.horizontal>button:checked:drop(active),
+#caja-extra-view-widget button:checked:drop(active),
+.lock-dialog button:checked:drop(active),
+infobar.info>revealer>box button:checked:drop(active),
+infobar.question>revealer>box button:checked:drop(active),
+messagedialog .dialog-action-box button:checked:drop(active),
+.app-notification button:checked:drop(active),
+actionbar>revealer>box button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:drop(active),
+popover.background button.model:checked:drop(active),
+.titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+toolbar button:checked:drop(active),
+button.flat:checked:drop(active),
+.nemo-window .toolbar button:checked:hover,
+.raven .raven-header.top stackswitcher.linked>button:checked:hover,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:hover,
+#CanvasTable button:checked:hover,
+layouttabbar button:checked:hover,
+.message-input-area button:checked:hover,
+filechooser #pathbarbox>stack>box>button:checked:hover,
+#buttonbox_frame button:checked:hover,
+.drop-shadow button:checked:hover,
+.budgie-session-dialog .linked.horizontal>button:checked:hover,
+#caja-extra-view-widget button:checked:hover,
+.lock-dialog button:checked:hover,
+infobar.info>revealer>box button:checked:hover,
+infobar.question>revealer>box button:checked:hover,
+messagedialog .dialog-action-box button:checked:hover,
+.app-notification button:checked:hover,
+actionbar>revealer>box button:checked:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:hover,
+popover.background button.model:checked:hover,
+.titlebar button:checked:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:hover,
+button.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.nemo-window .toolbar button:checked:focus,
+.raven .raven-header.top stackswitcher.linked>button:checked:focus,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:focus,
+#CanvasTable button:checked:focus,
+layouttabbar button:checked:focus,
+.message-input-area button:checked:focus,
+filechooser #pathbarbox>stack>box>button:checked:focus,
+#buttonbox_frame button:checked:focus,
+.drop-shadow button:checked:focus,
+.budgie-session-dialog .linked.horizontal>button:checked:focus,
+#caja-extra-view-widget button:checked:focus,
+.lock-dialog button:checked:focus,
+infobar.info>revealer>box button:checked:focus,
+infobar.question>revealer>box button:checked:focus,
+messagedialog .dialog-action-box button:checked:focus,
+.app-notification button:checked:focus,
+actionbar>revealer>box button:checked:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:focus,
+popover.background button.model:checked:focus,
+.titlebar button:checked:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:focus,
+button.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.nemo-window .toolbar button:checked:active,
+.raven .raven-header.top stackswitcher.linked>button:checked:active,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:active,
+#CanvasTable button:checked:active,
+layouttabbar button:checked:active,
+.message-input-area button:checked:active,
+filechooser #pathbarbox>stack>box>button:checked:active,
+#buttonbox_frame button:checked:active,
+.drop-shadow button:checked:active,
+.budgie-session-dialog .linked.horizontal>button:checked:active,
+#caja-extra-view-widget button:checked:active,
+.lock-dialog button:checked:active,
+infobar.info>revealer>box button:checked:active,
+infobar.question>revealer>box button:checked:active,
+messagedialog .dialog-action-box button:checked:active,
+.app-notification button:checked:active,
+actionbar>revealer>box button:checked:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:active,
+popover.background button.model:checked:active,
+.titlebar button:checked:active:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:active,
+button.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.raven .raven-header.top stackswitcher.linked>button:checked:disabled,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:disabled,
+#CanvasTable button:checked:disabled,
+layouttabbar button:checked:disabled,
+.message-input-area button:checked:disabled,
+filechooser #pathbarbox>stack>box>button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.drop-shadow button:checked:disabled,
+.budgie-session-dialog .linked.horizontal>button:checked:disabled,
+#caja-extra-view-widget button:checked:disabled,
+.lock-dialog button:checked:disabled,
+infobar.info>revealer>box button:checked:disabled,
+infobar.question>revealer>box button:checked:disabled,
+messagedialog .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar>revealer>box button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+button.flat:checked:disabled {
+ color: @fg_rgba_05;
+}
+
+#buttonbox_frame button.text-button,
+.drop-shadow button.text-button,
+.budgie-session-dialog .linked.horizontal>button.text-button,
+#caja-extra-view-widget button.text-button,
+.lock-dialog button.text-button,
+infobar.info>revealer>box button.text-button,
+infobar.question>revealer>box button.text-button,
+messagedialog .dialog-action-box button.text-button,
+.app-notification button.text-button,
+actionbar>revealer>box button.text-button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button.text-button,
+popover.background button.text-button.model,
+.titlebar button.text-button:not(.suggested-action):not(.destructive-action),
+toolbar button.text-button,
+button.flat.text-button {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+#buttonbox_frame button.text-button.image-button,
+.drop-shadow button.text-button.image-button,
+.budgie-session-dialog .linked.horizontal>button.text-button.image-button,
+#caja-extra-view-widget button.text-button.image-button,
+.lock-dialog button.text-button.image-button,
+infobar.info>revealer>box button.text-button.image-button,
+infobar.question>revealer>box button.text-button.image-button,
+messagedialog .dialog-action-box button.text-button.image-button,
+.app-notification button.text-button.image-button,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button.text-button.image-button,
+popover.background button.text-button.image-button.model,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+toolbar button.text-button.image-button,
+button.flat.text-button.image-button {
+ min-width: 24px;
+ padding: 4px;
+}
+
+#buttonbox_frame button.text-button.image-button label:first-child,
+.drop-shadow button.text-button.image-button label:first-child,
+.budgie-session-dialog .linked.horizontal>button.text-button.image-button label:first-child,
+#caja-extra-view-widget button.text-button.image-button label:first-child,
+.lock-dialog button.text-button.image-button label:first-child,
+infobar.info>revealer>box button.text-button.image-button label:first-child,
+infobar.question>revealer>box button.text-button.image-button label:first-child,
+messagedialog .dialog-action-box button.text-button.image-button label:first-child,
+.app-notification button.text-button.image-button label:first-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+popover.background.menu button.text-button.image-button label:first-child,
+popover.background button.text-button.image-button.model label:first-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+toolbar button.text-button.image-button label:first-child,
+button.flat.text-button.image-button label:first-child {
+ margin-left: 8px;
+}
+
+#buttonbox_frame button.text-button.image-button label:last-child,
+.drop-shadow button.text-button.image-button label:last-child,
+.budgie-session-dialog .linked.horizontal>button.text-button.image-button label:last-child,
+#caja-extra-view-widget button.text-button.image-button label:last-child,
+.lock-dialog button.text-button.image-button label:last-child,
+infobar.info>revealer>box button.text-button.image-button label:last-child,
+infobar.question>revealer>box button.text-button.image-button label:last-child,
+messagedialog .dialog-action-box button.text-button.image-button label:last-child,
+.app-notification button.text-button.image-button label:last-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+popover.background.menu button.text-button.image-button label:last-child,
+popover.background button.text-button.image-button.model label:last-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+toolbar button.text-button.image-button label:last-child,
+button.flat.text-button.image-button label:last-child {
+ margin-right: 8px;
+}
+
+#buttonbox_frame .linked:not(.vertical)>button:not(:only-child),
+.drop-shadow .linked:not(.vertical)>button:not(:only-child),
+.budgie-session-dialog .linked.horizontal:not(.vertical)>button:not(:only-child),
+#caja-extra-view-widget .linked:not(.vertical)>button:not(:only-child),
+.lock-dialog .linked:not(.vertical)>button:not(:only-child),
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child),
+messagedialog .dialog-action-box .linked:not(.vertical)>button:not(:only-child),
+.app-notification .linked:not(.vertical)>button:not(:only-child),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked:not(.vertical)>button:not(:only-child),
+popover.background .linked:not(.vertical)>button.model:not(:only-child),
+.titlebar .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+toolbar .linked:not(.vertical)>button:not(:only-child),
+#buttonbox_frame .linked.vertical>button:not(:only-child),
+.drop-shadow .linked.vertical>button:not(:only-child),
+.budgie-session-dialog .linked.horizontal.vertical>button:not(:only-child),
+#caja-extra-view-widget .linked.vertical>button:not(:only-child),
+.lock-dialog .linked.vertical>button:not(:only-child),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child),
+messagedialog .dialog-action-box .linked.vertical>button:not(:only-child),
+.app-notification .linked.vertical>button:not(:only-child),
+actionbar>revealer>box .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked.vertical>button:not(:only-child),
+popover.background .linked.vertical>button.model:not(:only-child),
+.titlebar .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+toolbar .linked.vertical>button:not(:only-child),
+.linked:not(.vertical)>button.flat:not(:only-child),
+.linked.vertical>button.flat:not(:only-child) {
+ border-radius: 2px;
+}
+
+#buttonbox_frame .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.drop-shadow .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.budgie-session-dialog .linked.horizontal:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+#caja-extra-view-widget .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.lock-dialog .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+messagedialog .dialog-action-box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+popover.background .linked:not(.vertical)>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+toolbar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+#buttonbox_frame .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.drop-shadow .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.budgie-session-dialog .linked.horizontal.vertical>button:not(:only-child).image-button:not(.text-button),
+#caja-extra-view-widget .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.lock-dialog .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+messagedialog .dialog-action-box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+popover.background .linked.vertical>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+toolbar .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.linked:not(.vertical)>button.flat:not(:only-child).image-button:not(.text-button),
+.linked.vertical>button.flat:not(:only-child).image-button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+button.osd {
+ padding: 8px 12px;
+}
+
+button.osd.image-button {
+ padding: 8px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ color: @fg_accent;
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: @accent;
+}
+
+button.suggested-action:drop(active),
+button.suggested-action:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_inverse_1;
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_inverse_2;
+}
+
+button.suggested-action:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg_rgba_05;
+}
+
+button.suggested-action:checked {
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_inverse_3;
+}
+
+button.suggested-action:checked:drop(active),
+button.suggested-action:checked:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: #5f96c5;
+}
+
+button.suggested-action:checked:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: #659bc8;
+}
+
+button.suggested-action:checked:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.suggested-action.flat {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.suggested-action.flat:drop(active),
+button.suggested-action.flat:hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+button.suggested-action.flat:focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+button.suggested-action.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+button.suggested-action.flat:checked {
+ box-shadow: none;
+ background-color: @accent_rgba_015;
+}
+
+button.suggested-action.flat:checked:drop(active),
+button.suggested-action.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+button.suggested-action.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+button.suggested-action.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+button.destructive-action {
+ color: @fg_accent;
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #f44336;
+}
+
+button.destructive-action:drop(active),
+button.destructive-action:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: #f55246;
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: #f55a4e;
+}
+
+button.destructive-action:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg_rgba_05;
+}
+
+button.destructive-action:checked {
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #f66156;
+}
+
+button.destructive-action:checked:drop(active),
+button.destructive-action:checked:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: #f76e64;
+}
+
+button.destructive-action:checked:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: #f7746a;
+}
+
+button.destructive-action:checked:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.destructive-action.flat {
+ color: #f44336;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.destructive-action.flat:drop(active),
+button.destructive-action.flat:hover {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:focus {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 0%);
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+button.destructive-action.flat:checked {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.16);
+}
+
+button.destructive-action.flat:checked:drop(active),
+button.destructive-action.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.2608);
+}
+
+button.destructive-action.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.2608);
+}
+
+button.destructive-action.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 0%);
+}
+
+.stack-switcher>button>label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher>button>image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher>button.needs-attention:checked>label,
+.stack-switcher>button.needs-attention:checked>image {
+ animation: none;
+ background-image: none;
+}
+
+.inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+ border-radius: 9999px;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.nautilus-window .floating-bar button,
+.gedit-document-panel row button.flat,
+.gedit-search-slider .linked:not(.vertical)>button,
+button.sidebar-button,
+notebook>header>tabs>tab button.flat,
+spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+stacksidebar.sidebar row.needs-attention>label,
+.stack-switcher>button.needs-attention>label,
+.stack-switcher>button.needs-attention>image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention>label:dir(rtl),
+.stack-switcher>button.needs-attention>label:dir(rtl),
+.stack-switcher>button.needs-attention>image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(.vertical)>combobox:not(:first-child)>box>button.combo,
+.linked:not(.vertical)>spinbutton:not(:first-child):not(.vertical),
+.linked:not(.vertical)>entry:not(:first-child),
+.linked:not(.vertical)>button:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical)>combobox:not(:last-child)>box>button.combo,
+.linked:not(.vertical)>spinbutton:not(:last-child):not(.vertical),
+.linked:not(.vertical)>entry:not(:last-child),
+.linked:not(.vertical)>button:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical>combobox:not(:first-child)>box>button.combo,
+.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>combobox:not(:last-child)>box>button.combo,
+.linked.vertical>spinbutton:not(:last-child):not(.vertical),
+.linked.vertical>entry:not(:last-child),
+.linked.vertical>button:not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical)>button.image-button:first-child:not(.text-button) {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.linked:not(.vertical)>button.image-button:last-child:not(.text-button) {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked:not(.vertical)>button.image-button:only-child:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.linked.vertical>button.image-button:first-child:not(.text-button) {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+.linked.vertical>button.image-button:last-child:not(.text-button) {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked.vertical>button.image-button:only-child:not(.text-button) {
+ border-radius: 9999px;
+}
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 2px;
+}
+
+modelbutton.flat:drop(active),
+modelbutton.flat:hover,
+.menuitem.button.flat:drop(active),
+.menuitem.button.flat:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:focus,
+.menuitem.button.flat:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:active,
+.menuitem.button.flat:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+ background-color: @accent_rgba_03;
+}
+
+modelbutton.flat arrow {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: @fg_rgba_07;
+}
+
+modelbutton.flat arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+/**
+ * Links
+ */
+*:link {
+ color: @accent;
+}
+
+*:link:disabled {
+ color: @fg_rgba_05;
+}
+
+*:visited {
+ color: @accent2;
+}
+
+*:visited:disabled {
+ color: @fg_rgba_05;
+}
+
+button.link:link {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.link:link:drop(active),
+button.link:link:hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+button.link:link:focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+button.link:link:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+button.link:visited {
+ color: @accent2;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.link:visited:drop(active),
+button.link:visited:hover {
+ box-shadow: none;
+ background-color: @accent2_rgba_015;
+}
+
+button.link:visited:focus {
+ box-shadow: none;
+ background-color: @accent2_rgba_015;
+}
+
+button.link:visited:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(103, 58, 183, 0.16) 10%, transparent 0%);
+}
+
+button.link:disabled {
+ color: @fg_rgba_05;
+}
+
+button.link>label {
+ text-decoration-line: underline;
+}
+
+/**
+ * GtkSpinButton
+ */
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 24px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 4px transparent;
+ background-clip: padding-box;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active) {
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -2px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -2px;
+}
+
+spinbutton.vertical {
+ caret-color: @accent;
+}
+
+spinbutton.vertical:disabled {
+ color: @fg_rgba_05;
+}
+
+spinbutton.vertical entry {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ background-color: transparent;
+}
+
+spinbutton.vertical button.up {
+ border-radius: 2px 2px 0 0;
+}
+
+spinbutton.vertical button.down {
+ border-radius: 0 0 2px 2px;
+}
+
+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 {
+ transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+combobox button.combo:checked arrow {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+combobox decoration {
+ transition: none;
+}
+
+combobox cellview {
+ margin: -2px;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox menu {
+ padding: 2px 0;
+}
+
+combobox menu menuitem {
+ min-height: 28px;
+ padding: 0 8px;
+}
+
+combobox menu>arrow.top {
+ margin-top: -2px;
+}
+
+combobox menu>arrow.bottom {
+ margin-top: 4px;
+ margin-bottom: -6px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):first-child {
+ margin-right: -32px;
+ padding-right: 32px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):last-child {
+ margin-left: -32px;
+ padding-left: 32px;
+}
+
+combobox>.linked:not(.vertical)>button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 4px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+button.combo:only-child {
+ border-radius: 2px 2px 0 0;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: @accent;
+}
+
+button.combo:only-child:focus {
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: @fg_rgba_01;
+}
+
+button.combo:only-child:drop(active),
+button.combo:only-child:hover {
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+button.combo:only-child:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: @fg_rgba_01;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+button.combo:only-child arrow {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: @fg_rgba_07;
+}
+
+button.combo:only-child arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+/**
+ * Toolbars
+ */
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px;
+}
+
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, @bg_accent_rgba_04);
+}
+
+toolbar.horizontal>separator {
+ margin: 2px;
+}
+
+toolbar.vertical>separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 6px 2px;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 4px;
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.inline-toolbar {
+ padding: 4px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: @fg_rgba_02;
+ background-color: #1a1c1e;
+ background-clip: padding-box;
+}
+
+searchbar>revealer>box,
+.location-bar {
+ padding: 4px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: @fg_rgba_02;
+}
+
+searchbar>revealer>box {
+ margin: -6px;
+ padding: 4px;
+}
+
+/**
+ * Header bars
+ */
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+ color: @inactive;
+}
+
+.titlebar:disabled {
+ color: @inactive_rgba_05;
+}
+
+.titlebar:backdrop {
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+}
+
+.titlebar:backdrop:disabled {
+ color: @inactive_rgba_03;
+}
+
+.titlebar .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: @inactive_rgba_07;
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: @inactive_rgba_05;
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar headerbar+separator {
+ background-color: @inactive_rgba_02;
+}
+
+.titlebar entry {
+ box-shadow: inset 0 -1px @inactive_rgba_03;
+ background-color: rgba(128, 134, 139, 0.04);
+ color: @inactive;
+}
+
+.titlebar entry:disabled {
+ box-shadow: inset 0 -1px @inactive_rgba_02;
+ background-color: rgba(128, 134, 139, 0.04);
+ color: @inactive_rgba_05;
+}
+
+.titlebar entry image {
+ color: @inactive_rgba_07;
+}
+
+.titlebar entry image:hover,
+.titlebar entry image:active {
+ color: @inactive;
+}
+
+.titlebar entry image:disabled {
+ color: @inactive_rgba_05;
+}
+
+.titlebar .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+ background-color: transparent;
+ color: @inactive_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
+ color: @inactive_rgba_03;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+ background-color: transparent;
+ color: @inactive;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ background-color: transparent;
+ color: @inactive_rgba_05;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: @inactive_rgba_05;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: @inactive_rgba_03;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: @inactive_rgba_07;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: @inactive_rgba_03;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(128, 134, 139, 0.08);
+ color: @inactive_rgba_05;
+}
+
+.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 104px;
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px @fg_accent_rgba_02;
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode:backdrop {
+ color: @fg_accent_rgba_07;
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: @fg_accent_rgba_05;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: @fg_accent_rgba_05;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: @fg_accent_rgba_07;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: @fg_accent_rgba_03;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: @fg_accent_rgba_07;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: @fg_accent_rgba_03;
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px @fg_accent_rgba_02;
+ background-color: @accent;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 4px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+headerbar {
+ min-height: 40px;
+ padding: 0 4px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+headerbar separator.titlebutton {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ background-color: @inactive_rgba_02;
+}
+
+headerbar switch {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .documents-entry-tag,
+headerbar .photos-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+/**
+ * Pathbars
+ */
+.caja-pathbar button,
+.path-bar.linked:not(.vertical)>button {
+ padding-left: 4px;
+ padding-right: 4px;
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 0%, transparent 0%) 0 0 0/0 0 0;
+ border-radius: 2px;
+ color: @fg_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.caja-pathbar button:drop(active),
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical)>button:drop(active),
+.path-bar.linked:not(.vertical)>button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical)>button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical)>button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical)>button:disabled {
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical)>button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 100%, transparent 0%) 0 0 2/0 0 2px;
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.caja-pathbar button:checked:drop(active),
+.caja-pathbar button:checked:hover,
+.path-bar.linked:not(.vertical)>button:checked:drop(active),
+.path-bar.linked:not(.vertical)>button:checked:hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.caja-pathbar button:checked:focus,
+.path-bar.linked:not(.vertical)>button:checked:focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.caja-pathbar button:checked:active,
+.path-bar.linked:not(.vertical)>button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical)>button:checked:disabled {
+ background-color: transparent;
+ color: @fg_rgba_05;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical)>button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical)>button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical)>button.text-button {
+ min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical)>button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**
+ * Tree Views
+ */
+treeview.view {
+ border-left-color: @fg_rgba_03;
+ border-top-color: @fg_rgba_02;
+}
+
+* {
+ -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:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 5px;
+ color: @fg_rgba_02;
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: rgba(158, 158, 158, 0.08);
+}
+
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: @fg_rgba_07;
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: @fg;
+}
+
+treeview.view.expander:disabled {
+ color: @fg_rgba_03;
+}
+
+treeview.view.progressbar {
+ border-bottom: 4px solid @accent;
+ background-color: transparent;
+}
+
+treeview.view.progressbar:selected:hover {
+ background-color: transparent;
+}
+
+treeview.view.trough {
+ border-bottom: 4px solid @fg_rgba_02;
+ background-color: transparent;
+}
+
+treeview.view.trough:selected:hover {
+ background-color: transparent;
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+ border-radius: 0;
+ background-clip: padding-box;
+ color: @fg_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view header button:drop(active),
+treeview.view header button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+treeview.view header button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+treeview.view header button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+treeview.view header button:drop(active):not(:active),
+treeview.view header button:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+treeview.view header button:disabled {
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+ border-radius: 0;
+ box-shadow: none;
+ background-clip: padding-box;
+ background-color: #141416;
+ color: @accent;
+}
+
+treeview.view acceleditor>label {
+ background-color: @accent;
+}
+
+/**
+ * Menus
+ */
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #09090a;
+ color: @inactive;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+}
+
+.csd menubar,
+.csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar>menuitem,
+.menubar>menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: @inactive_rgba_07;
+}
+
+menubar>menuitem:hover,
+.menubar>menuitem:hover {
+ transition: none;
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive;
+}
+
+menubar>menuitem:disabled,
+.menubar>menuitem:disabled {
+ color: @inactive_rgba_03;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 4px 0;
+ padding: 4px 0;
+ border: 1px solid @fg_rgba_02;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: @fg;
+ font: initial;
+ text-shadow: none;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+ border: none;
+ border-radius: 2px;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ transition: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: @fg_rgba_05;
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+ color: @fg_rgba_07;
+}
+
+menu menuitem arrow:disabled,
+.menu menuitem arrow:disabled,
+.context-menu menuitem arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+ margin-right: 8px;
+}
+
+menu>arrow,
+.menu>arrow,
+.context-menu>arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #141416;
+ color: @fg_rgba_07;
+}
+
+menu>arrow.top,
+.menu>arrow.top,
+.context-menu>arrow.top {
+ margin-top: -4px;
+ border-bottom: 1px solid @fg_rgba_02;
+ border-radius: 2px 2px 0 0;
+ -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 @fg_rgba_02;
+ border-radius: 0 0 2px 2px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu>arrow:hover,
+.menu>arrow:hover,
+.context-menu>arrow:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+menu>arrow:disabled,
+.menu>arrow:disabled,
+.context-menu>arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+menuitem accelerator {
+ color: @fg_rgba_07;
+}
+
+menuitem:disabled accelerator {
+ color: @fg_rgba_03;
+}
+
+/**
+ * Popovers
+ */
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+}
+
+popover.background:backdrop {
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+popover.background,
+.csd popover.background {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) @bg_accent_rgba_03;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+
+popover.background>stack {
+ margin: -4px;
+}
+
+popover.background>toolbar {
+ margin: -2px;
+}
+
+popover.background>list,
+popover.background>.view,
+popover.background>toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 2px;
+}
+
+popover.background separator {
+ margin: 4px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/**
+ * Notebooks
+ */
+notebook:focus>header>tabs>tab:checked {
+ background-color: @accent_rgba_011;
+}
+
+notebook>header.top {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+}
+
+notebook>header.top>tabs>tab {
+ box-shadow: inset 0 -2px transparent;
+}
+
+notebook>header.top>tabs>tab:checked {
+ box-shadow: inset 0 -2px @accent;
+}
+
+notebook>header.bottom {
+ box-shadow: inset 0 1px @fg_rgba_02;
+}
+
+notebook>header.bottom>tabs>tab {
+ box-shadow: inset 0 2px transparent;
+}
+
+notebook>header.bottom>tabs>tab:checked {
+ box-shadow: inset 0 2px @accent;
+}
+
+notebook>header.left {
+ box-shadow: inset -1px 0 @fg_rgba_02;
+}
+
+notebook>header.left>tabs>tab {
+ box-shadow: inset -2px 0 transparent;
+}
+
+notebook>header.left>tabs>tab:checked {
+ box-shadow: inset -2px 0 @accent;
+}
+
+notebook>header.right {
+ box-shadow: inset 1px 0 @fg_rgba_02;
+}
+
+notebook>header.right>tabs>tab {
+ box-shadow: inset 2px 0 transparent;
+}
+
+notebook>header.right>tabs>tab:checked {
+ box-shadow: inset 2px 0 @accent;
+}
+
+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.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;
+ padding: 4px;
+ border-radius: 0;
+ color: @fg_rgba_07;
+}
+
+notebook>header>tabs>arrow:drop(active),
+notebook>header>tabs>arrow:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>arrow:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>arrow:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+notebook>header>tabs>arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+notebook>header>tabs>tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 16px;
+ outline: none;
+ background-image: radial-gradient(circle, @accent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+notebook>header>tabs>tab:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>tab:disabled {
+ color: @fg_rgba_03;
+}
+
+notebook>header>tabs>tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: @accent;
+}
+
+notebook>header>tabs>tab:checked:disabled {
+ color: @fg_rgba_05;
+}
+
+notebook>header>tabs>tab:checked.dnd {
+ background-color: @accent_rgba_011;
+}
+
+notebook>header>tabs>tab>box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -4px -16px;
+ padding: 4px 16px;
+}
+
+notebook>header>tabs>tab>box:drop(active) {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>tab button.flat:last-child {
+ margin-left: 4px;
+ margin-right: -12px;
+}
+
+notebook>header>tabs>tab button.flat:first-child {
+ margin-left: -12px;
+ margin-right: 4px;
+}
+
+/**
+ * Scrollbars
+ */
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-clip: padding-box;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+scrollbar.bottom {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+scrollbar.left {
+ border-right: 1px solid @fg_rgba_02;
+}
+
+scrollbar.right {
+ border-left: 1px solid @fg_rgba_02;
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: @fg_rgba_05;
+}
+
+scrollbar slider:hover {
+ background-color: @fg_rgba_06;
+}
+
+scrollbar slider:active {
+ background-color: @fg_rgba_07;
+}
+
+scrollbar slider:disabled {
+ background-color: @fg_rgba_03;
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid @bg_rgba_05;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid @bg_rgba_05;
+ border-radius: 9999px;
+ background-color: @fg_rgba_05;
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: @fg_rgba_03;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: #141416;
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**
+ * Switch
+ */
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 4px 0;
+ padding: 0 2px;
+ border: 5px solid transparent;
+ border-radius: 9999px;
+ background-color: @fg_rgba_03;
+ background-clip: padding-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: @accent_rgba_05;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: -3px -2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #141416;
+}
+
+switch:hover slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+switch:focus slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+switch:checked slider {
+ background-color: @accent;
+}
+
+switch:checked:hover slider {
+ box-shadow: 0 0 0 10px @accent_rgba_011, 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+switch:checked:focus slider {
+ box-shadow: 0 0 0 10px @accent_rgba_011, 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+/**
+ * Check and Radio items
+ */
+.view.content-view.check:not(list),
+.content-view:not(list) check {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-image: none;
+ -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px @bg_accent_rgba_015;
+}
+
+.view.content-view.check:not(list):hover,
+.view.content-view.check:not(list):active,
+.content-view:not(list) check:hover,
+.content-view:not(list) check:active {
+ -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px @bg_accent_rgba_015;
+}
+
+.view.content-view.check:not(list),
+.content-view:not(list) check {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view:not(list) check:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+ border-radius: 9999px;
+ color: @fg_rgba_07;
+}
+
+check:drop(active),
+check:hover,
+radio:drop(active),
+radio:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:focus,
+radio:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:active,
+radio:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: @accent;
+}
+
+check:checked:drop(active),
+check:checked:hover,
+check:indeterminate:drop(active),
+check:indeterminate:hover,
+radio:checked:drop(active),
+radio:checked:hover,
+radio:indeterminate:drop(active),
+radio:indeterminate:hover {
+ background-color: @accent_rgba_011;
+}
+
+check:checked:focus,
+check:indeterminate:focus,
+radio:checked:focus,
+radio:indeterminate:focus {
+ background-color: @accent_rgba_011;
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+check:disabled,
+radio:disabled {
+ color: @fg_rgba_03;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+ transition: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -12px;
+ margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: -4px;
+ margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+ margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+ margin-left: 8px;
+}
+
+menu menuitem check:hover,
+menu menuitem check:focus,
+menu menuitem check:checked:hover,
+menu menuitem check:checked:focus,
+menu menuitem check:indeterminate:hover,
+menu menuitem check:indeterminate:focus,
+menu menuitem radio:hover,
+menu menuitem radio:focus,
+menu menuitem radio:checked:hover,
+menu menuitem radio:checked:focus,
+menu menuitem radio:indeterminate:hover,
+menu menuitem radio:indeterminate:focus {
+ background-color: transparent;
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
+ border-image-slice: 20;
+ border-image-width: 20px;
+ border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@accent), to(transparent));
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
+}
+
+radio:checked:not(:indeterminate) {
+ border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(@accent), to(transparent));
+}
+
+radio:checked:not(:indeterminate):disabled {
+ border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(@fg_rgba_03), to(transparent));
+}
+
+#MozillaGtkWidget>widget>checkbutton>check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 2px;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>radiobutton>radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>radiobutton>radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>radiobutton>radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: @fg_rgba_07;
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: @accent;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: @fg_rgba_03;
+}
+
+treeview.view check,
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view check:selected:hover,
+treeview.view radio,
+treeview.view radio:hover,
+treeview.view radio:selected,
+treeview.view radio:selected:hover {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
+ border-image: none;
+}
+
+/**
+ * GtkScale
+ */
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 15px 12px;
+}
+
+scale.vertical {
+ padding: 12px 15px;
+}
+
+scale slider {
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 14px;
+ padding-right: 14px;
+}
+
+scale.fine-tune slider {
+ margin: -14px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: @fg_rgba_03;
+}
+
+scale trough:disabled {
+ background-color: @fg_rgba_02;
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(@accent);
+}
+
+scale highlight:disabled {
+ background-color: @bg;
+ background-image: image(@fg_rgba_03);
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: @fg_rgba_03;
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: auto, 1000% 1000%;
+ border-radius: 50%;
+ color: @accent;
+}
+
+scale slider {
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale slider:hover {
+ background-color: @accent_rgba_011;
+}
+
+scale slider:focus {
+ background-color: @accent_rgba_011;
+}
+
+scale slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+ background-size: auto, 0% 0%;
+}
+
+scale marks,
+scale value {
+ color: @fg_rgba_07;
+}
+
+scale indicator {
+ background-color: @fg_rgba_03;
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -24px;
+ margin-top: 8px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -24px;
+ margin-right: 8px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -24px;
+ margin-left: 8px;
+}
+
+/**
+ * Progress bars
+ */
+progressbar {
+ color: @fg_rgba_07;
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 4px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 4px;
+}
+
+progressbar trough {
+ background-color: @fg_rgba_02;
+}
+
+progressbar progress {
+ background-color: @accent;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/**
+ * Level Bar
+ */
+levelbar.horizontal block {
+ min-height: 4px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 32px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 4px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 32px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar block.low {
+ background-color: #ffeb3b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: @accent;
+}
+
+levelbar block.full {
+ background-color: #00e676;
+}
+
+levelbar block.empty {
+ background-color: @fg_rgba_02;
+}
+
+/**
+ * Print dialog
+ */
+printdialog paper {
+ padding: 0;
+ border: 1px solid @fg_rgba_02;
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+ color: @fg;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**
+ * Frames
+ */
+frame>border,
+.frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid @fg_rgba_02;
+ border-radius: 0;
+ box-shadow: none;
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+}
+
+frame>border.flat,
+.frame.flat {
+ border-style: none;
+ background-color: transparent;
+}
+
+frame.flat>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+actionbar>revealer>box {
+ padding: 4px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+actionbar>revealer>box .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+scrolledwindow viewport.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(@accent_rgba_02), to(transparent));
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(@accent_rgba_02), to(transparent));
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(@accent_rgba_02), to(transparent));
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(@accent_rgba_02), to(transparent));
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: @fg_rgba_02;
+}
+
+.tweak-categories separator,
+preferences stacksidebar.sidebar list separator,
+stacksidebar.sidebar+separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/**
+ * Lists
+ */
+list {
+ border-color: @fg_rgba_02;
+}
+
+list row {
+ padding: 2px;
+}
+
+row {
+ background-clip: padding-box;
+}
+
+row.activatable:drop(active),
+row.activatable:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+row.activatable:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+row.activatable:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+row.activatable:drop(active):not(:active),
+row.activatable:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+row.activatable.has-open-popup {
+ background-color: rgba(158, 158, 158, 0.12);
+}
+
+row:selected {
+ background-color: @accent_rgba_03;
+}
+
+row:selected:drop(active),
+row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+row:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+row:selected.has-open-popup {
+ background-color: rgba(56, 125, 183, 0.4288);
+}
+
+/**
+ * App Notifications
+ */
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.app-notification button.text-button:not(:disabled):drop(active),
+.app-notification button.text-button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.app-notification button.text-button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.app-notification button.text-button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+.app-notification.frame {
+ border-style: none;
+}
+
+.app-notification border {
+ border-style: none;
+ background-color: transparent;
+}
+
+/**
+ * Expanders
+ */
+expander title>arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: @fg_rgba_07;
+}
+
+expander title>arrow:checked:dir(ltr) {
+ -gtk-icon-transform: rotate(-180deg);
+}
+
+expander title>arrow:checked:dir(rtl) {
+ -gtk-icon-transform: rotate(180deg);
+}
+
+expander title>arrow:hover,
+expander title>arrow:active {
+ color: @fg;
+}
+
+expander title>arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+/**
+ * Calendar
+ */
+calendar {
+ padding: 1px;
+ border: 1px solid @fg_rgba_02;
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+ color: @fg;
+}
+
+calendar:disabled {
+ color: @fg_rgba_05;
+}
+
+calendar:selected {
+ border-radius: 3px;
+ background-color: @accent_rgba_03;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: @fg_rgba_02;
+ border-radius: 0;
+}
+
+calendar.button {
+ border-radius: 3px;
+ color: @fg_rgba_07;
+}
+
+calendar.button:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+calendar.button:disabled {
+ color: @fg_rgba_03;
+}
+
+calendar.highlight {
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: @fg_rgba_03;
+}
+
+/**
+ * Dialogs
+ */
+messagedialog.background {
+ background-color: #141416;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: @fg;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #141416;
+ color: @fg_rgba_07;
+}
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+messagedialog box.vertical>label+label {
+ color: @fg_rgba_07;
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -4px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child) {
+ margin-right: 4px;
+}
+
+messagedialog .dialog-action-box button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+messagedialog .dialog-action-box button:not(:disabled):drop(active),
+messagedialog .dialog-action-box button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+messagedialog .dialog-action-box button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+messagedialog .dialog-action-box button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled) {
+ color: #f44336;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):drop(active),
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 0%);
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+filechooser #pathbarbox>stack>box>button {
+ border-radius: 9999px;
+}
+
+/**
+ * Sidebar
+ */
+.sidebar {
+ border-style: none;
+ background-color: transparent;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar:not(separator).left,
+.sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid @fg_rgba_02;
+ 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 @fg_rgba_02;
+ border-right-style: none;
+}
+
+paned .sidebar,
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr) {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 4px;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 2px;
+ border-radius: 2px;
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected {
+ color: @accent;
+ background-color: @accent_rgba_015;
+}
+
+stacksidebar.sidebar row:selected:drop(active),
+stacksidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2272);
+}
+
+stacksidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+stacksidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+stacksidebar.sidebar row+row {
+ margin-top: 4px;
+}
+
+stacksidebar.sidebar row>label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+separator.sidebar {
+ background-color: @fg_rgba_02;
+}
+
+/**
+ * File chooser
+ */
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: @fg_rgba_07;
+}
+
+row image.sidebar-icon:disabled {
+ color: @fg_rgba_03;
+}
+
+placessidebar.sidebar>viewport.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+placessidebar.sidebar list {
+ padding: 1px 0 4px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: -1px 4px;
+ padding: 0;
+ border-radius: 2px;
+}
+
+placessidebar.sidebar row>revealer {
+ padding: 0 8px;
+}
+
+placessidebar.sidebar row:selected {
+ color: @accent;
+ font-weight: 500;
+ background-color: @accent_rgba_015;
+}
+
+placessidebar.sidebar row:selected:drop(active),
+placessidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2272);
+}
+
+placessidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+placessidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+placessidebar.sidebar row:selected image.sidebar-icon {
+ color: @accent;
+}
+
+placessidebar.sidebar row:disabled {
+ color: @fg_rgba_05;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: @accent;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: @accent;
+}
+
+placesview .server-list-button>image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview .server-list-button:checked>image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+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(@fg_rgba_02);
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned>separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-image: image(@fg_rgba_02), image(@fg_rgba_02);
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal>separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal>separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal>separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal>separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical>separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical>separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**
+ * GtkInfoBar
+ */
+infobar {
+ border-style: none;
+}
+
+infobar.action:hover>revealer>box {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+infobar.info>revealer>box,
+infobar.question>revealer>box {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled),
+infobar.question>revealer>box button.text-button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.info>revealer>box button.text-button:not(:disabled):hover,
+infobar.question>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.question>revealer>box button.text-button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):focus,
+infobar.question>revealer>box button.text-button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):active,
+infobar.question>revealer>box button.text-button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+infobar.warning>revealer>box {
+ background-color: #ffeb3b;
+ color: @bg_accent;
+}
+
+infobar.warning>revealer>box button.flat {
+ color: @bg_accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+infobar.warning>revealer>box button.flat:drop(active),
+infobar.warning>revealer>box button.flat:hover {
+ box-shadow: none;
+ background-color: @bg_accent_rgba_01;
+}
+
+infobar.warning>revealer>box button.flat:focus {
+ box-shadow: none;
+ background-color: @bg_accent_rgba_01;
+}
+
+infobar.warning>revealer>box button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @bg_accent_rgba_015 10%, transparent 0%);
+}
+
+infobar.warning>revealer>box *:link {
+ color: @bg_accent;
+}
+
+infobar.error>revealer>box {
+ background-color: #f44336;
+ color: @fg_accent;
+}
+
+infobar.error>revealer>box button.flat {
+ color: @fg_accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+infobar.error>revealer>box button.flat:drop(active),
+infobar.error>revealer>box button.flat:hover {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+infobar.error>revealer>box *:link {
+ color: @fg_accent;
+}
+
+infobar button label {
+ margin: 0 -4px;
+}
+
+/**
+ * Tooltips
+ */
+tooltip {
+ border-radius: 2px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: @bg_inactive;
+ color: @inactive;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip>box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+tooltip .dim-label {
+ color: @inactive_rgba_07;
+}
+
+/**
+ * Color Chooser
+ */
+colorswatch.top {
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 2.5px;
+ border-bottom-right-radius: 2.5px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 2.5px;
+ border-bottom-left-radius: 2.5px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 2.5px;
+ border-bottom-right-radius: 2.5px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.dark {
+ color: @fg_accent;
+}
+
+colorswatch.light {
+ color: @bg_accent;
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorswatch overlay:drop(active),
+colorswatch overlay:hover {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 @bg_accent_rgba_015;
+}
+
+colorswatch#add-color-button {
+ border-radius: 2px 2px 0 0;
+ color: @fg;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 2px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: #141416;
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 2.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 2px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px @bg_accent_rgba_03, 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+/**
+ * Misc
+ */
+/**
+ * Window Decorations
+ */
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px @bg_accent_rgba_015, 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
+ margin: 8px;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015, 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+}
+
+.ssd decoration {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+.csd.popup decoration {
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+}
+
+tooltip.csd decoration {
+ border-radius: 2px;
+ box-shadow: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 2px;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: @bg_accent000;
+}
+
+button.titlebutton {
+ border-radius: 9999px;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**
+ * Touch Copy & Paste
+ */
+cursor-handle {
+ color: @accent;
+ -gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 28px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border-radius: 2px;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #141416;
+ color: @fg;
+ font-size: smaller;
+}
+
+shortcut:last-child {
+ margin-bottom: 4px;
+}
+
+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
+ */
+/**
+ * Emoji
+ */
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid @fg_rgba_02;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+/**
+ * libhandy
+ */
+popover.combo {
+ padding: 8px 0;
+}
+
+popover.combo list {
+ border-style: none;
+ background-color: transparent;
+}
+
+popover.combo list>row {
+ min-height: 32px;
+ padding: 0 12px;
+}
+
+keypad .digit {
+ font-size: 200%;
+ font-weight: bold;
+}
+
+keypad .letters {
+ font-size: 70%;
+}
+
+keypad .symbol {
+ font-size: 160%;
+}
+
+viewswitcher button {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+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: 8px;
+}
+
+viewswitcher button>stack>box.wide label:dir(rtl) {
+ padding-left: 8px;
+}
+
+list.content {
+ border: 1px solid @fg_rgba_02;
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+}
+
+list.content>row:not(:first-child) {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) headerbar {
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right)>decoration-overlay {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right),
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right)>decoration,
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right)>decoration-overlay {
+ border-radius: 2px;
+}
+
+/**
+ * Nautilus
+ */
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: @fg_rgba_07;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: rgba(128, 134, 139, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.linked:not(.vertical)>button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
+ border-radius: 9999px;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 4px 0;
+ border-radius: 2px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(128, 134, 139, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(128, 134, 139, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ border-style: solid solid none;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+ border-radius: 3px 3px 0 0;
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.nautilus-window .floating-bar.bottom.left {
+ margin-right: 7px;
+ border-left-style: none;
+ border-top-left-radius: 0;
+}
+
+.nautilus-window .floating-bar.bottom.right {
+ margin-left: 7px;
+ border-right-style: none;
+ border-top-right-radius: 0;
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+}
+
+.disk-space-display.unknown {
+ background-color: @fg_rgba_03;
+ color: @fg_rgba_03;
+}
+
+.disk-space-display.used {
+ background-color: @accent;
+ color: @accent;
+}
+
+.disk-space-display.free {
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.08);
+}
+
+.nautilus-empty-state-icon+.large-title {
+ color: @fg_rgba_07;
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #5f5a27;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window flowboxchild:selected .icon-item-background {
+ background-color: @accent_rgba_03;
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>box.horizontal:last-child>label {
+ margin: 0 8px;
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>box.horizontal:last-child>box>button {
+ border-radius: 0;
+}
+
+.nautilus-window>popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window>popover.menu:not(:last-child)>stack>box>box>box {
+ margin-top: -6px;
+}
+
+.nautilus-window>popover.menu:not(:last-child)>stack>box>box>box>box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window>popover.menu:not(:last-child)>stack>box>box>box>box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window>popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: @fg_rgba_07;
+}
+
+.nautilus-window headerbar revealer>button {
+ border-radius: 9999px;
+}
+
+.nautilus-window paned>separator {
+ background-color: @bg;
+}
+
+/**
+ * gedit
+ */
+.open-document-selector-path-label {
+ color: @fg_rgba_07;
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #ffeb3b;
+ color: @bg_accent;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.gedit-search-slider {
+ margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry {
+ border-radius: 2px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: @fg_rgba_07;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(ltr) {
+ margin-right: -60px;
+ padding-right: 60px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 4px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(rtl) {
+ margin-left: -60px;
+ padding-left: 60px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 4px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:not(.error) {
+ background-color: #141416;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button {
+ color: @fg_accent_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:drop(active),
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:hover {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:disabled {
+ color: @fg_accent_rgba_03;
+}
+
+.gedit-search-slider .linked:not(.vertical)>button {
+ border: solid 4px transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+}
+
+.gedit-search-slider .linked:not(.vertical)>button:last-child:dir(ltr),
+.gedit-search-slider .linked:not(.vertical)>button:not(:first-child):dir(rtl) {
+ margin-left: -2px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>button:first-child:dir(rtl),
+.gedit-search-slider .linked:not(.vertical)>button:not(:last-child):dir(ltr) {
+ margin-right: -2px;
+}
+
+frame.gedit-map-frame>border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame>border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**
+ * Tweaks
+ */
+.tweak-categories {
+ background-image: image(@bg);
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#1a1c1e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#1a1c1e);
+}
+
+.tweak-group-startup {
+ border: 1px solid @fg_rgba_02;
+ background-clip: padding-box;
+ background-image: image(#1a1c1e);
+}
+
+row#Focus,
+row#ClickMethod,
+row#StaticWorkspaceTweak,
+row#dynamic-workspaces,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ padding: 0;
+ border: 1px solid @fg_rgba_02;
+ background-clip: padding-box;
+ background-image: image(#1a1c1e);
+}
+
+row#Focus row:not(:last-child),
+row#ClickMethod row:not(:last-child),
+row#StaticWorkspaceTweak row:not(:last-child),
+row#dynamic-workspaces row:not(:last-child),
+row#PrimaryWorkspaceTweak row:not(:last-child),
+row#workspaces-only-on-primary row:not(:last-child) {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+row#Focus.tweak>list,
+row#ClickMethod.tweak>list,
+row#StaticWorkspaceTweak.tweak>list,
+row#dynamic-workspaces.tweak>list,
+row#PrimaryWorkspaceTweak.tweak>list,
+row#workspaces-only-on-primary.tweak>list {
+ margin-top: -3px;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar>.titlebar.tweak-titlebar-left,
+leaflet.titlebar>.titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar>.titlebar.tweak-titlebar-left+separator,
+leaflet.titlebar>.titlebar.tweak-titlebar-right+separator,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-left+separator,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-right+separator {
+ background-color: inherit;
+ background-image: image(@inactive_rgba_02);
+}
+
+/**
+ * Builder
+ */
+layouttabbar {
+ border-bottom: 1px solid @fg_rgba_02;
+ background-color: @bg;
+}
+
+layouttabbar>box>button {
+ margin: 4px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+ box-shadow: inset 0 -2px @accent;
+ background-color: #1a1c1e;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button,
+layouttab button.text-button,
+layouttab button.image-button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid @fg_rgba_02;
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #f44336;
+ color: @fg_accent;
+}
+
+window.workbench treeview.image {
+ color: @fg_rgba_07;
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 2px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 2px;
+}
+
+omnibar entry {
+ color: @fg_rgba_07;
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid @fg_rgba_02;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list,
+preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences>box>box:dir(ltr) {
+ border-right: 1px solid @fg_rgba_02;
+}
+
+preferences>box>box:dir(rtl) {
+ border-left: 1px solid @fg_rgba_02;
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid @fg_rgba_02;
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 2px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 2px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+popover.transfers list row>box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid @fg_rgba_02;
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid @fg_rgba_02;
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid @fg_rgba_02;
+ background-color: @bg;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid @fg_rgba_02;
+ background-color: @bg;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 4px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, @accent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px @accent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: @fg;
+}
+
+dockoverlayedge {
+ background-color: @bg;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 @accent;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 @accent;
+}
+
+pillbox {
+ background-color: @bg;
+ border-radius: 2px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid @fg_rgba_02;
+ box-shadow: none;
+ background-color: #1a1c1e;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.dzlmenubutton image {
+ min-width: 26px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 23px;
+}
+
+button.dzlmenubuttonitem {
+ color: @fg;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: @fg_rgba_05;
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+idelayoutstackheader button:checked {
+ color: @fg;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher {
+ padding: 8px 0;
+ background-color: @bg;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher:dir(ltr) {
+ border-right: 1px solid @fg_rgba_02;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher:dir(rtl) {
+ border-left: 1px solid @fg_rgba_02;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:checked {
+ background-color: transparent;
+ color: @fg;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 @accent;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 @accent;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid @fg_rgba_02;
+ background-clip: padding-box;
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+dzlsuggestionpopover>revealer>box>elastic>scrolledwindow>viewport>list>row:selected {
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+#titlebar_container .suggestionbutton button {
+ padding: 0;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 9999px #09090a;
+}
+
+#titlebar_container .suggestionbutton button:backdrop {
+ box-shadow: inset 0 0 0 9999px @bg_accent000;
+}
+
+#titlebar_container .suggestionbutton button image {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 32px;
+ min-height: 32px;
+ border-radius: 9999px;
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+#titlebar_container .suggestionbutton button:hover image {
+ box-shadow: inset 0 0 0 9999px rgba(128, 134, 139, 0.08);
+}
+
+#titlebar_container .suggestionbutton button:focus image {
+ box-shadow: inset 0 0 0 9999px rgba(128, 134, 139, 0.08);
+}
+
+#titlebar_container .suggestionbutton button:active image {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+/**
+ * Photos
+ */
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-color: @accent;
+ color: @fg_accent;
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.documents-scrolledwin.frame frame.content-view>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: @fg;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: @accent_rgba_03;
+ color: @fg;
+}
+
+button.photos-filter-preview:checked image {
+ color: @fg_accent;
+ -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px @bg_accent_rgba_015;
+}
+
+overlay grid.horizontal>revealer>scrolledwindow.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+overlay grid.horizontal>revealer>scrolledwindow.frame:dir(ltr) {
+ border-left-style: solid;
+}
+
+overlay grid.horizontal>revealer>scrolledwindow.frame:dir(rtl) {
+ border-right-style: solid;
+}
+
+/**
+ * Music
+ */
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: @fg_rgba_02;
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: @fg_rgba_02;
+}
+
+.side-panel .view {
+ background-image: image(@bg);
+}
+
+.side-panel .view:hover {
+ background-image: image(#1a1b1c);
+}
+
+.side-panel .view:selected {
+ background-image: image(@accent);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(@accent_gradient_inverse_2);
+}
+
+.songs-list:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown>border {
+ border: none;
+}
+
+box.vertical>revealer>toolbar.search-bar {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+box.vertical>revealer>toolbar.search-bar button>widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/**
+ * Terminal
+ */
+terminal-window notebook>header>box {
+ margin: -2px;
+}
+
+terminal-window notebook>header>box button {
+ border-radius: 0;
+}
+
+/**
+ * To Do
+ */
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view>box>revealer>box>button {
+ margin: -4px;
+}
+
+task-list-view>box>revealer>box>button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview>box>revealer>box>button {
+ margin: -4px;
+}
+
+tasklistview>box>revealer>box>button .dim-label {
+ color: inherit;
+}
+
+/**
+ * eog
+ */
+#eog-thumb-nav scrolledwindow.frame {
+ border-top: none;
+}
+
+/**
+ * Evolution
+ */
+frame.taskbar>border {
+ border-style: solid none none;
+}
+
+box.vertical>paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/**
+ * gitg
+ */
+frame.commit-frame>border {
+ border-style: solid none none;
+}
+
+/**
+ * Characters
+ */
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid @fg_rgba_02;
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+}
+
+list.categories {
+ background-image: image(@bg);
+}
+
+/**
+ * Boxes
+ */
+.transparent-bg+stack overlay>label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 2px;
+ background-color: @bg_accent_rgba_06;
+ color: @fg_accent;
+}
+
+/**
+ * Evince
+ */
+evview.content-view.view:selected {
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+/**
+ * Polari
+ */
+.polari-room-list row:selected {
+ background-color: @accent_rgba_05;
+}
+
+/**
+ * Fractal
+ */
+button.osd.scroll_button {
+ margin: 4px;
+}
+
+/**
+ * Mines
+ */
+grid.minefield>button.tile {
+ border-style: solid;
+}
+
+/**
+ * Tilix
+ */
+overlay>revealer.left>scrolledwindow.frame,
+overlay>revealer.right>scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px @bg_accent_rgba_015;
+}
+
+overlay>revealer.left>scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay>revealer.right>scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#141416);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 28px;
+}
+
+notebook.tilix-background tab>box>stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**
+ * Terminator
+ */
+.terminator-terminal-window paned>separator {
+ background-color: @bg;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+/**
+ * Ubitquity
+ */
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: @inactive_rgba_02;
+}
+
+/**
+ * Eclipse
+ */
+window.background>box.vertical>scrolledwindow>widget toolbar {
+ padding: 2px;
+}
+
+window.background>box.vertical>scrolledwindow>widget toolbar separator,
+window.background>box.vertical>scrolledwindow>widget toolbar button {
+ margin: 2px;
+}
+
+window.background>box.vertical>scrolledwindow>widget toolbar button {
+ border-radius: 2px;
+}
+
+/**
+ * FileZilla
+ */
+window.background>box.vertical>widget>widget>widget>widget>widget>widget>widget>scrolledwindow>widget>entry {
+ all: unset;
+ padding: 5px;
+ box-shadow: inset 0 0 0 1px @accent_rgba_03;
+ background-color: #1a1c1e;
+}
+
+window.background>box.vertical>widget>widget>widget>widget>widget>widget>widget>scrolledwindow>widget>widget>entry {
+ all: unset;
+ padding: 0 3px 1px;
+ box-shadow: inset 0 0 0 1px @accent_rgba_03;
+ background-color: #1a1c1e;
+}
+
+/**
+ * Chromium
+ */
+window.background.chromium {
+ background-color: #141416;
+}
+
+window.background.chromium entry,
+window.background.chromium>button {
+ border: 1px solid @fg_rgba_03;
+}
+
+window.background.chromium>button {
+ color: @accent;
+}
+
+window.background.chromium>button:disabled {
+ color: @fg_rgba_03;
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: @inactive_rgba_07;
+}
+
+window.background.chromium headerbar button:active {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid @fg_rgba_03;
+ background-color: #1a1c1e;
+}
+
+tooltip.background.chromium {
+ background-color: #09090a;
+}
+
+/**
+ * Firefox
+ */
+#MozillaGtkWidget>widget text {
+ background-color: #141416;
+}
+
+#MozillaGtkWidget>widget text:selected {
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+#MozillaGtkWidget>widget>separator {
+ color: @fg_rgba_02;
+}
+
+#MozillaGtkWidget>widget>frame>border {
+ border-color: #3a3b3b;
+}
+
+#MozillaGtkWidget>widget>entry,
+#MozillaGtkWidget>widget>button>button {
+ border: 1px solid @fg_rgba_03;
+ border-radius: 2px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget>widget>entry:disabled,
+#MozillaGtkWidget>widget>button>button:disabled {
+ border-color: @fg_rgba_02;
+}
+
+#MozillaGtkWidget>widget>entry {
+ min-height: 30px;
+ background-color: #1a1c1e;
+}
+
+#MozillaGtkWidget>widget>entry:focus {
+ border-color: @accent;
+ box-shadow: inset 0 0 0 1px @accent;
+}
+
+#MozillaGtkWidget>widget>entry:disabled {
+ background-color: #1a1c1e;
+}
+
+#MozillaGtkWidget>widget>button>button {
+ padding: 4px 8px;
+}
+
+#MozillaGtkWidget>widget>button>button:active {
+ background-size: 1000% 1000%;
+}
+
+#MozillaGtkWidget>widget>checkbutton>check,
+#MozillaGtkWidget>widget>radiobutton>radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget>widget>radiobutton>radio:not(:checked):not(:indeterminate) {
+ color: #757575;
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget>widget>radiobutton>radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(117, 117, 117, 0.5);
+}
+
+#MozillaGtkWidget menuitem label:disabled {
+ color: @fg_rgba_05;
+}
+
+#MozillaGtkWidget>widget>menubar {
+ color: @inactive_rgba_07;
+}
+
+#MozillaGtkWidget>widget>menubar:hover {
+ color: @inactive;
+}
+
+#MozillaGtkWidget>widget>menubar:disabled {
+ color: @inactive_rgba_03;
+}
+
+#MozillaGtkWidget>widget>frame {
+ color: @fg_rgba_03;
+}
+
+#MozillaGtkWidget menu>separator {
+ color: @fg_rgba_02;
+}
+
+/**
+ * Inkscape
+ */
+#ToolboxCommon>#AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon>#AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon>#AuxToolbox spinbutton,
+#ToolboxCommon>#AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon>#AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+ border-radius: 2px;
+}
+
+#ToolboxCommon>#AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon>toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon>toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 2px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid @fg_rgba_02;
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid @fg_rgba_02;
+}
+
+#Canvas_and_Dock frame>border {
+ border: none;
+ background-color: transparent;
+}
+
+#Canvas_and_Dock widget>widget>button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget>widget>box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal>box.vertical>button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+/**
+ * Synapse
+ */
+box.vertical>widget>widget:selected {
+ background-color: @accent_rgba_03;
+}
+
+/**
+ * Unity
+ */
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: @accent;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 2px 2px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+ color: @inactive;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+}
+
+UnityDecoration .menuitem {
+ border-radius: 2px 2px 0 0;
+ box-shadow: none;
+ color: @inactive_rgba_07;
+}
+
+UnityDecoration .menuitem:hover {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px @bg_accent_rgba_03, 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: @bg_accent000;
+ color: @inactive;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: @inactive_rgba_07;
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: @inactive_rgba_07;
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: @accent;
+}
+
+/**
+ * Mate-Panel
+ */
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+ color: @inactive_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar button:drop(active),
+.mate-panel-menu-bar button:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.mate-panel-menu-bar button:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.mate-panel-menu-bar button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.mate-panel-menu-bar button:disabled {
+ background-color: transparent;
+ color: @inactive_rgba_03;
+}
+
+.mate-panel-menu-bar button:checked {
+ color: @inactive;
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.mate-panel-menu-bar button:checked:drop(active),
+.mate-panel-menu-bar button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.mate-panel-menu-bar button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.mate-panel-menu-bar button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.mate-panel-menu-bar button:checked:disabled {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive_rgba_05;
+}
+
+PanelToplevel.horizontal>grid>button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical>grid>button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: @inactive_rgba_02;
+}
+
+MatePanelAppletFrameDBus>MatePanelAppletFrameDBus {
+ background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px);
+ background-repeat: no-repeat;
+ background-size: 4px 10px;
+ color: @inactive_rgba_03;
+}
+
+MatePanelAppletFrameDBus>MatePanelAppletFrameDBus:dir(ltr) {
+ background-position: 3px;
+}
+
+MatePanelAppletFrameDBus>MatePanelAppletFrameDBus:dir(rtl) {
+ background-position: calc(100% - 3px);
+}
+
+.mate-panel-menu-bar menubar>menuitem {
+ color: @inactive_rgba_07;
+}
+
+.mate-panel-menu-bar menubar>menuitem:hover {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive;
+}
+
+.mate-panel-menu-bar menubar>menuitem:disabled {
+ color: @inactive_rgba_03;
+}
+
+.mate-panel-menu-bar.horizontal menubar>menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar>menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu>menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr),
+.mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr),
+.mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: @accent;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: @accent;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid @fg_rgba_02;
+ border-radius: 3px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+#MatePanelPopupWindow frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar+box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+#MatePanelPopupWindow expander>title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow>frame>box>box>box>widget {
+ color: @fg_rgba_02;
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid @fg_rgba_02;
+ border-radius: 3px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.mate-panel-applet-slider frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+#PanelApplet:not(:selected)>box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected>box {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive;
+}
+
+#mate-menu {
+ border: 1px solid @fg_rgba_02;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: @fg;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: rgba(158, 158, 158, 0.12);
+}
+
+#mate-menu button image,
+#mate-menu button label+label {
+ color: @fg_rgba_07;
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry+button {
+ margin: 0 4px 4px;
+ padding: 4px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid @fg_rgba_02;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry+box>box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid @fg_rgba_02;
+}
+
+.brisk-menu entry+box>box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid @fg_rgba_02;
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .session-button {
+ padding: 8px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: @fg;
+ font-weight: normal;
+}
+
+/**
+ * CAJA File manager
+ */
+.caja-navigation-window box.horizontal>button.toggle.image-button {
+ border-radius: 2px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button>widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.caja-canvas-item {
+ border-radius: 2px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 2px;
+ background-color: rgba(158, 158, 158, 0.04);
+ background-image: none;
+ color: @fg;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: @accent_rgba_03;
+}
+
+.caja-desktop.view .entry {
+ background-color: @bg_accent_rgba_03;
+ color: @fg_accent;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px @bg_accent_rgba_015;
+ caret-color: currentcolor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: @accent_rgba_03;
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.caja-notebook frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+#caja-extra-view-widget>box>box>label {
+ font-weight: bold;
+}
+
+#caja-extra-view-widget button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+#caja-extra-view-widget button:not(:disabled):drop(active),
+#caja-extra-view-widget button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+#caja-extra-view-widget button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+#caja-extra-view-widget button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+/**
+ * Pluma
+ */
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.pluma-window statusbar frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+/**
+ * Atril
+ */
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid @fg_rgba_02;
+ border-radius: 3px;
+ box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.lock-dialog frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.lock-dialog button:not(:disabled):drop(active),
+.lock-dialog button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.lock-dialog button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.lock-dialog button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 2px;
+ background-color: @bg_inactive;
+ color: @inactive;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: @inactive_rgba_02;
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: @inactive;
+}
+
+/**
+ * Budgie Desktop
+ */
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 2px;
+}
+
+.budgie-popover {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) @bg_accent_rgba_03;
+ border-radius: 3px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015;
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.budgie-popover .container {
+ padding: 2px;
+}
+
+.budgie-popover border {
+ border: none;
+ background-color: transparent;
+}
+
+.budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: @fg;
+ font-weight: normal;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+ color: @fg_rgba_05;
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid @fg_rgba_02;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button) {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active),
+.budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):checked {
+ background-color: @accent_rgba_03;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
+ background-color: transparent;
+}
+
+.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 .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 4px;
+ padding-top: 4px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover .container {
+ padding: 8px;
+}
+
+.budgie-popover.workspace-popover separator {
+ margin: 4px 0;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid @inactive_rgba_02;
+}
+
+.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 @inactive_rgba_02;
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr),
+.bottom .workspace-switcher .workspace-item:dir(ltr),
+.top .workspace-switcher .workspace-add-button:dir(ltr),
+.bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl),
+.bottom .workspace-switcher .workspace-item:dir(rtl),
+.top .workspace-switcher .workspace-add-button:dir(rtl),
+.bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item,
+.right .workspace-switcher .workspace-item,
+.left .workspace-switcher .workspace-add-button,
+.right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.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: 2px;
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: @bg_accent_rgba_06;
+ color: @fg_accent_rgba_07;
+}
+
+.budgie-panel button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+ color: @inactive_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-panel button:drop(active),
+.budgie-panel button:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.budgie-panel button:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.budgie-panel button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.budgie-panel button:disabled {
+ background-color: transparent;
+ color: @inactive_rgba_03;
+}
+
+.budgie-panel button:checked {
+ color: @inactive;
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.budgie-panel button:checked:drop(active),
+.budgie-panel button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.budgie-panel button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.budgie-panel button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.budgie-panel button:checked:disabled {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive_rgba_05;
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: @inactive_rgba_03;
+}
+
+.budgie-panel .alert {
+ color: #f44336;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: @inactive;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: @inactive_rgba_07;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: @inactive_rgba_05;
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: @inactive_rgba_03;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button,
+.top .budgie-panel button.flat.launcher,
+.budgie-panel .top button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked,
+.top .budgie-panel button.flat.launcher:checked,
+.budgie-panel .top button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button,
+.bottom .budgie-panel button.flat.launcher,
+.budgie-panel .bottom button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked,
+.bottom .budgie-panel button.flat.launcher:checked,
+.budgie-panel .bottom button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button,
+.left .budgie-panel button.flat.launcher,
+.budgie-panel .left button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked,
+.left .budgie-panel button.flat.launcher:checked,
+.budgie-panel .left button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button,
+.right .budgie-panel button.flat.launcher,
+.budgie-panel .right button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked,
+.right .budgie-panel button.flat.launcher:checked,
+.budgie-panel .right button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame>border {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px @bg_accent_rgba_015;
+}
+
+.top frame.raven-frame>border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame>border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame>border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame>border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #141416;
+}
+
+.raven>box:not(:only-child) {
+ margin-bottom: -10px;
+}
+
+.raven .raven-header {
+ min-height: 32px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.raven .raven-header.top stackswitcher.linked>button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 40px;
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 0%, transparent 0%) 0 0 0/0 0 0;
+ border-radius: 0;
+}
+
+.raven .raven-header.top stackswitcher.linked>button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 100%, transparent 0%) 0 0 2/0 0 2px;
+ background-color: transparent;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .expander-button {
+ border-radius: 9999px;
+}
+
+.raven .raven-background stackswitcher.linked>button {
+ margin: -2px 8px 9px;
+ padding: 0 12px;
+ min-height: 32px;
+ border-radius: 9999px;
+ color: @fg_rgba_07;
+ font-weight: normal;
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.raven .raven-background stackswitcher.linked>button:drop(active),
+.raven .raven-background stackswitcher.linked>button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1536);
+}
+
+.raven .raven-background stackswitcher.linked>button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1536);
+}
+
+.raven .raven-background stackswitcher.linked>button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+.raven .raven-background stackswitcher.linked>button:checked {
+ color: @accent;
+ box-shadow: none;
+ background-color: @accent_rgba_015;
+}
+
+.raven .raven-background stackswitcher.linked>button:checked:drop(active),
+.raven .raven-background stackswitcher.linked>button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.raven .raven-background stackswitcher.linked>button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.raven .raven-background stackswitcher.linked>button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+.raven .raven-background stackswitcher.linked>button:not(:first-child) {
+ margin-left: 0;
+}
+
+.raven .raven-background>overlay>widget>image {
+ color: rgba(158, 158, 158, 0.08);
+}
+
+.raven revealer>.raven-background {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.raven .raven-header+.raven-background {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.raven viewport.frame>list>row {
+ padding: 0;
+ box-shadow: none;
+ background: none;
+}
+
+.raven viewport.frame>list>row:not(:first-child) {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.raven viewport.frame>list>row>box {
+ margin-top: -5px;
+ margin-left: -5px;
+ margin-bottom: -5px;
+}
+
+.raven viewport.frame>list>row>box>box {
+ padding: 6px;
+ margin-bottom: -10px;
+}
+
+.raven viewport.frame>list>row>box>list>row {
+ padding: 8px;
+}
+
+.raven viewport.frame>list>row>box>list>row>box {
+ margin-bottom: -5px;
+}
+
+.raven viewport.frame>list>row>box>list>row>box>box>label {
+ font-weight: bold;
+}
+
+.raven viewport.frame>list>row>box>list>row>box>box>button.image-button {
+ padding: 0;
+}
+
+.raven viewport.frame>list>row>box>list>row>box>label {
+ margin-top: -6px;
+ font-size: smaller;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 8px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 2px;
+ background-color: @accent_rgba_03;
+}
+
+.raven-mpris {
+ background-color: @bg_accent_rgba_06;
+ color: @fg_accent;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 8px;
+ color: @fg_accent_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.raven-mpris button.image-button:drop(active),
+.raven-mpris button.image-button:hover {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.raven-mpris button.image-button:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.raven-mpris button.image-button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+ color: @fg_rgba_07;
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.drop-shadow button.text-button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.drop-shadow button.text-button:not(:disabled):drop(active),
+.drop-shadow button.text-button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.drop-shadow button.text-button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.drop-shadow button.text-button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+.drop-shadow .linked>button {
+ margin-right: 4px;
+}
+
+.budgie-run-dialog,
+.budgie-polkit-dialog,
+.budgie-session-dialog {
+ border-radius: 2px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.budgie-run-dialog decoration,
+.budgie-polkit-dialog decoration,
+.budgie-session-dialog decoration {
+ border-radius: 2px;
+}
+
+.budgie-session-dialog>box {
+ padding: 8px;
+}
+
+.budgie-session-dialog image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+ margin-bottom: 8px;
+ font-size: 20px;
+ font-weight: 500;
+}
+
+.budgie-session-dialog .dialog-title+label {
+ color: @fg_rgba_07;
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:last-child) {
+ margin-right: 8px;
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):drop(active),
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+.budgie-polkit-dialog .message {
+ color: @fg_rgba_07;
+}
+
+.budgie-polkit-dialog .failure {
+ color: #f44336;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 4px 12px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list {
+ padding: 4px 0;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: inherit;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.budgie-run-dialog scrollbar.right,
+.budgie-run-dialog scrollbar.bottom {
+ border-bottom-right-radius: 2px;
+}
+
+.budgie-run-dialog scrollbar.left,
+.budgie-run-dialog scrollbar.bottom {
+ border-bottom-left-radius: 2px;
+}
+
+/**
+ * Xfce4 Apps
+ */
+/**
+ * xfce4-panel
+ */
+.xfce4-panel.background {
+ border: none;
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+ color: @inactive_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.xfce4-panel.background button:drop(active),
+.xfce4-panel.background button:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.xfce4-panel.background button:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.xfce4-panel.background button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.xfce4-panel.background button:disabled {
+ background-color: transparent;
+ color: @inactive_rgba_03;
+}
+
+.xfce4-panel.background button:checked {
+ color: @inactive;
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.xfce4-panel.background button:checked:drop(active),
+.xfce4-panel.background button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.xfce4-panel.background button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.xfce4-panel.background button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.xfce4-panel.background button:checked:disabled {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive_rgba_05;
+}
+
+.xfce4-panel.background .tasklist button {
+ border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+ border-image: image(currentcolor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+.xfce4-panel.background frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.xfce4-panel.background progressbar progress {
+ background-color: @accent;
+}
+
+.xfce4-panel.background progressbar trough {
+ background-color: @inactive_rgba_02;
+}
+
+wnck-pager:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+wnck-pager:active {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: @accent;
+}
+
+XfdesktopIconView.view {
+ border-radius: 2px;
+ color: @fg_accent;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px @bg_accent_rgba_015;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+ background-color: @accent_rgba_03;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+#XfceNotifyWindow {
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: @fg;
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled):drop(active),
+#XfceNotifyWindow buttonbox button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#XfceNotifyWindow label#summary+label {
+ color: @fg_rgba_07;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 2px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**
+ * Thunar
+ */
+.thunar #location-toolbar {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.thunar #location-toolbar>toolitem>button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+.thunar .shortcuts-pane.frame,
+.thunar .standard-view.frame {
+ border-width: 0;
+ background-color: transparent;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+/**
+ * LightDM GTK+ Greeter
+ */
+#panel_window {
+ background-color: @bg_accent_rgba_03;
+ color: @fg_accent;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar>menuitem {
+ color: @fg_accent_rgba_07;
+}
+
+#panel_window menubar>menuitem:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: @fg_accent;
+}
+
+#panel_window menubar>menuitem:disabled {
+ color: @fg_accent_rgba_03;
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 2px;
+ box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: @fg;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame>box,
+#buttonbox_frame>buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: @accent;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+#buttonbox_frame button:not(:disabled):drop(active),
+#buttonbox_frame button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+#buttonbox_frame button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: @accent_rgba_011;
+}
+
+#buttonbox_frame button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 0%);
+}
+
+/**
+ * Nemo
+ */
+.nemo-window .primary-toolbar {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.nemo-window .primary-toolbar stack>box {
+ margin: -2px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 2px;
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected {
+ background-color: @accent_rgba_03;
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: #2c2c2d;
+ -NemoPlacesTreeView-disk-full-fg-color: @accent;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
/*
- * ── widget text/foreground color ─────────────────────────────────────
-*/
-@define-color theme_fg_color #0ADCFF;
-
+widget text/foreground color */
+@define-color theme_fg_color @fg;
/*
- * ── text color for entries, views and content in general ─────────────
-*/
-@define-color theme_text_color #0ADCFF;
-
+text color for entries, views and content in general */
+@define-color theme_text_color @fg;
/*
- * ── widget base background color ─────────────────────────────────────
-*/
-@define-color theme_bg_color #0A0032;
-
+widget base background color */
+@define-color theme_bg_color @bg;
/*
- * ── text widgets and the like base background color ──────────────────
-*/
-@define-color theme_base_color rgb( 15, 5, 60 );
-
+text widgets and the like base background color */
+@define-color theme_base_color #1a1c1e;
/*
- * ── base background color of selections ──────────────────────────────
-*/
-@define-color theme_selected_bg_color #CFDCEA;
-
+base background color of selections */
+@define-color theme_selected_bg_color @accent;
/*
- * ── text/foreground color of selections ──────────────────────────────
-*/
-@define-color theme_selected_fg_color #0ADCFF;
-
+text/foreground color of selections */
+@define-color theme_selected_fg_color @fg_accent;
/*
- * ── base background color of insensitive widgets ─────────────────────
-*/
-@define-color insensitive_bg_color #0A0032;
-
+base background color of insensitive widgets */
+@define-color insensitive_bg_color @bg;
/*
- * ── text foreground color of insensitive widgets ─────────────────────
-*/
-@define-color insensitive_fg_color rgba( 10, 220, 255, 0.5 );
-
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color @fg_rgba_05;
/*
- * ── insensitive text widgets and the like base background color ──────
-*/
-@define-color insensitive_base_color rgb( 15, 5, 60 );
-
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #1a1c1e;
/*
- * ── widget text/foreground color on backdrop windows ─────────────────
-*/
-@define-color theme_unfocused_fg_color #686659;
-
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color @fg;
/*
text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color #C8C8C8;
-
+@define-color theme_unfocused_text_color @fg;
/*
widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #000000;
-
+@define-color theme_unfocused_bg_color @bg;
/*
text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #000000;
-
+@define-color theme_unfocused_base_color #1a1c1e;
/*
base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #686659;
-
+@define-color theme_unfocused_selected_bg_color @accent;
/*
text/foreground color of selections on backdrop windows */
-@define-color theme_unfocused_selected_fg_color #0ADCFF;
-
+@define-color theme_unfocused_selected_fg_color @fg_accent;
/*
insensitive color on backdrop windows */
-@define-color unfocused_insensitive_color rgba( 10, 220, 255, 0.5 );
-
+@define-color unfocused_insensitive_color @fg_rgba_05;
/*
widgets main borders color */
-@define-color borders rgba( 10, 0, 60, 0.3 );
+@define-color borders @fg_rgba_02;
/*
widgets main borders color on backdrop windows */
-@define-color unfocused_borders rgba( 10, 0, 60, 0.3 );
-
+@define-color unfocused_borders @fg_rgba_02;
/*
these are pretty self explicative */
@define-color warning_color #ffeb3b;
@define-color error_color #f44336;
@define-color success_color #00e676;
-
+/*
+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 @inactive;
+@define-color wm_unfocused_title @inactive_rgba_07;
+@define-color wm_highlight rgba(255, 255, 255, 0.05);
+@define-color wm_bg #09090a;
+@define-color wm_unfocused_bg @bg_accent000;
+@define-color xfwm4_title @inactive;
+@define-color xfwm4_unfocused_title #5a5e61;
/* content view background such as thumbnails view in Photos or Boxes */
-@define-color content_view_bg #0A0032;
-
+@define-color content_view_bg @bg;
/* Very contrasty background for text views (@theme_text_color foreground) */
-@define-color text_view_bg #0A0032;
+@define-color text_view_bg @bg;
/* placeholder for entries */
-@define-color placeholder_text_color #C8C8C8;
+@define-color placeholder_text_color #767778;
diff --git a/gtk-theme/dist/gtk-3.0/icons/checkbox-checked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..8067c11
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/checkbox-mixed-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..76e69c9
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/checkbox-unchecked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..97dbb89
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/cursor-handle-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/radio-checked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/radio-checked-symbolic.svg
new file mode 100644
index 0000000..7b82c3d
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/radio-mixed-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/radio-unchecked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/small-checkbox-checked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..7ad27d5
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..0f80850
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..bfe0a56
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/small-radio-checked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..04a9a21
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/small-radio-mixed-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..31aac91
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-3.0/icons/small-radio-unchecked-symbolic.svg b/gtk-theme/dist/gtk-3.0/icons/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/gtk-theme/dist/gtk-3.0/icons/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..5f3b9f3
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..bb1bff9
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..b911ab1
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..1ae692f
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..f45ca31
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..ed5ccf4
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..31c4902
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 0000000..dd48d78
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-after-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..263f4e0
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..88311a4
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..a0452f1
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..c50691a
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..ead0682
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..d56e1fa
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..0799636
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 0000000..6826ada
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-horz-marks-before-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider-dark.png
new file mode 100644
index 0000000..73d7b17
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider-dark@2.png
new file mode 100644
index 0000000..9cb6201
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled-dark.png
new file mode 100644
index 0000000..c84ec15
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled-dark@2.png
new file mode 100644
index 0000000..f84e161
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled.png
new file mode 100644
index 0000000..9ad3045
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled@2.png
new file mode 100644
index 0000000..4a836b3
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider.png
new file mode 100644
index 0000000..870df4b
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-slider@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-slider@2.png
new file mode 100644
index 0000000..49578aa
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..76b3f00
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..f292e2e
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..080770e
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..de79037
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..71d1eff
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..3f66c32
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..afedbf0
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 0000000..fe406cf
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-after-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..88fc888
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..6275b1c
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..0eb02cf
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..8e07d09
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..9d9570e
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..0a1bcb8
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..0c165af
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 0000000..79ed0ec
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/scale-vert-marks-before-slider@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..dc8a047
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 0000000..9e043af
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..90df2a7
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 0000000..007e28e
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-checked@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..54de797
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..9cec4dc
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..0263623
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked.png differ
diff --git a/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 0000000..af5b395
Binary files /dev/null and b/gtk-theme/dist/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/gtk-theme/dist/gtk-4.0/gtk.css b/gtk-theme/dist/gtk-4.0/gtk.css
index 17fd47a..f7d462d 100644
--- a/gtk-theme/dist/gtk-4.0/gtk.css
+++ b/gtk-theme/dist/gtk-4.0/gtk.css
@@ -1,23 +1,4570 @@
@import '../colours.css';
/*
- * Replace the colours with variable names
- * #000 = @bg
- * #111 = @bg_accent
- * #222 = @bg_inactive
- * #555A = @shadow_rgba
- * #555 = @shadow
- * #F00 = @accent
- * #0F0 = @accent2
- * #00F = @accent3
- * #AAA = @inactive
- * #FFF = @fg
+ * Replace the colours with variable names. See build/util.js for translation
+ * This CSS file here is from Material-Black-Blueberry
*/
-
-window {
- color: #FFF;
- background-color: #000;
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
}
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, @accent 0%, transparent 0%);
+ }
+
+ to {
+ background-image: radial-gradient(circle, @accent 100%, transparent 100%);
+ }
+}
+
+flowbox>flowboxchild,
+gridview>child,
+entry>image,
+button,
+modelbutton.flat,
+spinbutton:not(.vertical)>image,
+menubar>item,
+notebook>header>tabs>arrow,
+notebook>header>tabs>tab,
+check,
+radio,
+row.activatable,
+listview>row,
+expander,
+calendar>grid>label.day-number,
+popover.emoji-picker>contents emoji,
+popover.emoji-completion>contents emoji-completion-row,
+popover.emoji-completion>contents emoji {
+ transition-property: all, border-image, background-size, background-image;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms;
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 10%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+flowbox>flowboxchild:active,
+gridview>child:active,
+entry>image:active,
+button:active,
+modelbutton.flat:active,
+spinbutton:not(.vertical)>image:active,
+menubar>item:active,
+notebook>header>tabs>arrow:active,
+notebook>header>tabs>tab:active,
+check:active,
+radio:active,
+row.activatable:active,
+listview>row:active,
+expander:active,
+calendar>grid>label.day-number:active,
+popover.emoji-picker>contents emoji:active,
+popover.emoji-completion>contents emoji-completion-row:active,
+popover.emoji-completion>contents emoji:active {
+ transition-duration: 75ms, 225ms, 0ms, 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: 0% 0%;
+}
+
+/**
+ * Base States
+ */
+.background {
+ background-color: @bg;
+ color: @fg;
+}
+
+dnd {
+ color: @fg;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+image:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+.view>.cell:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+.view:disabled {
+ color: @fg_rgba_05;
+}
+
+.view:selected {
+ background-color: @accent_rgba_03;
+}
+
+.view>.cell:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+textview {
+ caret-color: @accent;
+}
+
+textview>text>selection {
+ background-color: @accent_rgba_03;
+}
+
+textview>border {
+ color: @fg_rgba_07;
+}
+
+iconview>.cell {
+ border-radius: 2px;
+}
+
+iconview>dndtarget:drop(active) {
+ box-shadow: inset 0 0 0 2px @accent;
+}
+
+rubberband,
+columnview.view>rubberband,
+treeview.view>rubberband {
+ border: 1px solid @accent;
+ background-color: @accent_rgba_02;
+}
+
+flowbox {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+flowbox>flowboxchild {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+flowbox>flowboxchild:drop(active),
+flowbox>flowboxchild:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+flowbox>flowboxchild:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+flowbox>flowboxchild:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+flowbox>flowboxchild:selected {
+ background-color: @accent_rgba_03;
+ background-color: @accent_rgba_03;
+}
+
+flowbox>flowboxchild:selected:drop(active),
+flowbox>flowboxchild:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+flowbox>flowboxchild:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+flowbox>flowboxchild:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+gridview {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+gridview>child {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+gridview>child:drop(active),
+gridview>child:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+gridview>child:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+gridview>child:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+gridview>child:selected {
+ background-color: @accent_rgba_03;
+ background-color: @accent_rgba_03;
+}
+
+gridview>child:selected:drop(active),
+gridview>child:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+gridview>child:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+gridview>child:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+coverflow>cover {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+ color: @fg;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: @accent;
+}
+
+label.separator {
+ color: @fg_rgba_07;
+}
+
+label.error {
+ color: #f44336;
+}
+
+label>selection {
+ background-color: @accent_rgba_03;
+}
+
+label:disabled {
+ color: @fg_rgba_05;
+}
+
+headerbar label:disabled,
+modelbutton label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 2px;
+ background-color: @bg_inactive;
+ color: @inactive;
+}
+
+.dim-label {
+ color: @fg_rgba_07;
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar>label {
+ min-height: 32px;
+ padding: 0 12px;
+ color: @fg_rgba_05;
+ font-weight: 500;
+}
+
+window.assistant .sidebar>label.highlight {
+ color: @fg;
+}
+
+window.aboutdialog>box>box>image.large-icons {
+ -gtk-icon-size: 128px;
+}
+
+/**
+ * Spinner Animation
+ */
+@keyframes spin {
+ to {
+ transform: rotate(1turn);
+ }
+}
+
+spinner {
+ opacity: 0;
+ color: @accent;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1);
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked {
+ opacity: 1;
+}
+
+spinner:disabled {
+ color: @fg_rgba_03;
+}
+
+/**
+ * General Typography
+ */
+.large-title {
+ font-weight: 400;
+ font-size: 36pt;
+}
+
+.title-1 {
+ font-weight: 400;
+ font-size: 25.5pt;
+ letter-spacing: 0.1875pt;
+}
+
+.title-2 {
+ font-weight: 400;
+ font-size: 18pt;
+}
+
+.title-3 {
+ font-weight: 500;
+ font-size: 15pt;
+ letter-spacing: 0.1125pt;
+}
+
+.title-4 {
+ font-weight: 400;
+ font-size: 12pt;
+ letter-spacing: 0.375pt;
+}
+
+.heading {
+ font-weight: 500;
+ font-size: 1em;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 1em;
+}
+
+.caption-heading {
+ font-weight: 500;
+ font-size: 9pt;
+ letter-spacing: 1.125pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+ letter-spacing: 0.3pt;
+}
+
+/**
+ * Text Entries
+ */
+spinbutton:not(.vertical),
+entry {
+ min-height: 32px;
+ padding: 0 8px;
+ border-spacing: 4px;
+ border-radius: 2px 2px 0 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: @accent;
+}
+
+spinbutton:hover:not(.vertical),
+spinbutton:drop(active):not(.vertical),
+entry:hover,
+entry:drop(active) {
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+spinbutton:focus-within:not(.vertical),
+entry:focus-within {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: @fg_rgba_01;
+}
+
+spinbutton:focus-within:not(.vertical)>text>placeholder,
+entry:focus-within>text>placeholder {
+ opacity: 0;
+}
+
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical)>text>placeholder,
+entry>text>placeholder {
+ color: @fg_rgba_07;
+}
+
+spinbutton:not(.vertical)>text>selection,
+entry>text>selection {
+ background-color: @accent_rgba_03;
+}
+
+spinbutton:not(.vertical)>text>block-cursor,
+entry>text>block-cursor {
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+spinbutton:not(.vertical)>image,
+entry>image {
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+ color: @fg_rgba_07;
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+spinbutton:not(.vertical)>image:drop(active),
+spinbutton:not(.vertical)>image:hover,
+entry>image:drop(active),
+entry>image:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+spinbutton:not(.vertical)>image:focus,
+entry>image:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+spinbutton:not(.vertical)>image:active,
+entry>image:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+spinbutton:not(.vertical)>image:disabled,
+entry>image:disabled {
+ color: @fg_rgba_05;
+}
+
+spinbutton:not(.vertical)>image.left,
+entry>image.left {
+ margin-left: -4px;
+}
+
+spinbutton:not(.vertical)>image.right,
+entry>image.right {
+ margin-right: -4px;
+}
+
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: #f44336;
+}
+
+spinbutton.error:focus-within:not(.vertical),
+entry.error:focus-within {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: @fg_rgba_01;
+}
+
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: #ffeb3b;
+}
+
+spinbutton.warning:focus-within:not(.vertical),
+entry.warning:focus-within {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: @fg_rgba_01;
+}
+
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+spinbutton:not(.vertical)>progress>trough>progress,
+entry>progress>trough>progress {
+ margin: 0 -8px;
+ margin-bottom: -4px;
+ border-bottom: 2px solid @accent;
+ background-color: transparent;
+}
+
+spinbutton.vertical>text {
+ border-radius: 2px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+ color: @fg;
+ caret-color: @accent;
+}
+
+spinbutton.vertical>text:focus-within {
+ border-image: none;
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 @bg_accent_rgba_015;
+}
+
+spinbutton.vertical>text:drop(active) {
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 @bg_accent_rgba_015;
+}
+
+spinbutton.vertical>text:disabled {
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #1a1c1e;
+ color: @fg_rgba_05;
+}
+
+spinbutton.vertical>text.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #f44336;
+ color: @fg_accent;
+ caret-color: @fg_accent;
+}
+
+spinbutton.vertical>text.error:focus-within {
+ border-image: none;
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 @bg_accent_rgba_015;
+}
+
+spinbutton.vertical>text.error:disabled {
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #1a1c1e;
+ color: @fg_rgba_05;
+}
+
+spinbutton.vertical>text.error image {
+ color: @fg_accent_rgba_07;
+}
+
+spinbutton.vertical>text.error image:hover,
+spinbutton.vertical>text.error image:active {
+ color: @fg_accent;
+}
+
+spinbutton.vertical>text.error image:disabled {
+ color: @fg_accent_rgba_05;
+}
+
+spinbutton.vertical>text.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #ffeb3b;
+ color: @bg_accent;
+ caret-color: @bg_accent;
+}
+
+spinbutton.vertical>text.warning:focus-within {
+ border-image: none;
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 @bg_accent_rgba_015;
+}
+
+spinbutton.vertical>text.warning:disabled {
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #1a1c1e;
+ color: @fg_rgba_05;
+}
+
+spinbutton.vertical>text.warning image {
+ color: @bg_accent_rgba_07;
+}
+
+spinbutton.vertical>text.warning image:hover,
+spinbutton.vertical>text.warning image:active {
+ color: @bg_accent;
+}
+
+spinbutton.vertical>text.warning image:disabled {
+ color: @bg_accent_rgba_05;
+}
+
+treeview entry,
+treeview entry.flat {
+ background-color: #1a1c1e;
+}
+
+treeview entry,
+treeview entry:focus-within,
+treeview entry.flat,
+treeview entry.flat:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg;
+}
+
+.entry-tag:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+ color: @fg_rgba_07;
+}
+
+/**
+ * Buttons
+ */
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, @accent 0%, transparent 0%);
+ }
+
+ to {
+ background-image: radial-gradient(farthest-side, @accent 100%, transparent 100%);
+ }
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+ border-radius: 2px;
+ background-color: #141416;
+ color: @fg;
+ font-weight: 500;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+}
+
+button:drop(active),
+button:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_5;
+}
+
+button:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_4;
+}
+
+button:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg_rgba_05;
+}
+
+button:checked {
+ color: @accent;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_3;
+}
+
+button:checked:drop(active),
+button:checked:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_2;
+}
+
+button:checked:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_1;
+}
+
+button:checked:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+button:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1904);
+ color: @fg_rgba_05;
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+button.text-button.image-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+ border-radius: 2px;
+}
+
+button.text-button.image-button image:first-child {
+ margin-left: -4px;
+ margin-right: 8px;
+}
+
+button.text-button.image-button image:last-child {
+ margin-left: 8px;
+ margin-right: -4px;
+}
+
+frame button,
+.frame button,
+popover button {
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1px @fg_rgba_03;
+ background-color: transparent;
+}
+
+frame button:drop(active),
+.frame button:drop(active),
+popover button:drop(active),
+frame button:hover,
+.frame button:hover,
+popover button:hover {
+ box-shadow: inset 0 0 0 1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+frame button:focus,
+.frame button:focus,
+popover button:focus {
+ box-shadow: inset 0 0 0 1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+frame button:active,
+.frame button:active,
+popover button:active {
+ box-shadow: inset 0 0 0 1px @fg_rgba_03;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+button.sidebar-button,
+pathbar.linked:not(.vertical)>button,
+spinbutton.vertical button,
+spinbutton:not(.vertical)>button,
+combobox>.linked:not(.vertical)>button:not(:only-child),
+infobar.info>revealer>box button,
+infobar.question>revealer>box button,
+filechooser #pathbarbox>stack>box>button,
+window.dialog.message .dialog-action-area>button,
+.app-notification button,
+actionbar>revealer>box button:not(.suggested-action):not(.destructive-action),
+popover.menu button.model,
+.titlebar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+button.flat {
+ background-color: transparent;
+ color: @fg_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.sidebar-button:drop(active),
+pathbar.linked:not(.vertical)>button:drop(active),
+spinbutton.vertical button:drop(active),
+spinbutton:not(.vertical)>button:drop(active),
+combobox>.linked:not(.vertical)>button:drop(active):not(:only-child),
+infobar.info>revealer>box button:drop(active),
+infobar.question>revealer>box button:drop(active),
+filechooser #pathbarbox>stack>box>button:drop(active),
+window.dialog.message .dialog-action-area>button:drop(active),
+.app-notification button:drop(active),
+actionbar>revealer>box button:drop(active):not(.suggested-action):not(.destructive-action),
+popover.menu button.model:drop(active),
+.titlebar button:drop(active):not(.suggested-action):not(.destructive-action),
+.toolbar button:drop(active),
+button.flat:drop(active),
+button.sidebar-button:hover,
+pathbar.linked:not(.vertical)>button:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical)>button:hover,
+combobox>.linked:not(.vertical)>button:hover:not(:only-child),
+infobar.info>revealer>box button:hover,
+infobar.question>revealer>box button:hover,
+filechooser #pathbarbox>stack>box>button:hover,
+window.dialog.message .dialog-action-area>button:hover,
+.app-notification button:hover,
+actionbar>revealer>box button:hover:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:hover,
+.titlebar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+button.flat:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+button.sidebar-button:focus,
+pathbar.linked:not(.vertical)>button:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical)>button:focus,
+combobox>.linked:not(.vertical)>button:focus:not(:only-child),
+infobar.info>revealer>box button:focus,
+infobar.question>revealer>box button:focus,
+filechooser #pathbarbox>stack>box>button:focus,
+window.dialog.message .dialog-action-area>button:focus,
+.app-notification button:focus,
+actionbar>revealer>box button:focus:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:focus,
+.titlebar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+button.flat:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+button.sidebar-button:active,
+pathbar.linked:not(.vertical)>button:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical)>button:active,
+combobox>.linked:not(.vertical)>button:active:not(:only-child),
+infobar.info>revealer>box button:active,
+infobar.question>revealer>box button:active,
+filechooser #pathbarbox>stack>box>button:active,
+window.dialog.message .dialog-action-area>button:active,
+.app-notification button:active,
+actionbar>revealer>box button:active:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:active,
+.titlebar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+button.sidebar-button:disabled,
+pathbar.linked:not(.vertical)>button:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical)>button:disabled,
+combobox>.linked:not(.vertical)>button:disabled:not(:only-child),
+infobar.info>revealer>box button:disabled,
+infobar.question>revealer>box button:disabled,
+filechooser #pathbarbox>stack>box>button:disabled,
+window.dialog.message .dialog-action-area>button:disabled,
+.app-notification button:disabled,
+actionbar>revealer>box button:disabled:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:disabled,
+.titlebar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+button.flat:disabled {
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+combobox>.linked:not(.vertical)>button:checked:not(:only-child),
+infobar.info>revealer>box button:checked,
+infobar.question>revealer>box button:checked,
+filechooser #pathbarbox>stack>box>button:checked,
+window.dialog.message .dialog-action-area>button:checked,
+.app-notification button:checked,
+actionbar>revealer>box button:checked:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked,
+.titlebar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+button.flat:checked {
+ color: @accent;
+ box-shadow: none;
+ background-color: @accent_rgba_015;
+}
+
+combobox>.linked:not(.vertical)>button:checked:drop(active):not(:only-child),
+infobar.info>revealer>box button:checked:drop(active),
+infobar.question>revealer>box button:checked:drop(active),
+filechooser #pathbarbox>stack>box>button:checked:drop(active),
+window.dialog.message .dialog-action-area>button:checked:drop(active),
+.app-notification button:checked:drop(active),
+actionbar>revealer>box button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:drop(active),
+.titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:drop(active),
+button.flat:checked:drop(active),
+combobox>.linked:not(.vertical)>button:checked:hover:not(:only-child),
+infobar.info>revealer>box button:checked:hover,
+infobar.question>revealer>box button:checked:hover,
+filechooser #pathbarbox>stack>box>button:checked:hover,
+window.dialog.message .dialog-action-area>button:checked:hover,
+.app-notification button:checked:hover,
+actionbar>revealer>box button:checked:hover:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:hover,
+.titlebar button:checked:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:hover,
+button.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+combobox>.linked:not(.vertical)>button:checked:focus:not(:only-child),
+infobar.info>revealer>box button:checked:focus,
+infobar.question>revealer>box button:checked:focus,
+filechooser #pathbarbox>stack>box>button:checked:focus,
+window.dialog.message .dialog-action-area>button:checked:focus,
+.app-notification button:checked:focus,
+actionbar>revealer>box button:checked:focus:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:focus,
+.titlebar button:checked:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:focus,
+button.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+combobox>.linked:not(.vertical)>button:checked:active:not(:only-child),
+infobar.info>revealer>box button:checked:active,
+infobar.question>revealer>box button:checked:active,
+filechooser #pathbarbox>stack>box>button:checked:active,
+window.dialog.message .dialog-action-area>button:checked:active,
+.app-notification button:checked:active,
+actionbar>revealer>box button:checked:active:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:active,
+.titlebar button:checked:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:active,
+button.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+combobox>.linked:not(.vertical)>button:checked:disabled:not(:only-child),
+infobar.info>revealer>box button:checked:disabled,
+infobar.question>revealer>box button:checked:disabled,
+filechooser #pathbarbox>stack>box>button:checked:disabled,
+window.dialog.message .dialog-action-area>button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar>revealer>box button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:disabled,
+.titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+button.flat:checked:disabled {
+ color: @fg_rgba_05;
+}
+
+infobar.info>revealer>box button.text-button,
+infobar.question>revealer>box button.text-button,
+filechooser #pathbarbox>stack>box>button.text-button,
+window.dialog.message .dialog-action-area>button.text-button,
+.app-notification button.text-button,
+actionbar>revealer>box button.text-button:not(.suggested-action):not(.destructive-action),
+popover.menu button.text-button.model,
+.titlebar button.text-button:not(.suggested-action):not(.destructive-action),
+.toolbar button.text-button,
+button.flat.text-button {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+infobar.info>revealer>box button.text-button.image-button,
+infobar.question>revealer>box button.text-button.image-button,
+filechooser #pathbarbox>stack>box>button.text-button.image-button,
+window.dialog.message .dialog-action-area>button.text-button.image-button,
+.app-notification button.text-button.image-button,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+popover.menu button.text-button.image-button.model,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+.toolbar button.text-button.image-button,
+button.flat.text-button.image-button {
+ min-width: 24px;
+ padding: 4px;
+}
+
+infobar.info>revealer>box button.text-button.image-button label:first-child,
+infobar.question>revealer>box button.text-button.image-button label:first-child,
+filechooser #pathbarbox>stack>box>button.text-button.image-button label:first-child,
+window.dialog.message .dialog-action-area>button.text-button.image-button label:first-child,
+.app-notification button.text-button.image-button label:first-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+popover.menu button.text-button.image-button.model label:first-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+.toolbar button.text-button.image-button label:first-child,
+button.flat.text-button.image-button label:first-child {
+ margin-left: 8px;
+}
+
+infobar.info>revealer>box button.text-button.image-button label:last-child,
+infobar.question>revealer>box button.text-button.image-button label:last-child,
+filechooser #pathbarbox>stack>box>button.text-button.image-button label:last-child,
+window.dialog.message .dialog-action-area>button.text-button.image-button label:last-child,
+.app-notification button.text-button.image-button label:last-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+popover.menu button.text-button.image-button.model label:last-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+.toolbar button.text-button.image-button label:last-child,
+button.flat.text-button.image-button label:last-child {
+ margin-right: 8px;
+}
+
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child),
+filechooser #pathbarbox>stack>box.linked:not(.vertical)>button:not(:only-child),
+window.dialog.message .dialog-action-area.linked:not(.vertical)>button:not(:only-child),
+.app-notification .linked:not(.vertical)>button:not(:only-child),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.menu .linked:not(.vertical)>button.model:not(:only-child),
+.titlebar .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+.toolbar .linked:not(.vertical)>button:not(:only-child),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child),
+filechooser #pathbarbox>stack>box.linked.vertical>button:not(:only-child),
+window.dialog.message .dialog-action-area.linked.vertical>button:not(:only-child),
+.app-notification .linked.vertical>button:not(:only-child),
+actionbar>revealer>box .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.menu .linked.vertical>button.model:not(:only-child),
+.titlebar .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+.toolbar .linked.vertical>button:not(:only-child),
+.linked:not(.vertical)>button.flat:not(:only-child),
+.linked.vertical>button.flat:not(:only-child) {
+ border-radius: 2px;
+}
+
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+filechooser #pathbarbox>stack>box.linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+window.dialog.message .dialog-action-area.linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.menu .linked:not(.vertical)>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+.toolbar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+filechooser #pathbarbox>stack>box.linked.vertical>button:not(:only-child).image-button:not(.text-button),
+window.dialog.message .dialog-action-area.linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.menu .linked.vertical>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+.toolbar .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.linked:not(.vertical)>button.flat:not(:only-child).image-button:not(.text-button),
+.linked.vertical>button.flat:not(:only-child).image-button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+button.osd {
+ padding: 8px 12px;
+}
+
+button.osd.image-button {
+ padding: 8px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: @accent;
+ color: @fg_accent;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+ background-color: @accent;
+}
+
+button.suggested-action:drop(active),
+button.suggested-action:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_inverse_1;
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: @accent_gradient_inverse_2;
+}
+
+button.suggested-action:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg_rgba_05;
+}
+
+button.suggested-action:checked {
+ background-color: @accent_gradient_inverse_3;
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+}
+
+button.suggested-action.flat:drop(active),
+button.suggested-action.flat:hover {
+ background-color: @accent_rgba_011;
+}
+
+button.suggested-action.flat:focus {
+ background-color: @accent_rgba_011;
+}
+
+button.suggested-action.flat:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+button.suggested-action.flat:checked {
+ background-color: @accent_rgba_015;
+}
+
+button.destructive-action {
+ background-color: #f44336;
+ color: @fg_accent;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+ background-color: #f44336;
+}
+
+button.destructive-action:drop(active),
+button.destructive-action:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: #f55246;
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: #f55a4e;
+}
+
+button.destructive-action:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px @bg_accent_rgba_015;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: @fg_rgba_05;
+}
+
+button.destructive-action:checked {
+ background-color: #f66156;
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+}
+
+button.destructive-action.flat:drop(active),
+button.destructive-action.flat:hover {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:focus {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:active {
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 10%);
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: @fg_rgba_03;
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.16);
+}
+
+stackswitcher>button>label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher>button>image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher>button.needs-attention:checked>label,
+stackswitcher>button.needs-attention:checked>image {
+ animation: none;
+ background-image: none;
+}
+
+button.font>box {
+ border-spacing: 6px;
+}
+
+button.close,
+menubutton.circular>button,
+button.circular {
+ border-radius: 9999px;
+}
+
+button.sidebar-button,
+notebook>header>tabs>tab button.flat,
+spinbutton:not(.vertical)>button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+stacksidebar.sidebar row.needs-attention>label,
+stackswitcher>button.needs-attention>label,
+stackswitcher>button.needs-attention>image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention>label:dir(rtl),
+stackswitcher>button.needs-attention>label:dir(rtl),
+stackswitcher>button.needs-attention>image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(stackswitcher) {
+ border-spacing: 4px;
+}
+
+.linked:not(.vertical)>button.radio {
+ border-radius: 0;
+}
+
+.linked:not(.vertical)>button.radio:first-child {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.linked:not(.vertical)>button.radio:last-child {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked:not(.vertical)>button.radio:not(:first-child) {
+ margin-left: -4px;
+}
+
+.linked.vertical>button.radio {
+ border-radius: 0;
+}
+
+.linked.vertical>button.radio:first-child {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+.linked.vertical>button.radio:last-child {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked.vertical>button.radio:not(:first-child) {
+ margin-top: -4px;
+}
+
+/* menu buttons */
+modelbutton.flat:drop(active),
+modelbutton.flat:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+modelbutton.flat arrow {
+ min-width: 16px;
+ min-height: 16px;
+ color: @fg_rgba_07;
+}
+
+modelbutton.flat arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 4px;
+}
+
+menubutton>button>box>arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton>button>box>arrow.none {
+ -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton>button>box>arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton>button>box>arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton>button>box>arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton>button>box>arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+/**
+ * Links
+ */
+link {
+ color: @accent;
+}
+
+link:visited {
+ color: @accent2;
+}
+
+button.link {
+ color: @accent;
+}
+
+button.link:drop(active),
+button.link:hover {
+ background-color: @accent_rgba_011;
+}
+
+button.link:focus {
+ background-color: @accent_rgba_011;
+}
+
+button.link:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+button.link:visited {
+ color: @accent2;
+}
+
+button.link:visited:drop(active),
+button.link:visited:hover {
+ background-color: @accent2_rgba_015;
+}
+
+button.link:visited:focus {
+ background-color: @accent2_rgba_015;
+}
+
+button.link:visited:active {
+ background-image: radial-gradient(circle, rgba(103, 58, 183, 0.16) 10%, transparent 10%);
+}
+
+button.link>label {
+ text-decoration-line: underline;
+}
+
+/**
+ * GtkSpinButton
+ */
+spinbutton {
+ font-feature-settings: "tnum";
+}
+
+spinbutton:not(.vertical)>text {
+ min-width: 32px;
+}
+
+spinbutton:not(.vertical)>button {
+ margin: 4px 0;
+}
+
+spinbutton:not(.vertical)>button.up:dir(ltr) {
+ margin-right: -4px;
+}
+
+spinbutton:not(.vertical)>button.up:dir(rtl) {
+ margin-left: -4px;
+}
+
+spinbutton.vertical>text {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical>text>selection {
+ background-color: @accent_rgba_03;
+}
+
+spinbutton.vertical button {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+spinbutton.vertical button.up {
+ border-radius: 2px 2px 0 0;
+}
+
+spinbutton.vertical button.down {
+ border-radius: 0 0 2px 2px;
+}
+
+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 arrow,
+combobox arrow {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dropdown button:checked arrow,
+combobox button:checked arrow {
+ color: @accent;
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+dropdown>button>box {
+ border-spacing: 6px;
+}
+
+dropdown>popover.menu>contents {
+ padding: 0;
+}
+
+dropdown>popover.menu>contents listview {
+ padding: 6px 0;
+}
+
+dropdown>popover.menu>contents listview>row {
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+dropdown>popover.menu>contents listview>row:selected {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.dropdown-searchbar {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.dropdown-searchbar>entry.search {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+combobox>box>button>box {
+ border-spacing: 6px;
+}
+
+combobox cellview {
+ margin: -2px;
+}
+
+combobox>popover.menu>contents modelbutton {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 32px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 32px;
+}
+
+combobox>.linked:not(.vertical)>button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 4px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+dropdown>button.toggle,
+button.combo:only-child {
+ padding-left: 8px;
+ padding-right: 8px;
+ border-radius: 2px 2px 0 0;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg;
+ caret-color: @accent;
+}
+
+dropdown>button.toggle:focus,
+button.combo:only-child:focus {
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: @fg_rgba_01;
+}
+
+dropdown>button.toggle:drop(active),
+dropdown>button.toggle:hover,
+button.combo:only-child:drop(active),
+button.combo:only-child:hover {
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+dropdown>button.toggle:checked,
+button.combo:only-child:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px @fg_rgba_03;
+ background-color: @fg_rgba_01;
+}
+
+dropdown>button.toggle:disabled,
+button.combo:only-child:disabled {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: @fg_rgba_05;
+}
+
+dropdown>button.toggle arrow,
+button.combo:only-child arrow {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: @fg_rgba_07;
+}
+
+dropdown>button.toggle arrow:disabled,
+button.combo:only-child arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+/**
+ * Toolbars
+ */
+.toolbar {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+.toolbar.top {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.toolbar.bottom {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.toolbar.start {
+ border-right: 1px solid @fg_rgba_02;
+}
+
+.toolbar.end {
+ border-left: 1px solid @fg_rgba_02;
+}
+
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, @bg_accent_rgba_04);
+}
+
+.toolbar.horizontal>separator {
+ margin: 4px 0;
+}
+
+.toolbar.vertical>separator {
+ margin: 0 4px;
+}
+
+.app-notification,
+.toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 4px;
+ border-spacing: 4px;
+ border-radius: 2px;
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.inline-toolbar {
+ padding: 4px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: @fg_rgba_02;
+ background-color: #1a1c1e;
+}
+
+searchbar>revealer>box {
+ padding: 4px;
+ border-spacing: 4px;
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+/**
+ * Title buttons
+ */
+windowcontrols {
+ border-spacing: 4px;
+}
+
+windowcontrols:not(:only-child):not(.empty) {
+ border-image: linear-gradient(to bottom, transparent 12px, @inactive_rgba_02 12px, @inactive_rgba_02 calc(100% - 12px), transparent calc(100% - 12px)) 1;
+}
+
+windowcontrols:not(:only-child):not(.empty).start:dir(ltr),
+windowcontrols:not(:only-child):not(.empty).end:dir(rtl) {
+ padding-right: 4px;
+ border-right: 1px solid;
+}
+
+windowcontrols:not(:only-child):not(.empty).start:dir(rtl),
+windowcontrols:not(:only-child):not(.empty).end:dir(ltr) {
+ padding-left: 4px;
+ border-left: 1px solid;
+}
+
+/**
+ * Header bars
+ */
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+ color: @inactive;
+}
+
+.titlebar:disabled {
+ color: @inactive_rgba_05;
+}
+
+.titlebar:backdrop {
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+}
+
+.titlebar:backdrop:disabled {
+ color: @inactive_rgba_03;
+}
+
+.titlebar box.start,
+.titlebar box.end {
+ border-spacing: 4px;
+}
+
+.titlebar .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: @inactive_rgba_07;
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: @inactive_rgba_05;
+}
+
+.titlebar headerbar+separator {
+ background-color: @inactive_rgba_02;
+}
+
+.titlebar entry {
+ box-shadow: inset 0 -1px @inactive_rgba_03;
+ background-color: rgba(128, 134, 139, 0.04);
+ color: @inactive;
+}
+
+.titlebar entry:disabled {
+ box-shadow: inset 0 -1px @inactive_rgba_02;
+ background-color: rgba(128, 134, 139, 0.04);
+ color: @inactive_rgba_05;
+}
+
+.titlebar entry image {
+ color: @inactive_rgba_07;
+}
+
+.titlebar entry image:hover,
+.titlebar entry image:active {
+ color: @inactive;
+}
+
+.titlebar entry image:disabled {
+ color: @inactive_rgba_05;
+}
+
+.titlebar .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0px;
+ background-color: transparent;
+ color: @inactive_rgba_07;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):focus {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):active {
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 10%);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
+ color: @inactive_rgba_03;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 100%) 0 0 2/0 0 2px;
+ background-color: transparent;
+ color: @inactive;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:focus {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:active {
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 10%);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ background-color: transparent;
+ color: @inactive_rgba_05;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: @inactive_rgba_05;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: @inactive_rgba_03;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: @inactive_rgba_07;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: @inactive_rgba_03;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(128, 134, 139, 0.08);
+ color: @inactive_rgba_05;
+}
+
+.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 104px;
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015, inset 0 1px @fg_accent_rgba_02;
+ background-color: @accent;
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode:backdrop {
+ color: @fg_accent_rgba_07;
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: @fg_accent_rgba_05;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 100%) 0 0 2/0 0 2px;
+ color: @fg_accent;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: @fg_accent_rgba_05;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: @fg_accent_rgba_07;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: @fg_accent_rgba_03;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: @fg_accent_rgba_07;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: @fg_accent_rgba_03;
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px @fg_accent_rgba_02;
+ background-color: @accent;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 4px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+}
+
+headerbar>windowhandle>box {
+ min-height: 40px;
+ padding: 0 4px;
+ border-spacing: 4px;
+}
+
+headerbar>windowhandle>box entry,
+headerbar>windowhandle>box spinbutton,
+headerbar>windowhandle>box button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+headerbar>windowhandle>box separator.titlebutton {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ background-color: @inactive_rgba_02;
+}
+
+headerbar>windowhandle>box switch {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+headerbar>windowhandle>box spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar>windowhandle>box .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+/**
+ * Pathbars
+ */
+pathbar.linked:not(.vertical)>button {
+ padding-left: 4px;
+ padding-right: 4px;
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 0%, transparent 0%) 0 0 0/0 0 0px;
+ border-radius: 2px;
+}
+
+pathbar.linked:not(.vertical)>button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), @accent 100%, transparent 100%) 0 0 2/0 0 2px;
+ color: @fg;
+}
+
+pathbar.linked:not(.vertical)>button:checked,
+pathbar.linked:not(.vertical)>button:checked:disabled {
+ background-color: transparent;
+}
+
+pathbar.linked:not(.vertical)>button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+pathbar.linked:not(.vertical)>button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+pathbar.linked:not(.vertical)>button.text-button {
+ min-width: 0;
+}
+
+pathbar.linked:not(.vertical)>button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**
+ * Tree Views
+ */
+columnview.view,
+treeview.view {
+ border-left-color: @fg_rgba_03;
+ border-top-color: @fg_rgba_02;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: @fg_rgba_02;
+}
+
+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: 9999px;
+ border-color: rgba(158, 158, 158, 0.08);
+}
+
+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-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: @fg_rgba_07;
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+columnview.view.expander:hover,
+columnview.view.expander:active,
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: @fg;
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+ color: @fg_rgba_03;
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 4px solid @accent;
+ background-color: transparent;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ background-color: transparent;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 4px solid @fg_rgba_02;
+ background-color: transparent;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ background-color: transparent;
+}
+
+columnview.view>header>button,
+treeview.view>header>button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+ border-radius: 0;
+ background-clip: padding-box;
+ background-color: transparent;
+ color: @fg_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+columnview.view>header>button:drop(active),
+columnview.view>header>button:hover,
+treeview.view>header>button:drop(active),
+treeview.view>header>button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+columnview.view>header>button:focus,
+treeview.view>header>button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+columnview.view>header>button:active,
+treeview.view>header>button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+columnview.view>header>button:drop(active):not(:active),
+columnview.view>header>button:hover:not(:active),
+treeview.view>header>button:drop(active):not(:active),
+treeview.view>header>button:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+columnview.view>header>button:disabled,
+treeview.view>header>button:disabled {
+ color: @fg_rgba_03;
+}
+
+columnview.view>header>button:last-child,
+treeview.view>header>button:last-child {
+ border-right-style: none;
+}
+
+columnview.view>header>button>box>sort-indicator,
+treeview.view>header>button>box>sort-indicator {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+columnview.view>header>button>box>sort-indicator.ascending,
+treeview.view>header>button>box>sort-indicator.ascending {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+columnview.view>header>button>box>sort-indicator.descending,
+treeview.view>header>button>box>sort-indicator.descending {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+ border-radius: 0;
+ box-shadow: none;
+ background-clip: border-box;
+ color: @accent;
+}
+
+columnview.view acceleditor>label,
+treeview.view acceleditor>label {
+ background-color: @accent;
+}
+
+/**
+ * Menus
+ */
+menubar {
+ background-color: #09090a;
+ color: @inactive;
+}
+
+menubar:backdrop {
+ background-color: @bg_accent000;
+ color: @inactive_rgba_07;
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar>item {
+ min-height: 20px;
+ padding: 4px 8px;
+ color: @inactive_rgba_07;
+}
+
+menubar>item:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+menubar>item:focus:not(:hover) {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+menubar>item:active {
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 10%);
+}
+
+menubar>item:selected:not(:focus) {
+ transition: none;
+ background-color: rgba(128, 134, 139, 0.12);
+ color: @inactive;
+}
+
+menubar>item:disabled {
+ color: @inactive_rgba_03;
+}
+
+popover.menu>contents {
+ padding: 6px 0;
+}
+
+popover.menu separator {
+ margin: 6px 0;
+}
+
+popover.menu label.title {
+ min-height: 24px;
+ padding: 4px 32px;
+ font-weight: bold;
+}
+
+popover.menu modelbutton {
+ min-height: 22px;
+ min-width: 40px;
+ padding: 4px 32px;
+}
+
+popover.menu modelbutton:disabled {
+ color: @fg_rgba_05;
+}
+
+popover.menu modelbutton accelerator {
+ color: @fg_rgba_07;
+}
+
+popover.menu modelbutton accelerator:dir(ltr) {
+ margin-left: 24px;
+ margin-right: -16px;
+}
+
+popover.menu modelbutton accelerator:dir(rtl) {
+ margin-left: -16px;
+ margin-right: 24px;
+}
+
+popover.menu modelbutton:disabled accelerator {
+ color: @fg_rgba_03;
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ background-color: transparent;
+ background-image: none;
+}
+
+popover.menu arrow,
+popover.menu check,
+popover.menu radio {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu arrow.left,
+popover.menu check.left,
+popover.menu radio.left {
+ margin-left: -24px;
+ margin-right: 8px;
+}
+
+popover.menu arrow.right,
+popover.menu check.right,
+popover.menu radio.right {
+ margin-left: 8px;
+ margin-right: -24px;
+}
+
+popover.menu box.inline-buttons {
+ padding: 0 8px;
+}
+
+popover.menu box.circular-buttons {
+ padding: 4px 32px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 12px;
+}
+
+/**
+ * Popovers
+ */
+popover {
+ font: initial;
+}
+
+popover.background {
+ background-color: transparent;
+}
+
+popover>arrow,
+popover>contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+ color: @fg;
+}
+
+popover>arrow:backdrop,
+popover>contents:backdrop {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015;
+}
+
+popover>contents,
+popover>arrow {
+ border-width: 1px;
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) @bg_accent_rgba_03;
+ background-clip: padding-box;
+}
+
+popover>contents {
+ padding: 8px;
+ border-radius: 3px;
+}
+
+popover>contents>list,
+popover>contents .view,
+popover>contents>.toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover frame,
+popover .frame {
+ border: 1px solid @fg_rgba_02;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+/**
+ * Notebooks
+ */
+notebook:focus:focus-visible>header>tabs>tab:checked {
+ background-color: @accent_rgba_011;
+}
+
+notebook>header.top {
+ box-shadow: inset 0 -1px @fg_rgba_02;
+}
+
+notebook>header.top>tabs>tab {
+ box-shadow: inset 0 -2px transparent;
+}
+
+notebook>header.top>tabs>tab:checked {
+ box-shadow: inset 0 -2px @accent;
+}
+
+notebook>header.bottom {
+ box-shadow: inset 0 1px @fg_rgba_02;
+}
+
+notebook>header.bottom>tabs>tab {
+ box-shadow: inset 0 2px transparent;
+}
+
+notebook>header.bottom>tabs>tab:checked {
+ box-shadow: inset 0 2px @accent;
+}
+
+notebook>header.left {
+ box-shadow: inset -1px 0 @fg_rgba_02;
+}
+
+notebook>header.left>tabs>tab {
+ box-shadow: inset -2px 0 transparent;
+}
+
+notebook>header.left>tabs>tab:checked {
+ box-shadow: inset -2px 0 @accent;
+}
+
+notebook>header.right {
+ box-shadow: inset 1px 0 @fg_rgba_02;
+}
+
+notebook>header.right>tabs>tab {
+ box-shadow: inset 2px 0 transparent;
+}
+
+notebook>header.right>tabs>tab:checked {
+ box-shadow: inset 2px 0 @accent;
+}
+
+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.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;
+ padding: 4px;
+ border-radius: 0;
+ color: @fg_rgba_07;
+}
+
+notebook>header>tabs>arrow:drop(active),
+notebook>header>tabs>arrow:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>arrow:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>arrow:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+notebook>header>tabs>arrow:disabled {
+ color: @fg_rgba_03;
+}
+
+notebook>header>tabs>tab {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 12px;
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+notebook>header>tabs>tab:drop(active),
+notebook>header>tabs>tab:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>tab:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>tab:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+notebook>header>tabs>tab:disabled {
+ color: @fg_rgba_03;
+}
+
+notebook>header>tabs>tab:checked {
+ color: @accent;
+}
+
+notebook>header>tabs>tab:checked:drop(active),
+notebook>header>tabs>tab:checked:hover {
+ background-color: @accent_rgba_007;
+}
+
+notebook>header>tabs>tab:checked:focus {
+ background-color: @accent_rgba_011;
+}
+
+notebook>header>tabs>tab:checked:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+notebook>header>tabs>tab:checked:disabled {
+ color: @fg_rgba_03;
+}
+
+notebook>header>tabs>tab>box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -4px -12px;
+ padding: 4px 12px;
+}
+
+notebook>header>tabs>tab>box:drop(active) {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>tab button.flat:last-child {
+ margin-left: 4px;
+ margin-right: -8px;
+}
+
+notebook>header>tabs>tab button.flat:first-child {
+ margin-left: -8px;
+ margin-right: 4px;
+}
+
+/**
+ * Scrollbars
+ */
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-clip: padding-box;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+scrollbar.bottom {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+scrollbar.left {
+ border-right: 1px solid @fg_rgba_02;
+}
+
+scrollbar.right {
+ border-left: 1px solid @fg_rgba_02;
+}
+
+scrollbar>range>trough>slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 10px;
+ min-height: 10px;
+ border: 3px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: @fg_rgba_05;
+}
+
+scrollbar>range>trough>slider:hover {
+ background-color: @fg_rgba_06;
+}
+
+scrollbar>range>trough>slider:active {
+ background-color: @fg_rgba_07;
+}
+
+scrollbar>range>trough>slider:disabled {
+ background-color: @fg_rgba_03;
+}
+
+scrollbar.horizontal>range>trough>slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical>range>trough>slider {
+ min-height: 24px;
+}
+
+scrollbar>range.fine-tune>trough>slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar>range.fine-tune.horizontal>trough>slider {
+ margin: 3px 0;
+}
+
+scrollbar>range.fine-tune.vertical>trough>slider {
+ margin: 0 3px;
+}
+
+scrollbar.overlay-indicator>range:not(.fine-tune)>trough>slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)>range>trough>slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 2px;
+ border: 1px solid @bg_rgba_05;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal>range>trough>slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical>range>trough>slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: #141416;
+}
+
+/**
+ * Switch
+ */
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 4px 0;
+ padding: 0 2px;
+ border: 5px solid transparent;
+ border-radius: 9999px;
+ background-color: @fg_rgba_03;
+ background-clip: padding-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: @accent_rgba_05;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch>image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch>slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: -3px -2px;
+ border-radius: 9999px;
+ box-shadow: 0 0 0 10px transparent, 0 0 0 -10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+}
+
+switch:hover>slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 0 0 -10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+switch:focus>slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 0 0 -10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+switch:active>slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 0 0 10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+switch:checked>slider {
+ background-color: @accent;
+}
+
+switch:checked:hover>slider {
+ box-shadow: 0 0 0 10px @accent_rgba_011, 0 0 0 -10px @accent_rgba_015, 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+switch:checked:focus>slider {
+ box-shadow: 0 0 0 10px @accent_rgba_011, 0 0 0 -10px @accent_rgba_015, 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+switch:checked:active>slider {
+ box-shadow: 0 0 0 10px @accent_rgba_011, 0 0 0 10px @accent_rgba_015, 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+/**
+ * Check and Radio items
+ */
+.view.content-view.check:not(list),
+.content-view:not(list) .tile check {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-image: none;
+ -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px @bg_accent_rgba_015;
+}
+
+.view.content-view.check:not(list):hover,
+.view.content-view.check:not(list):active,
+.content-view:not(list) .tile check:hover,
+.content-view:not(list) .tile check:active {
+ -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px @bg_accent_rgba_015;
+}
+
+.view.content-view.check:not(list),
+.content-view:not(list) .tile check {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view:not(list) .tile check:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+ border-radius: 9999px;
+ color: @fg_rgba_07;
+}
+
+check:drop(active),
+check:hover,
+radio:drop(active),
+radio:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:focus,
+radio:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:active,
+radio:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: @accent;
+}
+
+check:checked:drop(active),
+check:checked:hover,
+check:indeterminate:drop(active),
+check:indeterminate:hover,
+radio:checked:drop(active),
+radio:checked:hover,
+radio:indeterminate:drop(active),
+radio:indeterminate:hover {
+ background-color: @accent_rgba_011;
+}
+
+check:checked:focus,
+check:indeterminate:focus,
+radio:checked:focus,
+radio:indeterminate:focus {
+ background-color: @accent_rgba_011;
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+check:disabled,
+radio:disabled {
+ color: @fg_rgba_03;
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
+ border-image-slice: 20;
+ border-image-width: 20px;
+ border-image-source: radial-gradient(circle, @accent 0%, transparent 0%);
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
+}
+
+radio:checked:not(:indeterminate) {
+ border-image-source: radial-gradient(circle, @accent 4.5px, transparent 5px);
+}
+
+radio:checked:not(:indeterminate):disabled {
+ border-image-source: radial-gradient(circle, @fg_rgba_03 4.5px, transparent 5px);
+}
+
+popover.menu modelbutton check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 2px;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
+}
+
+popover.menu modelbutton check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
+}
+
+popover.menu modelbutton check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
+}
+
+popover.menu modelbutton radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
+}
+
+popover.menu modelbutton radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
+}
+
+popover.menu modelbutton radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: @fg_rgba_07;
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: @accent;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: @fg_rgba_03;
+}
+
+treeview.view check,
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view check:selected:hover,
+treeview.view radio,
+treeview.view radio:hover,
+treeview.view radio:selected,
+treeview.view radio:selected:hover {
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
+ border-image: none;
+}
+
+/**
+ * GtkScale
+ */
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 15px 12px;
+}
+
+scale.vertical {
+ padding: 12px 15px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 14px;
+ padding-right: 14px;
+}
+
+scale.fine-tune>trough>slider {
+ margin: -14px;
+}
+
+scale>trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: @fg_rgba_03;
+}
+
+scale>trough:disabled {
+ background-color: @fg_rgba_02;
+}
+
+scale>trough>highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(@accent);
+}
+
+scale>trough>highlight:disabled {
+ background-color: @bg;
+ background-image: image(@fg_rgba_03);
+}
+
+scale>trough>fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: @fg_rgba_03;
+}
+
+scale>trough>fill:disabled {
+ background-color: transparent;
+}
+
+scale>trough>slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 32px;
+ min-height: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: auto, 1000% 1000%;
+ color: @accent;
+}
+
+scale>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale>trough>slider:hover {
+ background-color: @accent_rgba_011;
+}
+
+scale>trough>slider:focus {
+ background-color: @accent_rgba_011;
+}
+
+scale>trough>slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+ background-size: auto, 0% 0%;
+}
+
+scale>marks,
+scale>value {
+ color: @fg_rgba_07;
+}
+
+scale>value {
+ font-feature-settings: "tnum";
+}
+
+scale indicator {
+ background-color: @fg_rgba_03;
+}
+
+scale.horizontal>marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune>marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal>marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune>marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical>marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune>marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical>marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune>marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-before:not(.marks-after)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-before:not(.marks-after)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+scale.horizontal.marks-after:not(.marks-before)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-after:not(.marks-before)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-after:not(.marks-before)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+scale.vertical.marks-before:not(.marks-after)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-before:not(.marks-after)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-before:not(.marks-after)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+scale.vertical.marks-after:not(.marks-before)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-after:not(.marks-before)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-after:not(.marks-before)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal:dir(ltr),
+scale.color.horizontal:dir(rtl) {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal:dir(ltr) slider,
+scale.color.horizontal:dir(rtl) slider {
+ margin-bottom: -24px;
+ margin-top: 8px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -24px;
+ margin-right: 8px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -24px;
+ margin-left: 8px;
+}
+
+/**
+ * Progress bars
+ */
+progressbar {
+ color: @fg_rgba_07;
+ font-size: smaller;
+ font-feature-settings: "tnum";
+}
+
+progressbar>trough {
+ background-color: @fg_rgba_02;
+}
+
+progressbar>trough>progress {
+ background-color: @accent;
+}
+
+progressbar.horizontal>trough {
+ min-width: 150px;
+}
+
+progressbar.horizontal>trough,
+progressbar.horizontal>trough>progress {
+ min-height: 4px;
+}
+
+progressbar.vertical>trough {
+ min-height: 80px;
+}
+
+progressbar.vertical>trough,
+progressbar.vertical>trough>progress {
+ min-width: 4px;
+}
+
+progressbar>trough.empty>progress {
+ all: unset;
+}
+
+/**
+ * Level Bar
+ */
+levelbar.horizontal>trough>block {
+ min-height: 4px;
+}
+
+levelbar.horizontal.discrete>trough>block {
+ min-width: 32px;
+}
+
+levelbar.horizontal.discrete>trough>block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical>trough>block {
+ min-width: 4px;
+}
+
+levelbar.vertical.discrete>trough>block {
+ min-height: 32px;
+}
+
+levelbar.vertical.discrete>trough>block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar>trough>block.low {
+ background-color: #ffeb3b;
+}
+
+levelbar>trough>block.high,
+levelbar>trough>block:not(.empty) {
+ background-color: @accent;
+}
+
+levelbar>trough>block.full {
+ background-color: #00e676;
+}
+
+levelbar>trough>block.empty {
+ background-color: @fg_rgba_02;
+}
+
+/**
+ * Print dialog
+ */
+window.dialog.print paper {
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #1a1c1e;
+ color: @fg;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**
+ * Frames
+ */
+frame,
+.frame {
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #1a1c1e;
+ color: @fg;
+}
+
+frame>label {
+ margin: 4px;
+}
+
+statusbar {
+ padding: 6px 10px;
+}
+
+actionbar>revealer>box {
+ padding: 4px;
+ border-spacing: 4px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+actionbar>revealer>box .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, @accent_rgba_02 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 200% 75%;
+ background-repeat: no-repeat;
+ background-position: top;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, @accent_rgba_02 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 200% 75%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, @accent_rgba_02 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 75% 200%;
+ background-repeat: no-repeat;
+ background-position: left;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, @accent_rgba_02 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 75% 200%;
+ background-repeat: no-repeat;
+ background-position: right;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: @fg_rgba_02;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: @fg_rgba_02;
+}
+
+button.font>box>box>separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/**
+ * Lists
+ */
+listview>row,
+list>row {
+ padding: 2px;
+}
+
+listview>row.expander,
+list>row.expander {
+ padding: 0;
+}
+
+listview>row.expander .row-header,
+list>row.expander .row-header {
+ padding: 2px;
+}
+
+listview.separators:not(.horizontal)>row:not(:first-child),
+list.separators:not(.horizontal)>row:not(:first-child) {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+listview.separators.horizontal>row:not(:first-child),
+list.separators.horizontal>row:not(:first-child) {
+ border-left: 1px solid @fg_rgba_02;
+}
+
+row {
+ background-clip: padding-box;
+}
+
+row.activatable:drop(active),
+row.activatable:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+row.activatable:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+row.activatable:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+row.activatable:drop(active):not(:active),
+row.activatable:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+row.activatable.has-open-popup {
+ background-color: rgba(158, 158, 158, 0.12);
+}
+
+row:selected {
+ background-color: @accent_rgba_03;
+ background-color: @accent_rgba_03;
+}
+
+row:selected:drop(active),
+row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+row:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+row:selected.has-open-popup {
+ background-color: rgba(56, 125, 183, 0.4288);
+}
+
+listview>row:drop(active),
+listview>row:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+listview>row:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+listview>row:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+listview>row:drop(active):not(:active),
+listview>row:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+listview:selected {
+ background-color: @accent_rgba_03;
+ background-color: @accent_rgba_03;
+}
+
+listview:selected:drop(active),
+listview:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+listview:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+listview:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+columnview>listview>row {
+ padding: 0;
+}
+
+columnview>listview>row>cell {
+ min-height: 24px;
+ padding: 4px 6px;
+}
+
+columnview>listview>row>cell:not(:last-child) {
+ border-right: 1px solid transparent;
+}
+
+columnview.column-separators>listview>row>cell {
+ border-right-color: @fg_rgba_02;
+}
+
+columnview.data-table>listview>row>cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.rich-list>row {
+ padding: 12px;
+ min-height: 32px;
+}
+
+.rich-list>row>box {
+ border-spacing: 12px;
+}
+
+/**
+ * App Notifications
+ */
+.app-notification {
+ margin: 8px;
+ border-style: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: @accent;
+}
+
+.app-notification button.text-button:not(:disabled):drop(active),
+.app-notification button.text-button:not(:disabled):hover {
+ background-color: @accent_rgba_011;
+}
+
+.app-notification button.text-button:not(:disabled):focus {
+ background-color: @accent_rgba_011;
+}
+
+.app-notification button.text-button:not(:disabled):active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+/**
+ * Expanders
+ */
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ padding: 4px;
+ border-radius: 9999px;
+ color: @fg_rgba_07;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:drop(active),
+expander:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+expander:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+expander:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+expander:disabled {
+ color: @fg_rgba_03;
+}
+
+expander:checked:dir(ltr) {
+ -gtk-icon-transform: rotate(-180deg);
+}
+
+expander:checked:dir(rtl) {
+ -gtk-icon-transform: rotate(180deg);
+}
+
+indent {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 4px;
+}
+
+expander-widget:focus>box>title>expander {
+ box-shadow: inset 0 0 0 9999px rgba(158, 158, 158, 0.08);
+}
+
+expander-widget>box>title:drop(active)>expander,
+expander-widget>box>title:hover>expander {
+ box-shadow: inset 0 0 0 9999px rgba(158, 158, 158, 0.08);
+}
+
+expander-widget>box>title:active>expander {
+ transition-duration: 75ms, 225ms, 0ms, 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: 0% 0%;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+/**
+ * Calendar
+ */
+calendar {
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #1a1c1e;
+ color: @fg;
+}
+
+calendar:disabled {
+ color: @fg_rgba_05;
+}
+
+calendar>header {
+ padding: 4px;
+ border-spacing: 4px;
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+calendar>header>button.image-button {
+ padding: 0;
+ min-width: 28px;
+ min-height: 28px;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: @fg_rgba_07;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+calendar>header>button.image-button:drop(active),
+calendar>header>button.image-button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>header>button.image-button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>header>button.image-button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+calendar>header>button.image-button:disabled {
+ color: @fg_rgba_03;
+}
+
+calendar>grid {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+calendar>grid>label {
+ padding: 0;
+ min-width: 28px;
+ min-height: 28px;
+ border-radius: 9999px;
+}
+
+calendar>grid>label.day-name,
+calendar>grid>label.week-number {
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+calendar>grid>label.day-number:drop(active),
+calendar>grid>label.day-number:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>grid>label.day-number:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>grid>label.day-number:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+calendar>grid>label.day-number.today {
+ box-shadow: inset 0 0 0 1px @fg_rgba_07;
+}
+
+calendar>grid>label.day-number.other-month {
+ color: @fg_rgba_03;
+}
+
+calendar>grid>label.day-number:selected {
+ background-color: @accent_rgba_03;
+ box-shadow: inset 0 0 0 1px transparent;
+ background-color: @accent_rgba_03;
+}
+
+calendar>grid>label.day-number:selected:drop(active),
+calendar>grid>label.day-number:selected:hover {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+calendar>grid>label.day-number:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+calendar>grid>label.day-number:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+/**
+ * Dialogs
+ */
+window.dialog.message.csd.background {
+ min-width: 280px;
+ border-radius: 2px;
+ background-color: #141416;
+}
+
+window.dialog.message>.titlebar {
+ min-height: 24px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: transparent;
+ color: @fg;
+}
+
+window.dialog.message>.titlebar:backdrop {
+ background-color: transparent;
+ color: @fg_rgba_07;
+}
+
+window.dialog.message>box.dialog-vbox.vertical {
+ border-spacing: 20px;
+}
+
+window.dialog.message>box.dialog-vbox.vertical>box.vertical>box.horizontal {
+ margin: 0 -6px;
+}
+
+window.dialog.message label.title {
+ font-weight: 500;
+ font-size: 15pt;
+ letter-spacing: 0.1125pt;
+}
+
+window.dialog.message label.title+label {
+ color: @fg_rgba_07;
+}
+
+window.dialog.message list,
+window.dialog.message .view {
+ background-color: transparent;
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled) {
+ color: @accent;
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled):drop(active),
+window.dialog.message .dialog-action-area>button:not(:disabled):hover {
+ background-color: @accent_rgba_011;
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled):focus {
+ background-color: @accent_rgba_011;
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled):active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:not(:disabled) {
+ background-color: transparent;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled) {
+ background-color: transparent;
+ color: #f44336;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):drop(active),
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):hover {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):focus {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):active {
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 10%);
+}
+
+.dialog-action-area {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid @fg_rgba_02;
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+filechooser #pathbarbox>stack>box>button {
+ border-radius: 9999px;
+}
+
+filechooserbutton>button>box {
+ border-spacing: 6px;
+}
+
+/**
+ * Sidebar
+ */
+.sidebar {
+ border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar:not(separator).left,
+.sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid @fg_rgba_02;
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar:not(separator).right {
+ border-left: 1px solid @fg_rgba_02;
+ border-right-style: none;
+}
+
+paned .sidebar:dir(rtl):not(:dir(ltr)),
+paned .sidebar:dir(ltr):not(:dir(rtl)) {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 4px;
+}
+
+stacksidebar.sidebar list.separators:not(.horizontal)>row:not(:first-child) {
+ border-top-style: none;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 2px;
+ border-radius: 2px;
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: @accent_rgba_015;
+ color: @accent;
+ background-color: @accent_rgba_015;
+}
+
+stacksidebar.sidebar row:selected:drop(active),
+stacksidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+stacksidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+stacksidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+stacksidebar.sidebar row+row {
+ margin-top: 4px;
+}
+
+stacksidebar.sidebar row>label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+/**
+ * File chooser
+ */
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: @fg_rgba_07;
+}
+
+row image.sidebar-icon:disabled {
+ color: @fg_rgba_03;
+}
+
+placessidebar.sidebar list {
+ padding: 4px 0;
+}
+
+placessidebar.sidebar list>separator {
+ margin: 4px 0;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0 4px;
+ padding: 0;
+ border-radius: 2px;
+ color: @fg_rgba_07;
+ font-weight: 500;
+}
+
+placessidebar.sidebar row>revealer {
+ padding: 0 8px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: @accent_rgba_015;
+ color: @accent;
+ background-color: @accent_rgba_015;
+}
+
+placessidebar.sidebar row:selected:drop(active),
+placessidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+placessidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+placessidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+placessidebar.sidebar row:selected image.sidebar-icon {
+ color: @accent;
+}
+
+placessidebar.sidebar row:disabled {
+ color: @fg_rgba_05;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: @accent;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: @accent;
+}
+
+placesview .server-list-button>image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked>image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview>actionbar>revealer>box>box {
+ border-spacing: 4px;
+}
+
+placesview>actionbar>revealer>box>box>label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+/**
+ * Paned
+ */
+paned>separator {
+ background-clip: content-box;
+}
+
+paned>separator.wide {
+ min-width: 4px;
+ min-height: 4px;
+ border: 1px solid @fg_rgba_02;
+ background-color: transparent;
+}
+
+paned.horizontal>separator:not(.wide) {
+ margin: 0 -4px;
+ padding: 0 4px;
+}
+
+paned.horizontal>separator.wide {
+ border-style: none solid;
+}
+
+paned.vertical>separator:not(.wide) {
+ margin: -4px 0;
+ padding: 4px 0;
+}
+
+paned.vertical>separator.wide {
+ border-style: solid none;
+}
+
+/**
+ * GtkVideo
+ */
+video {
+ background-color: black;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 32px;
+ background-color: @bg_accent_rgba_06;
+ color: @fg_accent;
+}
+
+video controls.osd {
+ padding: 4px;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, @bg_accent_rgba_04);
+ color: rgba(255, 255, 255, 0.87);
+}
+
+video controls.osd button {
+ background-color: transparent;
+ color: @fg_accent_rgba_06;
+}
+
+video controls.osd button:drop(active),
+video controls.osd button:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+video controls.osd button:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+video controls.osd button:active {
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+/**
+ * GtkInfoBar
+ */
+infobar>revealer>box {
+ padding: 8px;
+ border-spacing: 12px;
+}
+
+infobar.action:hover>revealer>box {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+infobar.info>revealer>box,
+infobar.question>revealer>box {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled),
+infobar.question>revealer>box button.text-button:not(:disabled) {
+ color: @accent;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.info>revealer>box button.text-button:not(:disabled):hover,
+infobar.question>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.question>revealer>box button.text-button:not(:disabled):hover {
+ background-color: @accent_rgba_011;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):focus,
+infobar.question>revealer>box button.text-button:not(:disabled):focus {
+ background-color: @accent_rgba_011;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):active,
+infobar.question>revealer>box button.text-button:not(:disabled):active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+infobar.warning>revealer>box {
+ background-color: #ffeb3b;
+ color: @bg_accent;
+}
+
+infobar.warning>revealer>box button.flat {
+ color: @bg_accent;
+}
+
+infobar.warning>revealer>box button.flat:drop(active),
+infobar.warning>revealer>box button.flat:hover {
+ background-color: @bg_accent_rgba_01;
+}
+
+infobar.warning>revealer>box button.flat:focus {
+ background-color: @bg_accent_rgba_01;
+}
+
+infobar.warning>revealer>box button.flat:active {
+ background-image: radial-gradient(circle, @bg_accent_rgba_015 10%, transparent 10%);
+}
+
+infobar.warning>revealer>box link {
+ color: @bg_accent;
+}
+
+infobar.error>revealer>box {
+ background-color: #f44336;
+ color: @fg_accent;
+}
+
+infobar.error>revealer>box button.flat {
+ color: @fg_accent;
+}
+
+infobar.error>revealer>box button.flat:drop(active),
+infobar.error>revealer>box button.flat:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:active {
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+infobar.error>revealer>box link {
+ color: @fg_accent;
+}
+
+/**
+ * Tooltips
+ */
+tooltip {
+ min-height: 24px;
+ padding: 4px 8px;
+ border-radius: 2px;
+}
+
+tooltip.background {
+ background-color: @bg_inactive;
+ color: @inactive;
+}
+
+tooltip:not(.csd) {
+ background-color: @bg_inactive;
+}
+
+tooltip>box {
+ border-spacing: 6px;
+}
+
+tooltip .dim-label {
+ color: @inactive_rgba_07;
+}
+
+/**
+ * Color Chooser
+ */
+colorswatch {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+}
+
+colorswatch:drop(active),
+colorswatch.activatable:hover {
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 @bg_accent_rgba_015;
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch.top {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.dark {
+ color: @fg_accent;
+}
+
+colorswatch.light {
+ color: @bg_accent;
+}
+
+colorswatch#add-color-button {
+ background-color: #141416;
+ color: @fg;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 2px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px;
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 @bg_accent_rgba_015, inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+/**
+ * Misc
+ */
+/**
+ * Window Decorations
+ */
+window.csd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ border-radius: 2px;
+ box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px @bg_accent_rgba_015, 0 16px 24px 2px transparent, 0 6px 30px 5px transparent;
+}
+
+window.csd:backdrop {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 @bg_accent_rgba_015, 0 16px 24px 2px transparent, 0 6px 30px 5px transparent;
+}
+
+window.ssd {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+}
+
+window.solid-csd:backdrop {
+ background-color: @bg_accent000;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-left,
+window.tiled-right,
+window.tiled-bottom {
+ border-radius: 0;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**
+ * Touch Copy & Paste
+ */
+cursor-handle {
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 50%;
+ background-color: @accent;
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ margin-top: 6px;
+ transform: rotate(45deg);
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut>.keycap {
+ min-width: 12px;
+ min-height: 28px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 @bg_accent_rgba_015;
+ background-color: #141416;
+ color: @fg;
+ font-size: smaller;
+}
+
+stackswitcher>button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher.circular {
+ border-spacing: 12px;
+}
+
+stackswitcher.circular>button.circular {
+ min-width: 32px;
+ min-height: 32px;
+ padding: 0;
+}
+
+/**
+ * App Icons
+ */
+/**
+ * Emoji
+ */
+popover.emoji-picker>contents {
+ padding: 0;
+}
+
+popover.emoji-picker>contents emoji {
+ min-width: 3em;
+ min-height: 3em;
+ border-radius: 2px;
+}
+
+popover.emoji-picker>contents emoji:drop(active),
+popover.emoji-picker>contents emoji:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-picker>contents emoji:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-picker>contents emoji:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+.emoji-searchbar {
+ border-bottom: 1px solid @fg_rgba_02;
+}
+
+.emoji-searchbar>entry.search {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.emoji-toolbar {
+ padding: 4px;
+ border-spacing: 4px;
+ border-top: 1px solid @fg_rgba_02;
+}
+
+.emoji-toolbar>button.emoji-section:checked {
+ background-color: @accent_rgba_015;
+ color: @accent;
+ background-color: @accent_rgba_015;
+}
+
+.emoji-toolbar>button.emoji-section:checked:drop(active),
+.emoji-toolbar>button.emoji-section:checked:hover {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.emoji-toolbar>button.emoji-section:checked:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.emoji-toolbar>button.emoji-section:checked:active {
+ background-image: radial-gradient(circle, @accent_rgba_015 10%, transparent 10%);
+}
+
+popover.emoji-completion>contents {
+ padding: 8px 0;
+}
+
+popover.emoji-completion>contents emoji-completion-row {
+ min-height: 32px;
+ padding: 0 8px;
+}
+
+popover.emoji-completion>contents emoji-completion-row:drop(active),
+popover.emoji-completion>contents emoji-completion-row:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji-completion-row:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji-completion-row:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+popover.emoji-completion>contents emoji-completion-row>box {
+ border-spacing: 8px;
+}
+
+popover.emoji-completion>contents emoji {
+ border-radius: 2px;
+}
+
+popover.emoji-completion>contents emoji:drop(active),
+popover.emoji-completion>contents emoji:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+popover.entry-completion>contents {
+ padding: 0;
+}
+
+popover.entry-completion>contents treeview.view {
+ min-height: 32px;
+ padding: 8px 0;
+}
+
+popover.entry-completion>contents treeview.view>.cell {
+ padding: 0 4px;
+}
+
+popover.entry-completion>contents treeview.view>.cell:selected:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color @fg;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color @fg;
+/*
+widget base background color */
+@define-color theme_bg_color @bg;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #1a1c1e;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color @accent;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color @fg_accent;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color @bg;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color @fg_rgba_05;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #1a1c1e;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color @fg;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color @fg;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color @bg;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1a1c1e;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color @accent;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color @fg_accent;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color @fg_rgba_05;
+/*
+widgets main borders color */
+@define-color borders @fg_rgba_02;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders @fg_rgba_02;
+/*
+these are pretty self explicative */
+@define-color warning_color #ffeb3b;
+@define-color error_color #f44336;
+@define-color success_color #00e676;
+/*
+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 @inactive;
+@define-color wm_unfocused_title @inactive_rgba_07;
+@define-color wm_highlight rgba(255, 255, 255, 0.05);
+@define-color wm_bg #09090a;
+@define-color wm_unfocused_bg @bg_accent000;
+@define-color xfwm4_title @inactive;
+@define-color xfwm4_unfocused_title #5a5e61;
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg @bg;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg @bg;
+/* placeholder for entries */
+@define-color placeholder_text_color #767778;
diff --git a/gtk-theme/dist/gtk-4.0/icons/checkbox-checked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..8067c11
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/checkbox-mixed-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..76e69c9
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/checkbox-unchecked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..97dbb89
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/cursor-handle-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/radio-checked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/radio-checked-symbolic.svg
new file mode 100644
index 0000000..7b82c3d
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/radio-mixed-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/radio-unchecked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/small-checkbox-checked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..7ad27d5
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..0f80850
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..bfe0a56
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/small-radio-checked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..04a9a21
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/small-radio-mixed-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..31aac91
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/dist/gtk-4.0/icons/small-radio-unchecked-symbolic.svg b/gtk-theme/dist/gtk-4.0/icons/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/gtk-theme/dist/gtk-4.0/icons/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gtk-theme/src/colours.css b/gtk-theme/src/colours.css
index 0651e89..dac908e 100644
--- a/gtk-theme/src/colours.css
+++ b/gtk-theme/src/colours.css
@@ -5,6 +5,11 @@
*/
+
+/*
+ * Replace the colours with variable names
+ */
+
/*
* ┌ ┐
* │ Foreground │
@@ -15,26 +20,72 @@
* ── Foreground color, main interface text colour ─────────────────────
*/
@define-color fg {{ colour-foreground-hex }};
+@define-color fg_rgba_07 {{ colour-foreground-rgba-07 }};
+@define-color fg_rgba_06 {{ colour-foreground-rgba-06 }};
+@define-color fg_rgba_05 {{ colour-foreground-rgba-05 }};
+@define-color fg_rgba_03 {{ colour-foreground-rgba-03 }};
+@define-color fg_rgba_02 {{ colour-foreground-rgba-02 }};
+@define-color fg_rgba_01 {{ colour-foreground-rgba-01 }};
+
+/*
+ * ── Foreground accent, usually brighter or darker than default ───────
+*/
+@define-color fg_accent {{ colour-foreground-accent-hex }};
+@define-color fg_accent_rgba_07 {{ colour-foreground-accent-rgba-07 }};
+@define-color fg_accent_rgba_06 {{ colour-foreground-accent-rgba-06 }};
+@define-color fg_accent_rgba_05 {{ colour-foreground-accent-rgba-05 }};
+@define-color fg_accent_rgba_03 {{ colour-foreground-accent-rgba-03 }};
+@define-color fg_accent_rgba_02 {{ colour-foreground-accent-rgba-02 }};
/*
* ── Accent colour ────────────────────────────────────────────────────
*/
@define-color accent {{ colour-accent-hex }};
+@define-color accent_rgba_05 {{ colour-accent-rgba-05 }};
+@define-color accent_rgba_03 {{ colour-accent-rgba-03 }};
+@define-color accent_rgba_02 {{ colour-accent-rgba-02 }};
+@define-color accent_rgba_015 {{ colour-accent-rgba-015 }};
+@define-color accent_rgba_011 {{ colour-accent-rgba-011 }};
+@define-color accent_rgba_007 {{ colour-accent-rgba-007 }};
+
+/*
+ * ── Accent Gradient ──────────────────────────────────────────────────
+*/
+@define-color accent_gradient_1 {{ colour-accent-gradient-1-hex }};
+@define-color accent_gradient_2 {{ colour-accent-gradient-2-hex }};
+@define-color accent_gradient_3 {{ colour-accent-gradient-3-hex }};
+@define-color accent_gradient_4 {{ colour-accent-gradient-4-hex }};
+@define-color accent_gradient_5 {{ colour-accent-gradient-5-hex }};
+@define-color accent_gradient_inverse_1 {{ colour-accent-gradient-inverse-1-hex }};
+@define-color accent_gradient_inverse_2 {{ colour-accent-gradient-inverse-2-hex }};
+@define-color accent_gradient_inverse_3 {{ colour-accent-gradient-inverse-3-hex }};
/*
* ── Secondary accent colour ──────────────────────────────────────────
*/
-@define-color accent2 {{ colour-accent-2-hex }}
+@define-color accent2 {{ colour-accent-2-hex }};
+@define-color accent2_rgba_05 {{ colour-accent-2-rgba-05 }};
+@define-color accent2_rgba_03 {{ colour-accent-2-rgba-03 }};
+@define-color accent2_rgba_02 {{ colour-accent-2-rgba-02 }};
+@define-color accent2_rgba_015 {{ colour-accent-2-rgba-015 }};
+@define-color accent2_rgba_01 {{ colour-accent-2-rgba-01 }};
/*
* ── Tertiary accent colour ───────────────────────────────────────────
*/
-@define-color accent3 {{ colour-accent-3-hex }}
+@define-color accent3 {{ colour-accent-3-hex }};
/*
* ── Inactive Colour ──────────────────────────────────────────────────
*/
-@define-color inactive {{ colour-inactive-hex }}
+@define-color inactive {{ colour-inactive-hex }};
+@define-color inactive_rgba_07 {{ colour-inactive-rgba-07 }};
+@define-color inactive_rgba_05 {{ colour-inactive-rgba-05 }};
+@define-color inactive_rgba_03 {{ colour-inactive-rgba-03 }};
+@define-color inactive_rgba_02 {{ colour-inactive-rgba-02 }};
+@define-color inactive_rgba_015 {{ colour-inactive-rgba-015 }};
+
+
/*
@@ -47,19 +98,52 @@
* ── Background color, main interface background ──────────────────────
*/
@define-color bg {{ colour-background-hex }};
+@define-color bg_rgba_07 {{ colour-background-rgba-07 }};
+@define-color bg_rgba_05 {{ colour-background-rgba-05 }};
+@define-color bg_rgba_03 {{ colour-background-rgba-03 }};
+@define-color bg_rgba_02 {{ colour-background-rgba-02 }};
+@define-color bg_rgba_015 {{ colour-background-rgba-015 }};
+@define-color bg_rgba_011 {{ colour-background-rgba-011 }};
/*
* ── Accent background color ──────────────────────────────────────────
*/
@define-color bg_accent {{ colour-background-alternative-hex }};
+@define-color bg_accent_rgba_07 {{ colour-background-alternative-rgba-07 }};
+@define-color bg_accent_rgba_06 {{ colour-background-alternative-rgba-06 }};
+@define-color bg_accent_rgba_05 {{ colour-background-alternative-rgba-05 }};
+@define-color bg_accent_rgba_04 {{ colour-background-alternative-rgba-04 }};
+@define-color bg_accent_rgba_03 {{ colour-background-alternative-rgba-03 }};
+@define-color bg_accent_rgba_02 {{ colour-background-alternative-rgba-02 }};
+@define-color bg_accent_rgba_015 {{ colour-background-alternative-rgba-015 }};
+@define-color bg_accent_rgba_01 {{ colour-background-alternative-rgba-01 }};
+
+/*
+ * ── Tertiary background colour ───────────────────────────────────────
+*/
+@define-color bg_tertiary {{ colour-background-tertiary-hex }};
+@define-color bg_tertiary_rgba_05 {{ colour-background-tertiary-rgba-05 }};
+@define-color bg_tertiary_rgba_02 {{ colour-background-tertiary-rgba-02 }};
/*
* ── Inactive background colour ───────────────────────────────────────
*/
-@define-color bg_inactive {{ colour-inactive-background-hex }}
+@define-color bg_inactive {{ colour-inactive-background-hex }};
+@define-color bg_inactive_rgba_07 {{ colour-inactive-background-rgba-07 }};
+@define-color bg_inactive_rgba_05 {{ colour-inactive-background-rgba-05 }};
+@define-color bg_inactive_rgba_04 {{ colour-inactive-background-rgba-04 }};
+@define-color bg_inactive_rgba_03 {{ colour-inactive-background-rgba-03 }};
+@define-color bg_inactive_rgba_02 {{ colour-inactive-background-rgba-02 }};
+@define-color bg_inactive_rgba_015 {{ colour-inactive-background-rgba-015 }};
+@define-color bg_inactive_rgba_01 {{ colour-inactive-background-rgba-01 }};
/*
- * ── Shadow colour ────────────────────────────────────────────────────
+ * ── Shadow colours ───────────────────────────────────────────────────
*/
-@define-color shadow_rgba {{ colour-shadow-rgba }}
-@define-color shadow {{ colour-shadow-hex }}
+@define-color shadow {{ colour-shadow-hex }};
+@define-color shadow_rgba_07 {{ colour-shadow-rgba-07 }};
+@define-color shadow_rgba_05 {{ colour-shadow-rgba-05 }};
+@define-color shadow_rgba_03 {{ colour-shadow-rgba-03 }};
+@define-color shadow_rgba_02 {{ colour-shadow-rgba-02 }};
+@define-color shadow_rgba_015 {{ colour-shadow-rgba-015 }};
+@define-color shadow_rgba_011 {{ colour-shadow-rgba-011 }};
diff --git a/gtk-theme/src/gtk-3.0/gtk.css b/gtk-theme/src/gtk-3.0/gtk.css
index 346e71a..d0ac8a4 100644
--- a/gtk-theme/src/gtk-3.0/gtk.css
+++ b/gtk-theme/src/gtk-3.0/gtk.css
@@ -1,106 +1,7993 @@
-window {
- color: var( --fg );
- background-color: var( --bg );
+@import '../colours.css';
+
+/*
+ * Replace the colours with variable names. See build/util.js for translation
+ * This CSS file here is from Material-Black-Blueberry
+ */
+
+
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
}
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #387db7 0%, transparent 0%);
+ }
+
+ to {
+ background-image: radial-gradient(circle, #387db7 100%, transparent 0%);
+ }
+}
+
+button,
+modelbutton.flat,
+.menuitem.button.flat,
+notebook>header>tabs>arrow,
+check,
+radio,
+row.activatable {
+ transition-property: all, border-image, background-size, background-image;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms;
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+notebook>header>tabs>arrow:active,
+check:active,
+radio:active,
+row.activatable:active {
+ transition-duration: 75ms, 225ms, 0ms, 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: 0% 0%;
+}
+
+* {
+ -GtkToolButton-icon-spacing: 0;
+ -GtkTextView-error-underline-color: #f44336;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 24;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 4;
+ -GtkDialog-action-area-border: 4;
+ -gtk-secondary-caret-color: #387db7;
+ outline: 2px solid transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 2px;
+}
+
+*:focus {
+ outline-color: rgba(158, 158, 158, 0.08);
+}
+
+/**
+ * Base States
+ */
+.background {
+ background-color: #0f1011;
+ color: #9e9e9e;
+}
/*
- * ╭───────────────────────────────────────────────╮
- * │ GTK NAMED COLORS │
- * ╰───────────────────────────────────────────────╯
+ 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 {
+ background-color: #0f1011;
+ color: #9e9e9e;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #1a1b1c;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #202122;
+}
+
+.gtkstyle-fallback:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #387db7;
+ color: #fff;
+}
+
+.view:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+.view:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+.view:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.view:hover,
+.view:selected {
+ border-radius: 2px;
+}
+
+.view selection,
+.view:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+textview text {
+ background-color: #0f1011;
+ caret-color: #387db7;
+}
+
+frame:not(.flat) textview text,
+.frame textview text {
+ background-color: #1a1c1e;
+}
+
+popover.background textview text {
+ background-color: #141416;
+}
+
+messagedialog.background textview text {
+ background-color: #141416;
+}
+
+textview border {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #fff;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nemo-desktop.nemo-canvas-item .rubberband,
+.caja-desktop.caja-canvas-item .rubberband,
+.nautilus-desktop.nautilus-canvas-item .rubberband,
+.nemo-desktop.nemo-canvas-item rubberband,
+.caja-desktop.caja-canvas-item rubberband,
+.nautilus-desktop.nautilus-canvas-item rubberband {
+ border: 1px solid #387db7;
+ background-color: rgba(56, 125, 183, 0.3);
+}
+
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+flowbox rubberband,
+.rubberband,
+rubberband {
+ border: 1px solid #387db7;
+ background-color: rgba(56, 125, 183, 0.24);
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+flowbox flowboxchild:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: #387db7;
+}
+
+label.separator {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+label.error {
+ color: #f44336;
+}
+
+label selection {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+label:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+headerbar label:disabled,
+menuitem label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 2px;
+ background-color: rgba(9, 9, 10, 0.9);
+ color: #80868b;
+}
+
+.dim-label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 32px;
+ margin: 0 4px;
+ padding: 0 8px;
+ border-radius: 2px;
+ color: rgba(158, 158, 158, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ background-color: rgba(56, 125, 183, 0.16);
+ color: #387db7;
+}
+
+/**
+ * Spinner Animation
+ */
+@keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn);
+ }
+}
+
+spinner {
+ background: none;
+ opacity: 0;
+ color: #387db7;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1);
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked {
+ opacity: 1;
+}
+
+spinner:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+/**
+ * General Typography
+ */
+.large-title {
+ font-weight: 400;
+ font-size: 36pt;
+}
+
+.title-1,
+.nautilus-empty-state-icon+.large-title {
+ font-weight: 400;
+ font-size: 25.5pt;
+ letter-spacing: 0.1875pt;
+}
+
+.title-2 {
+ font-weight: 400;
+ font-size: 18pt;
+}
+
+.title-3 {
+ font-weight: 500;
+ font-size: 15pt;
+ letter-spacing: 0.1125pt;
+}
+
+.title-4 {
+ font-weight: 400;
+ font-size: 12pt;
+ letter-spacing: 0.375pt;
+}
+
+.heading {
+ font-weight: 500;
+ font-size: 1em;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 1em;
+}
+
+.caption-heading {
+ font-weight: 500;
+ font-size: 9pt;
+ letter-spacing: 1.125pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+ letter-spacing: 0.3pt;
+}
+
+/**
+ * Text Entries
+ */
+spinbutton:not(.vertical),
+entry {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 2px 2px 0 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #387db7;
+}
+
+spinbutton:focus:not(.vertical),
+entry:focus {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+spinbutton:not(.vertical) image:hover,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #9e9e9e;
+}
+
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 0px;
+ margin-right: 6px;
+}
+
+spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 0px;
+}
+
+spinbutton:not(.vertical) selection,
+entry selection {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #f44336;
+}
+
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #ffeb3b;
+}
+
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 0 -8px -4px;
+ border-bottom: 2px solid #387db7;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry,
+spinbutton.vertical entry {
+ border-radius: 2px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #141416;
+ color: #9e9e9e;
+ caret-color: #387db7;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:focus,
+spinbutton.vertical entry:focus {
+ border-image: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:drop(active),
+spinbutton.vertical entry:drop(active) {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:disabled,
+spinbutton.vertical entry:disabled {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #1a1c1e;
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error,
+spinbutton.vertical entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #f44336;
+ color: #fff;
+ caret-color: #fff;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error:focus,
+spinbutton.vertical entry.error:focus {
+ border-image: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error:disabled,
+spinbutton.vertical entry.error:disabled {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #1a1c1e;
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error image,
+spinbutton.vertical entry.error image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error image:hover,
+spinbutton.vertical entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical)>entry.error image:active,
+spinbutton.vertical entry.error image:active {
+ color: #fff;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error image:disabled,
+spinbutton.vertical entry.error image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning,
+spinbutton.vertical entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #ffeb3b;
+ color: #000;
+ caret-color: #000;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning:focus,
+spinbutton.vertical entry.warning:focus {
+ border-image: none;
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning:disabled,
+spinbutton.vertical entry.warning:disabled {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #1a1c1e;
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning image,
+spinbutton.vertical entry.warning image {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning image:hover,
+spinbutton.vertical entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical)>entry.warning image:active,
+spinbutton.vertical entry.warning image:active {
+ color: #000;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.warning image:disabled,
+spinbutton.vertical entry.warning image:disabled {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+treeview entry,
+treeview entry.flat {
+ background-color: #1a1c1e;
+}
+
+treeview entry,
+treeview entry:focus,
+treeview entry.flat,
+treeview entry.flat:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag,
+.documents-entry-tag,
+.photos-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: #9e9e9e;
+}
+
+.entry-tag:hover,
+.documents-entry-tag:hover,
+.photos-entry-tag:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .documents-entry-tag,
+:dir(ltr) .photos-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .documents-entry-tag,
+:dir(rtl) .photos-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.documents-entry-tag,
+.button.photos-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+/**
+ * Buttons
+ */
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#387db7), to(transparent));
+ }
+
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#387db7), to(transparent));
+ }
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+ border-radius: 2px;
+ color: #9e9e9e;
+ font-weight: 500;
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+}
+
+button:drop(active),
+button:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1a1b;
+}
+
+button:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1f1f21;
+}
+
+button:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button:checked {
+ color: #387db7;
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a2530;
+}
+
+button:checked:drop(active),
+button:checked:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1c2c3b;
+}
+
+button:checked:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1e3040;
+}
+
+button:checked:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+button:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1904);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 2px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 12px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 12px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button,
+#MatePanelPopupWindow button,
+#mate-menu button,
+.gedit-search-slider .linked:not(.vertical)>button,
+popover.messagepopover .popover-action-area button,
+button.sidebar-button,
+scrollbar button,
+combobox>.linked:not(.vertical)>button:not(:only-child),
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+.nemo-window .toolbar button,
+.raven .raven-header.top stackswitcher.linked>button,
+.caja-navigation-window box.horizontal>button.toggle.image-button,
+#CanvasTable button,
+layouttabbar button,
+.message-input-area button,
+filechooser #pathbarbox>stack>box>button,
+#buttonbox_frame button,
+.drop-shadow button,
+.budgie-session-dialog .linked.horizontal>button,
+#caja-extra-view-widget button,
+.lock-dialog button,
+infobar.info>revealer>box button,
+infobar.question>revealer>box button,
+messagedialog .dialog-action-box button,
+.app-notification button,
+actionbar>revealer>box button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.titlebar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+button.flat {
+ color: rgba(158, 158, 158, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:drop(active),
+#MatePanelPopupWindow button:drop(active),
+#mate-menu button:drop(active),
+.gedit-search-slider .linked:not(.vertical)>button:drop(active),
+popover.messagepopover .popover-action-area button:drop(active),
+button.sidebar-button:drop(active),
+scrollbar button:drop(active),
+combobox>.linked:not(.vertical)>button:drop(active):not(:only-child),
+spinbutton.vertical button:drop(active),
+spinbutton:not(.vertical) button:drop(active),
+.nemo-window .toolbar button:drop(active),
+.raven .raven-header.top stackswitcher.linked>button:drop(active),
+.caja-navigation-window box.horizontal>button.toggle.image-button:drop(active),
+#CanvasTable button:drop(active),
+layouttabbar button:drop(active),
+.message-input-area button:drop(active),
+filechooser #pathbarbox>stack>box>button:drop(active),
+#buttonbox_frame button:drop(active),
+.drop-shadow button:drop(active),
+.budgie-session-dialog .linked.horizontal>button:drop(active),
+#caja-extra-view-widget button:drop(active),
+.lock-dialog button:drop(active),
+infobar.info>revealer>box button:drop(active),
+infobar.question>revealer>box button:drop(active),
+messagedialog .dialog-action-box button:drop(active),
+.app-notification button:drop(active),
+actionbar>revealer>box button:drop(active):not(.suggested-action):not(.destructive-action),
+popover.background.menu button:drop(active),
+popover.background button.model:drop(active),
+.titlebar button:drop(active):not(.suggested-action):not(.destructive-action),
+toolbar button:drop(active),
+button.flat:drop(active),
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#MatePanelPopupWindow button:hover,
+#mate-menu button:hover,
+.gedit-search-slider .linked:not(.vertical)>button:hover,
+popover.messagepopover .popover-action-area button:hover,
+button.sidebar-button:hover,
+scrollbar button:hover,
+combobox>.linked:not(.vertical)>button:hover:not(:only-child),
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+.nemo-window .toolbar button:hover,
+.raven .raven-header.top stackswitcher.linked>button:hover,
+.caja-navigation-window box.horizontal>button.toggle.image-button:hover,
+#CanvasTable button:hover,
+layouttabbar button:hover,
+.message-input-area button:hover,
+filechooser #pathbarbox>stack>box>button:hover,
+#buttonbox_frame button:hover,
+.drop-shadow button:hover,
+.budgie-session-dialog .linked.horizontal>button:hover,
+#caja-extra-view-widget button:hover,
+.lock-dialog button:hover,
+infobar.info>revealer>box button:hover,
+infobar.question>revealer>box button:hover,
+messagedialog .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar>revealer>box button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.titlebar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+button.flat:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#MatePanelPopupWindow button:focus,
+#mate-menu button:focus,
+.gedit-search-slider .linked:not(.vertical)>button:focus,
+popover.messagepopover .popover-action-area button:focus,
+button.sidebar-button:focus,
+scrollbar button:focus,
+combobox>.linked:not(.vertical)>button:focus:not(:only-child),
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+.nemo-window .toolbar button:focus,
+.raven .raven-header.top stackswitcher.linked>button:focus,
+.caja-navigation-window box.horizontal>button.toggle.image-button:focus,
+#CanvasTable button:focus,
+layouttabbar button:focus,
+.message-input-area button:focus,
+filechooser #pathbarbox>stack>box>button:focus,
+#buttonbox_frame button:focus,
+.drop-shadow button:focus,
+.budgie-session-dialog .linked.horizontal>button:focus,
+#caja-extra-view-widget button:focus,
+.lock-dialog button:focus,
+infobar.info>revealer>box button:focus,
+infobar.question>revealer>box button:focus,
+messagedialog .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar>revealer>box button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.titlebar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+button.flat:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#MatePanelPopupWindow button:active,
+#mate-menu button:active,
+.gedit-search-slider .linked:not(.vertical)>button:active,
+popover.messagepopover .popover-action-area button:active,
+button.sidebar-button:active,
+scrollbar button:active,
+combobox>.linked:not(.vertical)>button:active:not(:only-child),
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+.nemo-window .toolbar button:active,
+.raven .raven-header.top stackswitcher.linked>button:active,
+.caja-navigation-window box.horizontal>button.toggle.image-button:active,
+#CanvasTable button:active,
+layouttabbar button:active,
+.message-input-area button:active,
+filechooser #pathbarbox>stack>box>button:active,
+#buttonbox_frame button:active,
+.drop-shadow button:active,
+.budgie-session-dialog .linked.horizontal>button:active,
+#caja-extra-view-widget button:active,
+.lock-dialog button:active,
+infobar.info>revealer>box button:active,
+infobar.question>revealer>box button:active,
+messagedialog .dialog-action-box button:active,
+.app-notification button:active,
+actionbar>revealer>box button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.titlebar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#MatePanelPopupWindow button:disabled,
+#mate-menu button:disabled,
+.gedit-search-slider .linked:not(.vertical)>button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+button.sidebar-button:disabled,
+scrollbar button:disabled,
+combobox>.linked:not(.vertical)>button:disabled:not(:only-child),
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+.nemo-window .toolbar button:disabled,
+.raven .raven-header.top stackswitcher.linked>button:disabled,
+.caja-navigation-window box.horizontal>button.toggle.image-button:disabled,
+#CanvasTable button:disabled,
+layouttabbar button:disabled,
+.message-input-area button:disabled,
+filechooser #pathbarbox>stack>box>button:disabled,
+#buttonbox_frame button:disabled,
+.drop-shadow button:disabled,
+.budgie-session-dialog .linked.horizontal>button:disabled,
+#caja-extra-view-widget button:disabled,
+.lock-dialog button:disabled,
+infobar.info>revealer>box button:disabled,
+infobar.question>revealer>box button:disabled,
+messagedialog .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar>revealer>box button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.titlebar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+button.flat:disabled {
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+.raven .raven-header.top stackswitcher.linked>button:checked,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked,
+#CanvasTable button:checked,
+layouttabbar button:checked,
+.message-input-area button:checked,
+filechooser #pathbarbox>stack>box>button:checked,
+#buttonbox_frame button:checked,
+.drop-shadow button:checked,
+.budgie-session-dialog .linked.horizontal>button:checked,
+#caja-extra-view-widget button:checked,
+.lock-dialog button:checked,
+infobar.info>revealer>box button:checked,
+infobar.question>revealer>box button:checked,
+messagedialog .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar>revealer>box button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.titlebar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+button.flat:checked {
+ color: #387db7;
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+.nemo-window .toolbar button:checked:drop(active),
+.raven .raven-header.top stackswitcher.linked>button:checked:drop(active),
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:drop(active),
+#CanvasTable button:checked:drop(active),
+layouttabbar button:checked:drop(active),
+.message-input-area button:checked:drop(active),
+filechooser #pathbarbox>stack>box>button:checked:drop(active),
+#buttonbox_frame button:checked:drop(active),
+.drop-shadow button:checked:drop(active),
+.budgie-session-dialog .linked.horizontal>button:checked:drop(active),
+#caja-extra-view-widget button:checked:drop(active),
+.lock-dialog button:checked:drop(active),
+infobar.info>revealer>box button:checked:drop(active),
+infobar.question>revealer>box button:checked:drop(active),
+messagedialog .dialog-action-box button:checked:drop(active),
+.app-notification button:checked:drop(active),
+actionbar>revealer>box button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:drop(active),
+popover.background button.model:checked:drop(active),
+.titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+toolbar button:checked:drop(active),
+button.flat:checked:drop(active),
+.nemo-window .toolbar button:checked:hover,
+.raven .raven-header.top stackswitcher.linked>button:checked:hover,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:hover,
+#CanvasTable button:checked:hover,
+layouttabbar button:checked:hover,
+.message-input-area button:checked:hover,
+filechooser #pathbarbox>stack>box>button:checked:hover,
+#buttonbox_frame button:checked:hover,
+.drop-shadow button:checked:hover,
+.budgie-session-dialog .linked.horizontal>button:checked:hover,
+#caja-extra-view-widget button:checked:hover,
+.lock-dialog button:checked:hover,
+infobar.info>revealer>box button:checked:hover,
+infobar.question>revealer>box button:checked:hover,
+messagedialog .dialog-action-box button:checked:hover,
+.app-notification button:checked:hover,
+actionbar>revealer>box button:checked:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:hover,
+popover.background button.model:checked:hover,
+.titlebar button:checked:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:hover,
+button.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.nemo-window .toolbar button:checked:focus,
+.raven .raven-header.top stackswitcher.linked>button:checked:focus,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:focus,
+#CanvasTable button:checked:focus,
+layouttabbar button:checked:focus,
+.message-input-area button:checked:focus,
+filechooser #pathbarbox>stack>box>button:checked:focus,
+#buttonbox_frame button:checked:focus,
+.drop-shadow button:checked:focus,
+.budgie-session-dialog .linked.horizontal>button:checked:focus,
+#caja-extra-view-widget button:checked:focus,
+.lock-dialog button:checked:focus,
+infobar.info>revealer>box button:checked:focus,
+infobar.question>revealer>box button:checked:focus,
+messagedialog .dialog-action-box button:checked:focus,
+.app-notification button:checked:focus,
+actionbar>revealer>box button:checked:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:focus,
+popover.background button.model:checked:focus,
+.titlebar button:checked:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:focus,
+button.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.nemo-window .toolbar button:checked:active,
+.raven .raven-header.top stackswitcher.linked>button:checked:active,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:active,
+#CanvasTable button:checked:active,
+layouttabbar button:checked:active,
+.message-input-area button:checked:active,
+filechooser #pathbarbox>stack>box>button:checked:active,
+#buttonbox_frame button:checked:active,
+.drop-shadow button:checked:active,
+.budgie-session-dialog .linked.horizontal>button:checked:active,
+#caja-extra-view-widget button:checked:active,
+.lock-dialog button:checked:active,
+infobar.info>revealer>box button:checked:active,
+infobar.question>revealer>box button:checked:active,
+messagedialog .dialog-action-box button:checked:active,
+.app-notification button:checked:active,
+actionbar>revealer>box button:checked:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:active,
+popover.background button.model:checked:active,
+.titlebar button:checked:active:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:active,
+button.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+.nemo-window .toolbar button:checked:disabled,
+.raven .raven-header.top stackswitcher.linked>button:checked:disabled,
+.caja-navigation-window box.horizontal>button.toggle.image-button:checked:disabled,
+#CanvasTable button:checked:disabled,
+layouttabbar button:checked:disabled,
+.message-input-area button:checked:disabled,
+filechooser #pathbarbox>stack>box>button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.drop-shadow button:checked:disabled,
+.budgie-session-dialog .linked.horizontal>button:checked:disabled,
+#caja-extra-view-widget button:checked:disabled,
+.lock-dialog button:checked:disabled,
+infobar.info>revealer>box button:checked:disabled,
+infobar.question>revealer>box button:checked:disabled,
+messagedialog .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar>revealer>box button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+button.flat:checked:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+#buttonbox_frame button.text-button,
+.drop-shadow button.text-button,
+.budgie-session-dialog .linked.horizontal>button.text-button,
+#caja-extra-view-widget button.text-button,
+.lock-dialog button.text-button,
+infobar.info>revealer>box button.text-button,
+infobar.question>revealer>box button.text-button,
+messagedialog .dialog-action-box button.text-button,
+.app-notification button.text-button,
+actionbar>revealer>box button.text-button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button.text-button,
+popover.background button.text-button.model,
+.titlebar button.text-button:not(.suggested-action):not(.destructive-action),
+toolbar button.text-button,
+button.flat.text-button {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+#buttonbox_frame button.text-button.image-button,
+.drop-shadow button.text-button.image-button,
+.budgie-session-dialog .linked.horizontal>button.text-button.image-button,
+#caja-extra-view-widget button.text-button.image-button,
+.lock-dialog button.text-button.image-button,
+infobar.info>revealer>box button.text-button.image-button,
+infobar.question>revealer>box button.text-button.image-button,
+messagedialog .dialog-action-box button.text-button.image-button,
+.app-notification button.text-button.image-button,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button.text-button.image-button,
+popover.background button.text-button.image-button.model,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+toolbar button.text-button.image-button,
+button.flat.text-button.image-button {
+ min-width: 24px;
+ padding: 4px;
+}
+
+#buttonbox_frame button.text-button.image-button label:first-child,
+.drop-shadow button.text-button.image-button label:first-child,
+.budgie-session-dialog .linked.horizontal>button.text-button.image-button label:first-child,
+#caja-extra-view-widget button.text-button.image-button label:first-child,
+.lock-dialog button.text-button.image-button label:first-child,
+infobar.info>revealer>box button.text-button.image-button label:first-child,
+infobar.question>revealer>box button.text-button.image-button label:first-child,
+messagedialog .dialog-action-box button.text-button.image-button label:first-child,
+.app-notification button.text-button.image-button label:first-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+popover.background.menu button.text-button.image-button label:first-child,
+popover.background button.text-button.image-button.model label:first-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+toolbar button.text-button.image-button label:first-child,
+button.flat.text-button.image-button label:first-child {
+ margin-left: 8px;
+}
+
+#buttonbox_frame button.text-button.image-button label:last-child,
+.drop-shadow button.text-button.image-button label:last-child,
+.budgie-session-dialog .linked.horizontal>button.text-button.image-button label:last-child,
+#caja-extra-view-widget button.text-button.image-button label:last-child,
+.lock-dialog button.text-button.image-button label:last-child,
+infobar.info>revealer>box button.text-button.image-button label:last-child,
+infobar.question>revealer>box button.text-button.image-button label:last-child,
+messagedialog .dialog-action-box button.text-button.image-button label:last-child,
+.app-notification button.text-button.image-button label:last-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+popover.background.menu button.text-button.image-button label:last-child,
+popover.background button.text-button.image-button.model label:last-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+toolbar button.text-button.image-button label:last-child,
+button.flat.text-button.image-button label:last-child {
+ margin-right: 8px;
+}
+
+#buttonbox_frame .linked:not(.vertical)>button:not(:only-child),
+.drop-shadow .linked:not(.vertical)>button:not(:only-child),
+.budgie-session-dialog .linked.horizontal:not(.vertical)>button:not(:only-child),
+#caja-extra-view-widget .linked:not(.vertical)>button:not(:only-child),
+.lock-dialog .linked:not(.vertical)>button:not(:only-child),
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child),
+messagedialog .dialog-action-box .linked:not(.vertical)>button:not(:only-child),
+.app-notification .linked:not(.vertical)>button:not(:only-child),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked:not(.vertical)>button:not(:only-child),
+popover.background .linked:not(.vertical)>button.model:not(:only-child),
+.titlebar .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+toolbar .linked:not(.vertical)>button:not(:only-child),
+#buttonbox_frame .linked.vertical>button:not(:only-child),
+.drop-shadow .linked.vertical>button:not(:only-child),
+.budgie-session-dialog .linked.horizontal.vertical>button:not(:only-child),
+#caja-extra-view-widget .linked.vertical>button:not(:only-child),
+.lock-dialog .linked.vertical>button:not(:only-child),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child),
+messagedialog .dialog-action-box .linked.vertical>button:not(:only-child),
+.app-notification .linked.vertical>button:not(:only-child),
+actionbar>revealer>box .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked.vertical>button:not(:only-child),
+popover.background .linked.vertical>button.model:not(:only-child),
+.titlebar .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+toolbar .linked.vertical>button:not(:only-child),
+.linked:not(.vertical)>button.flat:not(:only-child),
+.linked.vertical>button.flat:not(:only-child) {
+ border-radius: 2px;
+}
+
+#buttonbox_frame .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.drop-shadow .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.budgie-session-dialog .linked.horizontal:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+#caja-extra-view-widget .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.lock-dialog .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+messagedialog .dialog-action-box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+popover.background .linked:not(.vertical)>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+toolbar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+#buttonbox_frame .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.drop-shadow .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.budgie-session-dialog .linked.horizontal.vertical>button:not(:only-child).image-button:not(.text-button),
+#caja-extra-view-widget .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.lock-dialog .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+messagedialog .dialog-action-box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.background.menu .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+popover.background .linked.vertical>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+toolbar .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.linked:not(.vertical)>button.flat:not(:only-child).image-button:not(.text-button),
+.linked.vertical>button.flat:not(:only-child).image-button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+button.osd {
+ padding: 8px 12px;
+}
+
+button.osd.image-button {
+ padding: 8px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ color: #fff;
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #387db7;
+}
+
+button.suggested-action:drop(active),
+button.suggested-action:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #4887bd;
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #508dc0;
+}
+
+button.suggested-action:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.suggested-action:checked {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #5892c3;
+}
+
+button.suggested-action:checked:drop(active),
+button.suggested-action:checked:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #5f96c5;
+}
+
+button.suggested-action:checked:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #659bc8;
+}
+
+button.suggested-action:checked:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.suggested-action.flat {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.suggested-action.flat:drop(active),
+button.suggested-action.flat:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.suggested-action.flat:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.suggested-action.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+button.suggested-action.flat:checked:drop(active),
+button.suggested-action.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+button.suggested-action.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+button.suggested-action.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+button.destructive-action {
+ color: #fff;
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f44336;
+}
+
+button.destructive-action:drop(active),
+button.destructive-action:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f55246;
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f55a4e;
+}
+
+button.destructive-action:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.destructive-action:checked {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f66156;
+}
+
+button.destructive-action:checked:drop(active),
+button.destructive-action:checked:hover {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f76e64;
+}
+
+button.destructive-action:checked:focus {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f7746a;
+}
+
+button.destructive-action:checked:active {
+ box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+button.destructive-action.flat {
+ color: #f44336;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.destructive-action.flat:drop(active),
+button.destructive-action.flat:hover {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:focus {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 0%);
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.16);
+}
+
+button.destructive-action.flat:checked:drop(active),
+button.destructive-action.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.2608);
+}
+
+button.destructive-action.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.2608);
+}
+
+button.destructive-action.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 0%);
+}
+
+.stack-switcher>button>label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher>button>image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher>button.needs-attention:checked>label,
+.stack-switcher>button.needs-attention:checked>image {
+ animation: none;
+ background-image: none;
+}
+
+.inline-toolbar button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+ border-radius: 9999px;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.nautilus-window .floating-bar button,
+.gedit-document-panel row button.flat,
+.gedit-search-slider .linked:not(.vertical)>button,
+button.sidebar-button,
+notebook>header>tabs>tab button.flat,
+spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+stacksidebar.sidebar row.needs-attention>label,
+.stack-switcher>button.needs-attention>label,
+.stack-switcher>button.needs-attention>image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention>label:dir(rtl),
+.stack-switcher>button.needs-attention>label:dir(rtl),
+.stack-switcher>button.needs-attention>image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(.vertical)>combobox:not(:first-child)>box>button.combo,
+.linked:not(.vertical)>spinbutton:not(:first-child):not(.vertical),
+.linked:not(.vertical)>entry:not(:first-child),
+.linked:not(.vertical)>button:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical)>combobox:not(:last-child)>box>button.combo,
+.linked:not(.vertical)>spinbutton:not(:last-child):not(.vertical),
+.linked:not(.vertical)>entry:not(:last-child),
+.linked:not(.vertical)>button:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical>combobox:not(:first-child)>box>button.combo,
+.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>combobox:not(:last-child)>box>button.combo,
+.linked.vertical>spinbutton:not(:last-child):not(.vertical),
+.linked.vertical>entry:not(:last-child),
+.linked.vertical>button:not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical)>button.image-button:first-child:not(.text-button) {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.linked:not(.vertical)>button.image-button:last-child:not(.text-button) {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked:not(.vertical)>button.image-button:only-child:not(.text-button) {
+ border-radius: 9999px;
+}
+
+.linked.vertical>button.image-button:first-child:not(.text-button) {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+.linked.vertical>button.image-button:last-child:not(.text-button) {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked.vertical>button.image-button:only-child:not(.text-button) {
+ border-radius: 9999px;
+}
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 2px;
+}
+
+modelbutton.flat:drop(active),
+modelbutton.flat:hover,
+.menuitem.button.flat:drop(active),
+.menuitem.button.flat:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:focus,
+.menuitem.button.flat:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:active,
+.menuitem.button.flat:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+modelbutton.flat arrow {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(158, 158, 158, 0.7);
+}
+
+modelbutton.flat arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+/**
+ * Links
+ */
+*:link {
+ color: #387db7;
+}
+
+*:link:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+*:visited {
+ color: #673ab7;
+}
+
+*:visited:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.link:link {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.link:link:drop(active),
+button.link:link:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.link:link:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.link:link:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+button.link:visited {
+ color: #673ab7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.link:visited:drop(active),
+button.link:visited:hover {
+ box-shadow: none;
+ background-color: rgba(103, 58, 183, 0.12);
+}
+
+button.link:visited:focus {
+ box-shadow: none;
+ background-color: rgba(103, 58, 183, 0.12);
+}
+
+button.link:visited:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(103, 58, 183, 0.16) 10%, transparent 0%);
+}
+
+button.link:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.link>label {
+ text-decoration-line: underline;
+}
+
+/**
+ * GtkSpinButton
+ */
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 24px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 4px transparent;
+ background-clip: padding-box;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active) {
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -2px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -2px;
+}
+
+spinbutton.vertical {
+ caret-color: #387db7;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.vertical entry {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ background-color: transparent;
+}
+
+spinbutton.vertical button.up {
+ border-radius: 2px 2px 0 0;
+}
+
+spinbutton.vertical button.down {
+ border-radius: 0 0 2px 2px;
+}
+
+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 {
+ transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1);
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px;
+}
+
+combobox button.combo:checked arrow {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+combobox decoration {
+ transition: none;
+}
+
+combobox cellview {
+ margin: -2px;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox menu {
+ padding: 2px 0;
+}
+
+combobox menu menuitem {
+ min-height: 28px;
+ padding: 0 8px;
+}
+
+combobox menu>arrow.top {
+ margin-top: -2px;
+}
+
+combobox menu>arrow.bottom {
+ margin-top: 4px;
+ margin-bottom: -6px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):first-child {
+ margin-right: -32px;
+ padding-right: 32px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):last-child {
+ margin-left: -32px;
+ padding-left: 32px;
+}
+
+combobox>.linked:not(.vertical)>button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 4px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+button.combo:only-child {
+ border-radius: 2px 2px 0 0;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 0%, transparent 0%) 2/0 0 0;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #387db7;
+}
+
+button.combo:only-child:focus {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+button.combo:only-child:drop(active),
+button.combo:only-child:hover {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+button.combo:only-child:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 100%, transparent 0%) 2/0 0 2px;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.combo:only-child arrow {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(158, 158, 158, 0.7);
+}
+
+button.combo:only-child arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+/**
+ * Toolbars
+ */
+toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 2px;
+}
+
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+toolbar.horizontal>separator {
+ margin: 2px;
+}
+
+toolbar.vertical>separator {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+ margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 6px 2px;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 4px;
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.inline-toolbar {
+ padding: 4px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ background-color: #1a1c1e;
+ background-clip: padding-box;
+}
+
+searchbar>revealer>box,
+.location-bar {
+ padding: 4px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+}
+
+searchbar>revealer>box {
+ margin: -6px;
+ padding: 4px;
+}
+
+/**
+ * Header bars
+ */
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+ color: #80868b;
+}
+
+.titlebar:disabled {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar:backdrop {
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.titlebar .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar headerbar+separator {
+ background-color: rgba(128, 134, 139, 0.2);
+}
+
+.titlebar entry {
+ box-shadow: inset 0 -1px rgba(128, 134, 139, 0.3);
+ background-color: rgba(128, 134, 139, 0.04);
+ color: #80868b;
+}
+
+.titlebar entry:disabled {
+ box-shadow: inset 0 -1px rgba(128, 134, 139, 0.2);
+ background-color: rgba(128, 134, 139, 0.04);
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar entry image {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar entry image:hover,
+.titlebar entry image:active {
+ color: #80868b;
+}
+
+.titlebar entry image:disabled {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+ background-color: transparent;
+ color: rgba(128, 134, 139, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+ background-color: transparent;
+ color: #80868b;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ background-color: transparent;
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(128, 134, 139, 0.08);
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 104px;
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #387db7;
+ color: #fff;
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: #fff;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+ color: #fff;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+ color: #fff;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #387db7;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 4px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+headerbar {
+ min-height: 40px;
+ padding: 0 4px;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+headerbar separator.titlebutton {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ background-color: rgba(128, 134, 139, 0.2);
+}
+
+headerbar switch {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .documents-entry-tag,
+headerbar .photos-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+/**
+ * Pathbars
+ */
+.caja-pathbar button,
+.path-bar.linked:not(.vertical)>button {
+ padding-left: 4px;
+ padding-right: 4px;
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 0%, transparent 0%) 0 0 0/0 0 0;
+ border-radius: 2px;
+ color: rgba(158, 158, 158, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.caja-pathbar button:drop(active),
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical)>button:drop(active),
+.path-bar.linked:not(.vertical)>button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical)>button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical)>button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical)>button:disabled {
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical)>button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 100%, transparent 0%) 0 0 2/0 0 2px;
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.caja-pathbar button:checked:drop(active),
+.caja-pathbar button:checked:hover,
+.path-bar.linked:not(.vertical)>button:checked:drop(active),
+.path-bar.linked:not(.vertical)>button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.caja-pathbar button:checked:focus,
+.path-bar.linked:not(.vertical)>button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.caja-pathbar button:checked:active,
+.path-bar.linked:not(.vertical)>button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical)>button:checked:disabled {
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical)>button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical)>button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical)>button.text-button {
+ min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical)>button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**
+ * Tree Views
+ */
+treeview.view {
+ border-left-color: rgba(158, 158, 158, 0.3);
+ border-top-color: rgba(158, 158, 158, 0.2);
+}
+
+* {
+ -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:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(158, 158, 158, 0.2);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: rgba(158, 158, 158, 0.08);
+}
+
+treeview.view:drop(active).after {
+ border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(158, 158, 158, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: #9e9e9e;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+treeview.view.progressbar {
+ border-bottom: 4px solid #387db7;
+ background-color: transparent;
+}
+
+treeview.view.progressbar:selected:hover {
+ background-color: transparent;
+}
+
+treeview.view.trough {
+ border-bottom: 4px solid rgba(158, 158, 158, 0.2);
+ background-color: transparent;
+}
+
+treeview.view.trough:selected:hover {
+ background-color: transparent;
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ border-radius: 0;
+ background-clip: padding-box;
+ color: rgba(158, 158, 158, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view header button:drop(active),
+treeview.view header button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+treeview.view header button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+treeview.view header button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+treeview.view header button:drop(active):not(:active),
+treeview.view header button:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+treeview.view header button:disabled {
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+treeview.view header button:last-child {
+ border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ border-radius: 0;
+ box-shadow: none;
+ background-clip: padding-box;
+ background-color: #141416;
+ color: #387db7;
+}
+
+treeview.view acceleditor>label {
+ background-color: #387db7;
+}
+
+/**
+ * Menus
+ */
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0;
+ background-color: #09090a;
+ color: #80868b;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar>menuitem,
+.menubar>menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+menubar>menuitem:hover,
+.menubar>menuitem:hover {
+ transition: none;
+ background-color: rgba(128, 134, 139, 0.12);
+ color: #80868b;
+}
+
+menubar>menuitem:disabled,
+.menubar>menuitem:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 4px 0;
+ padding: 4px 0;
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: #9e9e9e;
+ font: initial;
+ text-shadow: none;
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+ border: none;
+ border-radius: 2px;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ transition: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+menu menuitem arrow:disabled,
+.menu menuitem arrow:disabled,
+.context-menu menuitem arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+ margin-right: 8px;
+}
+
+menu>arrow,
+.menu>arrow,
+.context-menu>arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #141416;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+menu>arrow.top,
+.menu>arrow.top,
+.context-menu>arrow.top {
+ margin-top: -4px;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ border-radius: 2px 2px 0 0;
+ -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 rgba(158, 158, 158, 0.2);
+ border-radius: 0 0 2px 2px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu>arrow:hover,
+.menu>arrow:hover,
+.context-menu>arrow:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+menu>arrow:disabled,
+.menu>arrow:disabled,
+.context-menu>arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+menuitem accelerator {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+menuitem:disabled accelerator {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+/**
+ * Popovers
+ */
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+}
+
+popover.background:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background,
+.csd popover.background {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+
+popover.background>stack {
+ margin: -4px;
+}
+
+popover.background>toolbar {
+ margin: -2px;
+}
+
+popover.background>list,
+popover.background>.view,
+popover.background>toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 2px;
+}
+
+popover.background separator {
+ margin: 4px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/**
+ * Notebooks
+ */
+notebook:focus>header>tabs>tab:checked {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+notebook>header.top {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.top>tabs>tab {
+ box-shadow: inset 0 -2px transparent;
+}
+
+notebook>header.top>tabs>tab:checked {
+ box-shadow: inset 0 -2px #387db7;
+}
+
+notebook>header.bottom {
+ box-shadow: inset 0 1px rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.bottom>tabs>tab {
+ box-shadow: inset 0 2px transparent;
+}
+
+notebook>header.bottom>tabs>tab:checked {
+ box-shadow: inset 0 2px #387db7;
+}
+
+notebook>header.left {
+ box-shadow: inset -1px 0 rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.left>tabs>tab {
+ box-shadow: inset -2px 0 transparent;
+}
+
+notebook>header.left>tabs>tab:checked {
+ box-shadow: inset -2px 0 #387db7;
+}
+
+notebook>header.right {
+ box-shadow: inset 1px 0 rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.right>tabs>tab {
+ box-shadow: inset 2px 0 transparent;
+}
+
+notebook>header.right>tabs>tab:checked {
+ box-shadow: inset 2px 0 #387db7;
+}
+
+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.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;
+ padding: 4px;
+ border-radius: 0;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+notebook>header>tabs>arrow:drop(active),
+notebook>header>tabs>arrow:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>arrow:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>arrow:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+notebook>header>tabs>arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+notebook>header>tabs>tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 16px;
+ outline: none;
+ background-image: radial-gradient(circle, #387db7 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+notebook>header>tabs>tab:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>tab:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+notebook>header>tabs>tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #387db7;
+}
+
+notebook>header>tabs>tab:checked:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+notebook>header>tabs>tab:checked.dnd {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+notebook>header>tabs>tab>box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -4px -16px;
+ padding: 4px 16px;
+}
+
+notebook>header>tabs>tab>box:drop(active) {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>tab button.flat:last-child {
+ margin-left: 4px;
+ margin-right: -12px;
+}
+
+notebook>header>tabs>tab button.flat:first-child {
+ margin-left: -12px;
+ margin-right: 4px;
+}
+
+/**
+ * Scrollbars
+ */
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-clip: padding-box;
+}
+
+* {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 8px;
+ min-height: 8px;
+ border: 4px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(158, 158, 158, 0.5);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(158, 158, 158, 0.6);
+}
+
+scrollbar slider:active {
+ background-color: rgba(158, 158, 158, 0.7);
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(26, 28, 30, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 3px;
+ border: 1px solid rgba(26, 28, 30, 0.3);
+ border-radius: 9999px;
+ background-color: rgba(158, 158, 158, 0.5);
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: #141416;
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**
+ * Switch
+ */
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 4px 0;
+ padding: 0 2px;
+ border: 5px solid transparent;
+ border-radius: 9999px;
+ background-color: rgba(158, 158, 158, 0.3);
+ background-clip: padding-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: rgba(56, 125, 183, 0.5);
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: -3px -2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #141416;
+}
+
+switch:hover slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+switch:focus slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+switch:checked slider {
+ background-color: #387db7;
+}
+
+switch:checked:hover slider {
+ box-shadow: 0 0 0 10px rgba(56, 125, 183, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+switch:checked:focus slider {
+ box-shadow: 0 0 0 10px rgba(56, 125, 183, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+/**
+ * Check and Radio items
+ */
+.view.content-view.check:not(list),
+.content-view:not(list) check {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-image: none;
+ -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+.view.content-view.check:not(list):hover,
+.view.content-view.check:not(list):active,
+.content-view:not(list) check:hover,
+.content-view:not(list) check:active {
+ -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view:not(list) check {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view:not(list) check:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+ border-radius: 9999px;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+check:drop(active),
+check:hover,
+radio:drop(active),
+radio:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:focus,
+radio:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:active,
+radio:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #387db7;
+}
+
+check:checked:drop(active),
+check:checked:hover,
+check:indeterminate:drop(active),
+check:indeterminate:hover,
+radio:checked:drop(active),
+radio:checked:hover,
+radio:indeterminate:drop(active),
+radio:indeterminate:hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+check:checked:focus,
+check:indeterminate:focus,
+radio:checked:focus,
+radio:indeterminate:focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+check:disabled,
+radio:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+ transition: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -12px;
+ margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: -4px;
+ margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+ margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+ margin-left: 8px;
+}
+
+menu menuitem check:hover,
+menu menuitem check:focus,
+menu menuitem check:checked:hover,
+menu menuitem check:checked:focus,
+menu menuitem check:indeterminate:hover,
+menu menuitem check:indeterminate:focus,
+menu menuitem radio:hover,
+menu menuitem radio:focus,
+menu menuitem radio:checked:hover,
+menu menuitem radio:checked:focus,
+menu menuitem radio:indeterminate:hover,
+menu menuitem radio:indeterminate:focus {
+ background-color: transparent;
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
+ border-image-slice: 20;
+ border-image-width: 20px;
+ border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#387db7), to(transparent));
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
+}
+
+radio:checked:not(:indeterminate) {
+ border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#387db7), to(transparent));
+}
+
+radio:checked:not(:indeterminate):disabled {
+ border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(158, 158, 158, 0.3)), to(transparent));
+}
+
+#MozillaGtkWidget>widget>checkbutton>check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 2px;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>radiobutton>radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>radiobutton>radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
+}
+
+#MozillaGtkWidget>widget>radiobutton>radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: #387db7;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+treeview.view check,
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view check:selected:hover,
+treeview.view radio,
+treeview.view radio:hover,
+treeview.view radio:selected,
+treeview.view radio:selected:hover {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
+ border-image: none;
+}
+
+/**
+ * GtkScale
+ */
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 15px 12px;
+}
+
+scale.vertical {
+ padding: 12px 15px;
+}
+
+scale slider {
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 14px;
+ padding-right: 14px;
+}
+
+scale.fine-tune slider {
+ margin: -14px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#387db7);
+}
+
+scale highlight:disabled {
+ background-color: #0f1011;
+ background-image: image(rgba(158, 158, 158, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: auto, 1000% 1000%;
+ border-radius: 50%;
+ color: #387db7;
+}
+
+scale slider {
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale slider:hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+scale slider:focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+scale slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+ background-size: auto, 0% 0%;
+}
+
+scale marks,
+scale value {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(158, 158, 158, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -24px;
+ margin-top: 8px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -24px;
+ margin-right: 8px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -24px;
+ margin-left: 8px;
+}
+
+/**
+ * Progress bars
+ */
+progressbar {
+ color: rgba(158, 158, 158, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 4px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 4px;
+}
+
+progressbar trough {
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+progressbar progress {
+ background-color: #387db7;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/**
+ * Level Bar
+ */
+levelbar.horizontal block {
+ min-height: 4px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 32px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 4px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 32px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar block.low {
+ background-color: #ffeb3b;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: #387db7;
+}
+
+levelbar block.full {
+ background-color: #00e676;
+}
+
+levelbar block.empty {
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+/**
+ * Print dialog
+ */
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+ color: #9e9e9e;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**
+ * Frames
+ */
+frame>border,
+.frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ border-radius: 0;
+ box-shadow: none;
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+}
+
+frame>border.flat,
+.frame.flat {
+ border-style: none;
+ background-color: transparent;
+}
+
+frame.flat>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+actionbar>revealer>box {
+ padding: 4px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+actionbar>revealer>box .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+scrolledwindow viewport.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(56, 125, 183, 0.24)), to(transparent));
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(56, 125, 183, 0.24)), to(transparent));
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(56, 125, 183, 0.24)), to(transparent));
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(56, 125, 183, 0.24)), to(transparent));
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+.tweak-categories separator,
+preferences stacksidebar.sidebar list separator,
+stacksidebar.sidebar+separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/**
+ * Lists
+ */
+list {
+ border-color: rgba(158, 158, 158, 0.2);
+}
+
+list row {
+ padding: 2px;
+}
+
+row {
+ background-clip: padding-box;
+}
+
+row.activatable:drop(active),
+row.activatable:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+row.activatable:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+row.activatable:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+row.activatable:drop(active):not(:active),
+row.activatable:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+row.activatable.has-open-popup {
+ background-color: rgba(158, 158, 158, 0.12);
+}
+
+row:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+row:selected:drop(active),
+row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+row:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+row:selected.has-open-popup {
+ background-color: rgba(56, 125, 183, 0.4288);
+}
+
+/**
+ * App Notifications
+ */
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.app-notification button.text-button:not(:disabled):drop(active),
+.app-notification button.text-button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.app-notification button.text-button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.app-notification button.text-button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+.app-notification.frame {
+ border-style: none;
+}
+
+.app-notification border {
+ border-style: none;
+ background-color: transparent;
+}
+
+/**
+ * Expanders
+ */
+expander title>arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: rgba(158, 158, 158, 0.7);
+}
+
+expander title>arrow:checked:dir(ltr) {
+ -gtk-icon-transform: rotate(-180deg);
+}
+
+expander title>arrow:checked:dir(rtl) {
+ -gtk-icon-transform: rotate(180deg);
+}
+
+expander title>arrow:hover,
+expander title>arrow:active {
+ color: #9e9e9e;
+}
+
+expander title>arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+/**
+ * Calendar
+ */
+calendar {
+ padding: 1px;
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+ color: #9e9e9e;
+}
+
+calendar:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+calendar:selected {
+ border-radius: 3px;
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(158, 158, 158, 0.2);
+ border-radius: 0;
+}
+
+calendar.button {
+ border-radius: 3px;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+calendar.button:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+calendar.button:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+calendar.highlight {
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+/**
+ * Dialogs
+ */
+messagedialog.background {
+ background-color: #141416;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: #9e9e9e;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #141416;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+messagedialog box.vertical>label+label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+messagedialog .dialog-action-box {
+ margin-top: -4px;
+}
+
+messagedialog .dialog-action-box button:not(:last-child) {
+ margin-right: 4px;
+}
+
+messagedialog .dialog-action-box button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+messagedialog .dialog-action-box button:not(:disabled):drop(active),
+messagedialog .dialog-action-box button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+messagedialog .dialog-action-box button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+messagedialog .dialog-action-box button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled) {
+ color: #f44336;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):drop(active),
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 0%);
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+filechooser #pathbarbox>stack>box>button {
+ border-radius: 9999px;
+}
+
+/**
+ * Sidebar
+ */
+.sidebar {
+ border-style: none;
+ background-color: transparent;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar:not(separator).left,
+.sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar:not(separator).right {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+ border-right-style: none;
+}
+
+paned .sidebar,
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr) {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 4px;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 2px;
+ border-radius: 2px;
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected {
+ color: #387db7;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+stacksidebar.sidebar row:selected:drop(active),
+stacksidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2272);
+}
+
+stacksidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+stacksidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+stacksidebar.sidebar row+row {
+ margin-top: 4px;
+}
+
+stacksidebar.sidebar row>label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+separator.sidebar {
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+/**
+ * File chooser
+ */
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(158, 158, 158, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+placessidebar.sidebar>viewport.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+placessidebar.sidebar list {
+ padding: 1px 0 4px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: -1px 4px;
+ padding: 0;
+ border-radius: 2px;
+}
+
+placessidebar.sidebar row>revealer {
+ padding: 0 8px;
+}
+
+placessidebar.sidebar row:selected {
+ color: #387db7;
+ font-weight: 500;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+placessidebar.sidebar row:selected:drop(active),
+placessidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2272);
+}
+
+placessidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+placessidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+placessidebar.sidebar row:selected image.sidebar-icon {
+ color: #387db7;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #387db7;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #387db7;
+}
+
+placesview .server-list-button>image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview .server-list-button:checked>image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview>actionbar>revealer>box>label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+/**
+ * Paned
+ */
+paned>separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(rgba(158, 158, 158, 0.2));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned>separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-image: image(rgba(158, 158, 158, 0.2)), image(rgba(158, 158, 158, 0.2));
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal>separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal>separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal>separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal>separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical>separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical>separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**
+ * GtkInfoBar
+ */
+infobar {
+ border-style: none;
+}
+
+infobar.action:hover>revealer>box {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+infobar.info>revealer>box,
+infobar.question>revealer>box {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled),
+infobar.question>revealer>box button.text-button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.info>revealer>box button.text-button:not(:disabled):hover,
+infobar.question>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.question>revealer>box button.text-button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):focus,
+infobar.question>revealer>box button.text-button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):active,
+infobar.question>revealer>box button.text-button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+infobar.warning>revealer>box {
+ background-color: #ffeb3b;
+ color: #000;
+}
+
+infobar.warning>revealer>box button.flat {
+ color: #000;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+infobar.warning>revealer>box button.flat:drop(active),
+infobar.warning>revealer>box button.flat:hover {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+infobar.warning>revealer>box button.flat:focus {
+ box-shadow: none;
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+infobar.warning>revealer>box button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+
+infobar.warning>revealer>box *:link {
+ color: #000;
+}
+
+infobar.error>revealer>box {
+ background-color: #f44336;
+ color: #fff;
+}
+
+infobar.error>revealer>box button.flat {
+ color: #fff;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+infobar.error>revealer>box button.flat:drop(active),
+infobar.error>revealer>box button.flat:hover {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+infobar.error>revealer>box *:link {
+ color: #fff;
+}
+
+infobar button label {
+ margin: 0 -4px;
+}
+
+/**
+ * Tooltips
+ */
+tooltip {
+ border-radius: 2px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(9, 9, 10, 0.9);
+ color: #80868b;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip>box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+tooltip .dim-label {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+/**
+ * Color Chooser
+ */
+colorswatch.top {
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 2.5px;
+ border-bottom-right-radius: 2.5px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 2.5px;
+ border-bottom-left-radius: 2.5px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 2.5px;
+ border-bottom-right-radius: 2.5px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.dark {
+ color: #fff;
+}
+
+colorswatch.light {
+ color: #000;
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+colorswatch overlay:drop(active),
+colorswatch overlay:hover {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+colorswatch#add-color-button {
+ border-radius: 2px 2px 0 0;
+ color: #9e9e9e;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 2px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: #141416;
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 2.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 2px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+/**
+ * Misc
+ */
+/**
+ * Window Decorations
+ */
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
+ margin: 8px;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+}
+
+.ssd decoration {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+.csd.popup decoration {
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+tooltip.csd decoration {
+ border-radius: 2px;
+ box-shadow: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 2px;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #000000;
+}
+
+button.titlebutton {
+ border-radius: 9999px;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**
+ * Touch Copy & Paste
+ */
+cursor-handle {
+ color: #387db7;
+ -gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 28px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border-radius: 2px;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+ background-color: #141416;
+ color: #9e9e9e;
+ font-size: smaller;
+}
+
+shortcut:last-child {
+ margin-bottom: 4px;
+}
+
+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
+ */
+/**
+ * Emoji
+ */
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+/**
+ * libhandy
+ */
+popover.combo {
+ padding: 8px 0;
+}
+
+popover.combo list {
+ border-style: none;
+ background-color: transparent;
+}
+
+popover.combo list>row {
+ min-height: 32px;
+ padding: 0 12px;
+}
+
+keypad .digit {
+ font-size: 200%;
+ font-weight: bold;
+}
+
+keypad .letters {
+ font-size: 70%;
+}
+
+keypad .symbol {
+ font-size: 160%;
+}
+
+viewswitcher button {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+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: 8px;
+}
+
+viewswitcher button>stack>box.wide label:dir(rtl) {
+ padding-left: 8px;
+}
+
+list.content {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+}
+
+list.content>row:not(:first-child) {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) headerbar {
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right)>decoration-overlay {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right),
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right)>decoration,
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right)>decoration-overlay {
+ border-radius: 2px;
+}
+
+/**
+ * Nautilus
+ */
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: rgba(128, 134, 139, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.linked:not(.vertical)>button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
+ border-radius: 9999px;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 4px 0;
+ border-radius: 2px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(128, 134, 139, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(128, 134, 139, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+ margin: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ border-style: solid solid none;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ border-radius: 3px 3px 0 0;
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.nautilus-window .floating-bar.bottom.left {
+ margin-right: 7px;
+ border-left-style: none;
+ border-top-left-radius: 0;
+}
+
+.nautilus-window .floating-bar.bottom.right {
+ margin-left: 7px;
+ border-right-style: none;
+ border-top-right-radius: 0;
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(158, 158, 158, 0.3);
+ color: rgba(158, 158, 158, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #387db7;
+ color: #387db7;
+}
+
+.disk-space-display.free {
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.08);
+}
+
+.nautilus-empty-state-icon+.large-title {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.conflict-row:not(:selected) {
+ background-color: #5f5a27;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window flowboxchild:selected .icon-item-background {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>box.horizontal:last-child>label {
+ margin: 0 8px;
+}
+
+dialog.background>box.dialog-vbox.vertical>grid.horizontal>box.horizontal:last-child>box>button {
+ border-radius: 0;
+}
+
+.nautilus-window>popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window>popover.menu:not(:last-child)>stack>box>box>box {
+ margin-top: -6px;
+}
+
+.nautilus-window>popover.menu:not(:last-child)>stack>box>box>box>box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window>popover.menu:not(:last-child)>stack>box>box>box>box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window>popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+.nautilus-window headerbar revealer>button {
+ border-radius: 9999px;
+}
+
+.nautilus-window paned>separator {
+ background-color: #0f1011;
+}
+
+/**
+ * gedit
+ */
+.open-document-selector-path-label {
+ color: rgba(158, 158, 158, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #ffeb3b;
+ color: #000;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.gedit-search-slider {
+ margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry {
+ border-radius: 2px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(ltr) {
+ margin-right: -60px;
+ padding-right: 60px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+ margin-left: 4px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(rtl) {
+ margin-left: -60px;
+ padding-left: 60px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+ margin-right: 4px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry:not(.error) {
+ background-color: #141416;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button {
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:drop(active),
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:hover {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+.gedit-search-slider .linked:not(.vertical)>entry.error~button:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.gedit-search-slider .linked:not(.vertical)>button {
+ border: solid 4px transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+}
+
+.gedit-search-slider .linked:not(.vertical)>button:last-child:dir(ltr),
+.gedit-search-slider .linked:not(.vertical)>button:not(:first-child):dir(rtl) {
+ margin-left: -2px;
+}
+
+.gedit-search-slider .linked:not(.vertical)>button:first-child:dir(rtl),
+.gedit-search-slider .linked:not(.vertical)>button:not(:last-child):dir(ltr) {
+ margin-right: -2px;
+}
+
+frame.gedit-map-frame>border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame>border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**
+ * Tweaks
+ */
+.tweak-categories {
+ background-image: image(#0f1011);
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+ background-image: image(#1a1c1e);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#1a1c1e);
+}
+
+.tweak-group-startup {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-clip: padding-box;
+ background-image: image(#1a1c1e);
+}
+
+row#Focus,
+row#ClickMethod,
+row#StaticWorkspaceTweak,
+row#dynamic-workspaces,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ padding: 0;
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-clip: padding-box;
+ background-image: image(#1a1c1e);
+}
+
+row#Focus row:not(:last-child),
+row#ClickMethod row:not(:last-child),
+row#StaticWorkspaceTweak row:not(:last-child),
+row#dynamic-workspaces row:not(:last-child),
+row#PrimaryWorkspaceTweak row:not(:last-child),
+row#workspaces-only-on-primary row:not(:last-child) {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+row#Focus.tweak>list,
+row#ClickMethod.tweak>list,
+row#StaticWorkspaceTweak.tweak>list,
+row#dynamic-workspaces.tweak>list,
+row#PrimaryWorkspaceTweak.tweak>list,
+row#workspaces-only-on-primary.tweak>list {
+ margin-top: -3px;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar>.titlebar.tweak-titlebar-left,
+leaflet.titlebar>.titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar>.titlebar.tweak-titlebar-left+separator,
+leaflet.titlebar>.titlebar.tweak-titlebar-right+separator,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-left+separator,
+hdyleaflet.titlebar>.titlebar.tweak-titlebar-right+separator {
+ background-color: inherit;
+ background-image: image(rgba(128, 134, 139, 0.2));
+}
+
+/**
+ * Builder
+ */
+layouttabbar {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ background-color: #0f1011;
+}
+
+layouttabbar>box>button {
+ margin: 4px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ box-shadow: inset 0 -2px #387db7;
+ background-color: #1a1c1e;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button,
+layouttab button.text-button,
+layouttab button.image-button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #f44336;
+ color: #fff;
+}
+
+window.workbench treeview.image {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 2px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 2px;
+}
+
+omnibar entry {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list,
+preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences>box>box:dir(ltr) {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+preferences>box>box:dir(rtl) {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 2px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 2px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+popover.transfers list row>box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ background-color: #0f1011;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ background-color: #0f1011;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 4px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #387db7 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #387db7;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #9e9e9e;
+}
+
+dockoverlayedge {
+ background-color: #0f1011;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #387db7;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #387db7;
+}
+
+pillbox {
+ background-color: #0f1011;
+ border-radius: 2px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ box-shadow: none;
+ background-color: #1a1c1e;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.dzlmenubutton image {
+ min-width: 26px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 23px;
+}
+
+button.dzlmenubuttonitem {
+ color: #9e9e9e;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+idelayoutstackheader button:checked {
+ color: #9e9e9e;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher {
+ padding: 8px 0;
+ background-color: #0f1011;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:checked {
+ background-color: transparent;
+ color: #9e9e9e;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #387db7;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities>dzldockpaned>box>stackswitcher button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #387db7;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-clip: padding-box;
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+dzlsuggestionpopover>revealer>box>elastic>scrolledwindow>viewport>list>row:selected {
+ background-color: #387db7;
+ color: #fff;
+}
+
+#titlebar_container .suggestionbutton button {
+ padding: 0;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 9999px #09090a;
+}
+
+#titlebar_container .suggestionbutton button:backdrop {
+ box-shadow: inset 0 0 0 9999px #000000;
+}
+
+#titlebar_container .suggestionbutton button image {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 32px;
+ min-height: 32px;
+ border-radius: 9999px;
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+#titlebar_container .suggestionbutton button:hover image {
+ box-shadow: inset 0 0 0 9999px rgba(128, 134, 139, 0.08);
+}
+
+#titlebar_container .suggestionbutton button:focus image {
+ box-shadow: inset 0 0 0 9999px rgba(128, 134, 139, 0.08);
+}
+
+#titlebar_container .suggestionbutton button:active image {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+/**
+ * Photos
+ */
+GdMainIconView.content-view {
+ -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #387db7;
+ color: #fff;
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.documents-scrolledwin.frame frame.content-view>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #9e9e9e;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: rgba(56, 125, 183, 0.32);
+ color: #9e9e9e;
+}
+
+button.photos-filter-preview:checked image {
+ color: #fff;
+ -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+overlay grid.horizontal>revealer>scrolledwindow.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+overlay grid.horizontal>revealer>scrolledwindow.frame:dir(ltr) {
+ border-left-style: solid;
+}
+
+overlay grid.horizontal>revealer>scrolledwindow.frame:dir(rtl) {
+ border-right-style: solid;
+}
+
+/**
+ * Music
+ */
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(158, 158, 158, 0.2);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(158, 158, 158, 0.2);
+}
+
+.side-panel .view {
+ background-image: image(#0f1011);
+}
+
+.side-panel .view:hover {
+ background-image: image(#1a1b1c);
+}
+
+.side-panel .view:selected {
+ background-image: image(#387db7);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(#508dc0);
+}
+
+.songs-list:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown>border {
+ border: none;
+}
+
+box.vertical>revealer>toolbar.search-bar {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+box.vertical>revealer>toolbar.search-bar button>widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/**
+ * Terminal
+ */
+terminal-window notebook>header>box {
+ margin: -2px;
+}
+
+terminal-window notebook>header>box button {
+ border-radius: 0;
+}
+
+/**
+ * To Do
+ */
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view>box>revealer>box>button {
+ margin: -4px;
+}
+
+task-list-view>box>revealer>box>button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview>box>revealer>box>button {
+ margin: -4px;
+}
+
+tasklistview>box>revealer>box>button .dim-label {
+ color: inherit;
+}
+
+/**
+ * eog
+ */
+#eog-thumb-nav scrolledwindow.frame {
+ border-top: none;
+}
+
+/**
+ * Evolution
+ */
+frame.taskbar>border {
+ border-style: solid none none;
+}
+
+box.vertical>paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/**
+ * gitg
+ */
+frame.commit-frame>border {
+ border-style: solid none none;
+}
+
+/**
+ * Characters
+ */
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-clip: padding-box;
+ background-color: #1a1c1e;
+}
+
+list.categories {
+ background-image: image(#0f1011);
+}
+
+/**
+ * Boxes
+ */
+.transparent-bg+stack overlay>label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 2px;
+ background-color: rgba(0, 0, 0, 0.6);
+ color: #fff;
+}
+
+/**
+ * Evince
+ */
+evview.content-view.view:selected {
+ background-color: #387db7;
+ color: #fff;
+}
+
+/**
+ * Polari
+ */
+.polari-room-list row:selected {
+ background-color: rgba(56, 125, 183, 0.5);
+}
+
+/**
+ * Fractal
+ */
+button.osd.scroll_button {
+ margin: 4px;
+}
+
+/**
+ * Mines
+ */
+grid.minefield>button.tile {
+ border-style: solid;
+}
+
+/**
+ * Tilix
+ */
+overlay>revealer.left>scrolledwindow.frame,
+overlay>revealer.right>scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay>revealer.left>scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay>revealer.right>scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#141416);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 28px;
+}
+
+notebook.tilix-background tab>box>stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+/**
+ * Terminator
+ */
+.terminator-terminal-window paned>separator {
+ background-color: #0f1011;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+/**
+ * Ubitquity
+ */
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(128, 134, 139, 0.2);
+}
+
+/**
+ * Eclipse
+ */
+window.background>box.vertical>scrolledwindow>widget toolbar {
+ padding: 2px;
+}
+
+window.background>box.vertical>scrolledwindow>widget toolbar separator,
+window.background>box.vertical>scrolledwindow>widget toolbar button {
+ margin: 2px;
+}
+
+window.background>box.vertical>scrolledwindow>widget toolbar button {
+ border-radius: 2px;
+}
+
+/**
+ * FileZilla
+ */
+window.background>box.vertical>widget>widget>widget>widget>widget>widget>widget>scrolledwindow>widget>entry {
+ all: unset;
+ padding: 5px;
+ box-shadow: inset 0 0 0 1px rgba(56, 125, 183, 0.32);
+ background-color: #1a1c1e;
+}
+
+window.background>box.vertical>widget>widget>widget>widget>widget>widget>widget>scrolledwindow>widget>widget>entry {
+ all: unset;
+ padding: 0 3px 1px;
+ box-shadow: inset 0 0 0 1px rgba(56, 125, 183, 0.32);
+ background-color: #1a1c1e;
+}
+
+/**
+ * Chromium
+ */
+window.background.chromium {
+ background-color: #141416;
+}
+
+window.background.chromium entry,
+window.background.chromium>button {
+ border: 1px solid rgba(158, 158, 158, 0.3);
+}
+
+window.background.chromium>button {
+ color: #387db7;
+}
+
+window.background.chromium>button:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #387db7;
+ color: #fff;
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid rgba(158, 158, 158, 0.3);
+ background-color: #1a1c1e;
+}
+
+tooltip.background.chromium {
+ background-color: #09090a;
+}
+
+/**
+ * Firefox
+ */
+#MozillaGtkWidget>widget text {
+ background-color: #141416;
+}
+
+#MozillaGtkWidget>widget text:selected {
+ background-color: #387db7;
+ color: #fff;
+}
+
+#MozillaGtkWidget>widget>separator {
+ color: rgba(158, 158, 158, 0.2);
+}
+
+#MozillaGtkWidget>widget>frame>border {
+ border-color: #3a3b3b;
+}
+
+#MozillaGtkWidget>widget>entry,
+#MozillaGtkWidget>widget>button>button {
+ border: 1px solid rgba(158, 158, 158, 0.3);
+ border-radius: 2px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget>widget>entry:disabled,
+#MozillaGtkWidget>widget>button>button:disabled {
+ border-color: rgba(158, 158, 158, 0.2);
+}
+
+#MozillaGtkWidget>widget>entry {
+ min-height: 30px;
+ background-color: #1a1c1e;
+}
+
+#MozillaGtkWidget>widget>entry:focus {
+ border-color: #387db7;
+ box-shadow: inset 0 0 0 1px #387db7;
+}
+
+#MozillaGtkWidget>widget>entry:disabled {
+ background-color: #1a1c1e;
+}
+
+#MozillaGtkWidget>widget>button>button {
+ padding: 4px 8px;
+}
+
+#MozillaGtkWidget>widget>button>button:active {
+ background-size: 1000% 1000%;
+}
+
+#MozillaGtkWidget>widget>checkbutton>check,
+#MozillaGtkWidget>widget>radiobutton>radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget>widget>radiobutton>radio:not(:checked):not(:indeterminate) {
+ color: #757575;
+}
+
+#MozillaGtkWidget>widget>checkbutton>check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget>widget>radiobutton>radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(117, 117, 117, 0.5);
+}
+
+#MozillaGtkWidget menuitem label:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+#MozillaGtkWidget>widget>menubar {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+#MozillaGtkWidget>widget>menubar:hover {
+ color: #80868b;
+}
+
+#MozillaGtkWidget>widget>menubar:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+#MozillaGtkWidget>widget>frame {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+#MozillaGtkWidget menu>separator {
+ color: rgba(158, 158, 158, 0.2);
+}
+
+/**
+ * Inkscape
+ */
+#ToolboxCommon>#AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon>#AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon>#AuxToolbox spinbutton,
+#ToolboxCommon>#AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon>#AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+ border-radius: 2px;
+}
+
+#ToolboxCommon>#AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon>toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon>toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 2px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+#Canvas_and_Dock frame>border {
+ border: none;
+ background-color: transparent;
+}
+
+#Canvas_and_Dock widget>widget>button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget>widget>box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal>box.vertical>button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+/**
+ * Synapse
+ */
+box.vertical>widget>widget:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+/**
+ * Unity
+ */
+UnityDecoration {
+ -UnityDecoration-extents: 28px 0 0 0;
+ -UnityDecoration-input-extents: 8px;
+ -UnityDecoration-shadow-offset-x: 0;
+ -UnityDecoration-shadow-offset-y: 3px;
+ -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -UnityDecoration-active-shadow-radius: 18px;
+ -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -UnityDecoration-inactive-shadow-radius: 6px;
+ -UnityDecoration-glow-size: 8px;
+ -UnityDecoration-glow-color: #387db7;
+ -UnityDecoration-title-indent: 4px;
+ -UnityDecoration-title-fade: 32px;
+ -UnityDecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 2px 2px 0 0;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+ color: #80868b;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+UnityDecoration .menuitem {
+ border-radius: 2px 2px 0 0;
+ box-shadow: none;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: #80868b;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: #000000;
+ color: #80868b;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: #80868b;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ animation: spin 1s linear infinite;
+ color: #387db7;
+}
+
+/**
+ * Mate-Panel
+ */
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+ color: rgba(128, 134, 139, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar button:drop(active),
+.mate-panel-menu-bar button:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.mate-panel-menu-bar button:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.mate-panel-menu-bar button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.mate-panel-menu-bar button:disabled {
+ background-color: transparent;
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.mate-panel-menu-bar button:checked {
+ color: #80868b;
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.mate-panel-menu-bar button:checked:drop(active),
+.mate-panel-menu-bar button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.mate-panel-menu-bar button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.mate-panel-menu-bar button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.mate-panel-menu-bar button:checked:disabled {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: rgba(128, 134, 139, 0.5);
+}
+
+PanelToplevel.horizontal>grid>button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical>grid>button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(128, 134, 139, 0.2);
+}
+
+MatePanelAppletFrameDBus>MatePanelAppletFrameDBus {
+ background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px);
+ background-repeat: no-repeat;
+ background-size: 4px 10px;
+ color: rgba(128, 134, 139, 0.3);
+}
+
+MatePanelAppletFrameDBus>MatePanelAppletFrameDBus:dir(ltr) {
+ background-position: 3px;
+}
+
+MatePanelAppletFrameDBus>MatePanelAppletFrameDBus:dir(rtl) {
+ background-position: calc(100% - 3px);
+}
+
+.mate-panel-menu-bar menubar>menuitem {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.mate-panel-menu-bar menubar>menuitem:hover {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: #80868b;
+}
+
+.mate-panel-menu-bar menubar>menuitem:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.mate-panel-menu-bar.horizontal menubar>menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar>menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu>menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr),
+.mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr),
+.mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #387db7;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #387db7;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ border-radius: 3px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+#MatePanelPopupWindow frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar+box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+#MatePanelPopupWindow expander>title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow>frame>box>box>box>widget {
+ color: rgba(158, 158, 158, 0.2);
+}
+
+na-tray-applet {
+ -NaTrayApplet-icon-padding: 3px;
+ -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ border-radius: 3px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.mate-panel-applet-slider frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+#PanelApplet:not(:selected)>box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected>box {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: #80868b;
+}
+
+#mate-menu {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #9e9e9e;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: rgba(158, 158, 158, 0.12);
+}
+
+#mate-menu button image,
+#mate-menu button label+label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry+button {
+ margin: 0 4px 4px;
+ padding: 4px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry+box>box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.brisk-menu entry+box>box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .session-button {
+ padding: 8px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #9e9e9e;
+ font-weight: normal;
+}
+
+/**
+ * CAJA File manager
+ */
+.caja-navigation-window box.horizontal>button.toggle.image-button {
+ border-radius: 2px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button>widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.caja-canvas-item {
+ border-radius: 2px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 2px;
+ background-color: rgba(158, 158, 158, 0.04);
+ background-image: none;
+ color: #9e9e9e;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+.caja-desktop.view .entry {
+ background-color: rgba(0, 0, 0, 0.3);
+ color: #fff;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+ caret-color: currentcolor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.caja-notebook frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+#caja-extra-view-widget>box>box>label {
+ font-weight: bold;
+}
+
+#caja-extra-view-widget button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+#caja-extra-view-widget button:not(:disabled):drop(active),
+#caja-extra-view-widget button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+#caja-extra-view-widget button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+#caja-extra-view-widget button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+/**
+ * Pluma
+ */
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.pluma-window statusbar frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+/**
+ * Atril
+ */
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ border-radius: 3px;
+ box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.lock-dialog frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.lock-dialog button:not(:disabled):drop(active),
+.lock-dialog button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.lock-dialog button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.lock-dialog button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 2px;
+ background-color: rgba(9, 9, 10, 0.9);
+ color: #80868b;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(128, 134, 139, 0.2);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #80868b;
+}
+
+/**
+ * Budgie Desktop
+ */
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 2px;
+}
+
+.budgie-popover {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+ border-radius: 3px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-clip: padding-box;
+ background-color: #141416;
+}
+
+.budgie-popover .container {
+ padding: 2px;
+}
+
+.budgie-popover border {
+ border: none;
+ background-color: transparent;
+}
+
+.budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: #9e9e9e;
+ font-weight: normal;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button) {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active),
+.budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):checked {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
+ background-color: transparent;
+}
+
+.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 .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 4px;
+ padding-top: 4px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover .container {
+ padding: 8px;
+}
+
+.budgie-popover.workspace-popover separator {
+ margin: 4px 0;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(128, 134, 139, 0.2);
+}
+
+.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(128, 134, 139, 0.2);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr),
+.bottom .workspace-switcher .workspace-item:dir(ltr),
+.top .workspace-switcher .workspace-add-button:dir(ltr),
+.bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl),
+.bottom .workspace-switcher .workspace-item:dir(rtl),
+.top .workspace-switcher .workspace-add-button:dir(rtl),
+.bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item,
+.right .workspace-switcher .workspace-item,
+.left .workspace-switcher .workspace-add-button,
+.right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.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: 2px;
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: rgba(0, 0, 0, 0.6);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+ color: rgba(128, 134, 139, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-panel button:drop(active),
+.budgie-panel button:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.budgie-panel button:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.budgie-panel button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.budgie-panel button:disabled {
+ background-color: transparent;
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.budgie-panel button:checked {
+ color: #80868b;
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.budgie-panel button:checked:drop(active),
+.budgie-panel button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.budgie-panel button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.budgie-panel button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.budgie-panel button:checked:disabled {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(128, 134, 139, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #f44336;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #80868b;
+}
+
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button,
+.top .budgie-panel button.flat.launcher,
+.budgie-panel .top button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked,
+.top .budgie-panel button.flat.launcher:checked,
+.budgie-panel .top button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button,
+.bottom .budgie-panel button.flat.launcher,
+.budgie-panel .bottom button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked,
+.bottom .budgie-panel button.flat.launcher:checked,
+.budgie-panel .bottom button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button,
+.left .budgie-panel button.flat.launcher,
+.budgie-panel .left button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked,
+.left .budgie-panel button.flat.launcher:checked,
+.budgie-panel .left button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button,
+.right .budgie-panel button.flat.launcher,
+.budgie-panel .right button.flat.launcher {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running,
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked,
+.right .budgie-panel button.flat.launcher:checked,
+.budgie-panel .right button.flat.launcher:checked {
+ border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame>border {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.top frame.raven-frame>border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame>border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame>border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame>border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #141416;
+}
+
+.raven>box:not(:only-child) {
+ margin-bottom: -10px;
+}
+
+.raven .raven-header {
+ min-height: 32px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.raven .raven-header.top stackswitcher.linked>button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 40px;
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 0%, transparent 0%) 0 0 0/0 0 0;
+ border-radius: 0;
+}
+
+.raven .raven-header.top stackswitcher.linked>button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 100%, transparent 0%) 0 0 2/0 0 2px;
+ background-color: transparent;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .expander-button {
+ border-radius: 9999px;
+}
+
+.raven .raven-background stackswitcher.linked>button {
+ margin: -2px 8px 9px;
+ padding: 0 12px;
+ min-height: 32px;
+ border-radius: 9999px;
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: normal;
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.raven .raven-background stackswitcher.linked>button:drop(active),
+.raven .raven-background stackswitcher.linked>button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1536);
+}
+
+.raven .raven-background stackswitcher.linked>button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1536);
+}
+
+.raven .raven-background stackswitcher.linked>button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 0%);
+}
+
+.raven .raven-background stackswitcher.linked>button:checked {
+ color: #387db7;
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+.raven .raven-background stackswitcher.linked>button:checked:drop(active),
+.raven .raven-background stackswitcher.linked>button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.raven .raven-background stackswitcher.linked>button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.raven .raven-background stackswitcher.linked>button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+.raven .raven-background stackswitcher.linked>button:not(:first-child) {
+ margin-left: 0;
+}
+
+.raven .raven-background>overlay>widget>image {
+ color: rgba(158, 158, 158, 0.08);
+}
+
+.raven revealer>.raven-background {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.raven .raven-header+.raven-background {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.raven viewport.frame>list>row {
+ padding: 0;
+ box-shadow: none;
+ background: none;
+}
+
+.raven viewport.frame>list>row:not(:first-child) {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.raven viewport.frame>list>row>box {
+ margin-top: -5px;
+ margin-left: -5px;
+ margin-bottom: -5px;
+}
+
+.raven viewport.frame>list>row>box>box {
+ padding: 6px;
+ margin-bottom: -10px;
+}
+
+.raven viewport.frame>list>row>box>list>row {
+ padding: 8px;
+}
+
+.raven viewport.frame>list>row>box>list>row>box {
+ margin-bottom: -5px;
+}
+
+.raven viewport.frame>list>row>box>list>row>box>box>label {
+ font-weight: bold;
+}
+
+.raven viewport.frame>list>row>box>list>row>box>box>button.image-button {
+ padding: 0;
+}
+
+.raven viewport.frame>list>row>box>list>row>box>label {
+ margin-top: -6px;
+ font-size: smaller;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 8px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 2px;
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+.raven-mpris {
+ background-color: rgba(0, 0, 0, 0.6);
+ color: #fff;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 8px;
+ color: rgba(255, 255, 255, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.raven-mpris button.image-button:drop(active),
+.raven-mpris button.image-button:hover {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.raven-mpris button.image-button:focus {
+ box-shadow: none;
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+.raven-mpris button.image-button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.drop-shadow button.text-button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.drop-shadow button.text-button:not(:disabled):drop(active),
+.drop-shadow button.text-button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.drop-shadow button.text-button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.drop-shadow button.text-button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+.drop-shadow .linked>button {
+ margin-right: 4px;
+}
+
+.budgie-run-dialog,
+.budgie-polkit-dialog,
+.budgie-session-dialog {
+ border-radius: 2px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.budgie-run-dialog decoration,
+.budgie-polkit-dialog decoration,
+.budgie-session-dialog decoration {
+ border-radius: 2px;
+}
+
+.budgie-session-dialog>box {
+ padding: 8px;
+}
+
+.budgie-session-dialog image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+ margin-bottom: 8px;
+ font-size: 20px;
+ font-weight: 500;
+}
+
+.budgie-session-dialog .dialog-title+label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:last-child) {
+ margin-right: 8px;
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):drop(active),
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.budgie-session-dialog .linked.horizontal>button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #f44336;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 4px 12px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list {
+ padding: 4px 0;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: inherit;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.budgie-run-dialog scrollbar.right,
+.budgie-run-dialog scrollbar.bottom {
+ border-bottom-right-radius: 2px;
+}
+
+.budgie-run-dialog scrollbar.left,
+.budgie-run-dialog scrollbar.bottom {
+ border-bottom-left-radius: 2px;
+}
+
+/**
+ * Xfce4 Apps
+ */
+/**
+ * xfce4-panel
+ */
+.xfce4-panel.background {
+ border: none;
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+ color: rgba(128, 134, 139, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.xfce4-panel.background button:drop(active),
+.xfce4-panel.background button:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.xfce4-panel.background button:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.xfce4-panel.background button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.xfce4-panel.background button:disabled {
+ background-color: transparent;
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.xfce4-panel.background button:checked {
+ color: #80868b;
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+.xfce4-panel.background button:checked:drop(active),
+.xfce4-panel.background button:checked:hover {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.xfce4-panel.background button:checked:focus {
+ box-shadow: none;
+ background-color: rgba(128, 134, 139, 0.1904);
+}
+
+.xfce4-panel.background button:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 0%);
+}
+
+.xfce4-panel.background button:checked:disabled {
+ background-color: rgba(128, 134, 139, 0.12);
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.xfce4-panel.background .tasklist button {
+ border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+ border-image: image(currentcolor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+.xfce4-panel.background frame>border {
+ border-style: none;
+ background-color: transparent;
+}
+
+.xfce4-panel.background progressbar progress {
+ background-color: #387db7;
+}
+
+.xfce4-panel.background progressbar trough {
+ background-color: rgba(128, 134, 139, 0.2);
+}
+
+wnck-pager:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+wnck-pager:active {
+ background-color: rgba(128, 134, 139, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #387db7;
+}
+
+XfdesktopIconView.view {
+ border-radius: 2px;
+ color: #fff;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+#XfceNotifyWindow {
+ border-radius: 2px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: #9e9e9e;
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled):drop(active),
+#XfceNotifyWindow buttonbox button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+#XfceNotifyWindow buttonbox button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#XfceNotifyWindow label#summary+label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 2px;
+ -XfwmTabwinWidget-icon-size: 64px;
+ -XfwmTabwinWidget-preview-size: 64px;
+}
+
+/**
+ * Thunar
+ */
+.thunar #location-toolbar {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.thunar #location-toolbar>toolitem>button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+.thunar .shortcuts-pane.frame,
+.thunar .standard-view.frame {
+ border-width: 0;
+ background-color: transparent;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+/**
+ * LightDM GTK+ Greeter
+ */
+#panel_window {
+ background-color: rgba(0, 0, 0, 0.3);
+ color: #fff;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar>menuitem {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar>menuitem:hover {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: #fff;
+}
+
+#panel_window menubar>menuitem:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 2px;
+ box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+ color: #9e9e9e;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame>box,
+#buttonbox_frame>buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #387db7;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+#buttonbox_frame button:not(:disabled):drop(active),
+#buttonbox_frame button:not(:disabled):hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+#buttonbox_frame button:not(:disabled):focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+#buttonbox_frame button:not(:disabled):active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 0%);
+}
+
+/**
+ * Nemo
+ */
+.nemo-window .primary-toolbar {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.nemo-window .primary-toolbar stack>box {
+ margin: -2px;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+ background-color: transparent;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 2px;
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+.places-treeview {
+ -NemoPlacesTreeView-disk-full-bg-color: #2c2c2d;
+ -NemoPlacesTreeView-disk-full-fg-color: #387db7;
+ -NemoPlacesTreeView-disk-full-bar-width: 2px;
+ -NemoPlacesTreeView-disk-full-bar-radius: 0;
+ -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+ -NemoPlacesTreeView-disk-full-max-length: 80px;
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
/*
- * ── widget text/foreground color ─────────────────────────────────────
-*/
-@define-color theme_fg_color {{ colour-foreground-hex }};
-
+widget text/foreground color */
+@define-color theme_fg_color #9e9e9e;
/*
- * ── text color for entries, views and content in general ─────────────
-*/
-@define-color theme_text_color {{ colour-foreground-hex }};
-
+text color for entries, views and content in general */
+@define-color theme_text_color #9e9e9e;
/*
- * ── widget base background color ─────────────────────────────────────
-*/
-@define-color theme_bg_color {{ colour-background-hex }};
-
+widget base background color */
+@define-color theme_bg_color #0f1011;
/*
- * ── text widgets and the like base background color ──────────────────
-*/
-@define-color theme_base_color {{ colour-background-alternative-hex }};
-
+text widgets and the like base background color */
+@define-color theme_base_color #1a1c1e;
/*
- * ── base background color of selections ──────────────────────────────
-*/
-@define-color theme_selected_bg_color {{ colour-accent-hex }};
-
+base background color of selections */
+@define-color theme_selected_bg_color #387db7;
/*
- * ── text/foreground color of selections ──────────────────────────────
-*/
-@define-color theme_selected_fg_color {{ colour-foreground-hex }};
-
+text/foreground color of selections */
+@define-color theme_selected_fg_color #fff;
/*
- * ── base background color of insensitive widgets ─────────────────────
-*/
-@define-color insensitive_bg_color {{ colour-background-hex }};
-
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f1011;
/*
- * ── text foreground color of insensitive widgets ─────────────────────
-*/
-@define-color insensitive_fg_color {{ colour-foreground-rgba }};
-
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(158, 158, 158, 0.5);
/*
- * ── insensitive text widgets and the like base background color ──────
-*/
-@define-color insensitive_base_color {{ colour-background-alternative-hex }};
-
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #1a1c1e;
/*
- * ── widget text/foreground color on backdrop windows ─────────────────
-*/
-@define-color theme_unfocused_fg_color {{ colour-accent-2-hex }};
-
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #9e9e9e;
/*
text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color {{ colour-inactive-hex }};
-
+@define-color theme_unfocused_text_color #9e9e9e;
/*
widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color {{ colour-inactive-background-hex }};
-
+@define-color theme_unfocused_bg_color #0f1011;
/*
text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color {{ colour-inactive-background-hex }};
-
+@define-color theme_unfocused_base_color #1a1c1e;
/*
base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color {{ colour-accent-2-hex }};
-
+@define-color theme_unfocused_selected_bg_color #387db7;
/*
text/foreground color of selections on backdrop windows */
-@define-color theme_unfocused_selected_fg_color {{ colour-foreground-hex }};
-
+@define-color theme_unfocused_selected_fg_color #fff;
/*
insensitive color on backdrop windows */
-@define-color unfocused_insensitive_color {{ colour-foreground-rgba }};
-
+@define-color unfocused_insensitive_color rgba(158, 158, 158, 0.5);
/*
widgets main borders color */
-@define-color borders {{ colour-shadow-rgba }};
+@define-color borders rgba(158, 158, 158, 0.2);
/*
widgets main borders color on backdrop windows */
-@define-color unfocused_borders {{ colour-shadow-rgba }};
-
+@define-color unfocused_borders rgba(158, 158, 158, 0.2);
/*
these are pretty self explicative */
@define-color warning_color #ffeb3b;
@define-color error_color #f44336;
@define-color success_color #00e676;
-
+/*
+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 #80868b;
+@define-color wm_unfocused_title rgba(128, 134, 139, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.05);
+@define-color wm_bg #09090a;
+@define-color wm_unfocused_bg #000000;
+@define-color xfwm4_title #80868b;
+@define-color xfwm4_unfocused_title #5a5e61;
/* content view background such as thumbnails view in Photos or Boxes */
-@define-color content_view_bg {{ colour-background-hex }};
-
+@define-color content_view_bg #0f1011;
/* Very contrasty background for text views (@theme_text_color foreground) */
-@define-color text_view_bg {{ colour-background-hex }};
+@define-color text_view_bg #0f1011;
/* placeholder for entries */
-@define-color placeholder_text_color {{ colour-inactive-hex }};
+@define-color placeholder_text_color #767778;
diff --git a/gtk-theme/src/gtk-4.0/gtk.css b/gtk-theme/src/gtk-4.0/gtk.css
index 17fd47a..7ba9b71 100644
--- a/gtk-theme/src/gtk-4.0/gtk.css
+++ b/gtk-theme/src/gtk-4.0/gtk.css
@@ -1,23 +1,4570 @@
@import '../colours.css';
/*
- * Replace the colours with variable names
- * #000 = @bg
- * #111 = @bg_accent
- * #222 = @bg_inactive
- * #555A = @shadow_rgba
- * #555 = @shadow
- * #F00 = @accent
- * #0F0 = @accent2
- * #00F = @accent3
- * #AAA = @inactive
- * #FFF = @fg
+ * Replace the colours with variable names. See build/util.js for translation
+ * This CSS file here is from Material-Black-Blueberry
*/
-
-window {
- color: #FFF;
- background-color: #000;
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
}
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #387db7 0%, transparent 0%);
+ }
+
+ to {
+ background-image: radial-gradient(circle, #387db7 100%, transparent 100%);
+ }
+}
+
+flowbox>flowboxchild,
+gridview>child,
+entry>image,
+button,
+modelbutton.flat,
+spinbutton:not(.vertical)>image,
+menubar>item,
+notebook>header>tabs>arrow,
+notebook>header>tabs>tab,
+check,
+radio,
+row.activatable,
+listview>row,
+expander,
+calendar>grid>label.day-number,
+popover.emoji-picker>contents emoji,
+popover.emoji-completion>contents emoji-completion-row,
+popover.emoji-completion>contents emoji {
+ transition-property: all, border-image, background-size, background-image;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms;
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+ background-image: radial-gradient(circle, transparent 10%, transparent 10%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+flowbox>flowboxchild:active,
+gridview>child:active,
+entry>image:active,
+button:active,
+modelbutton.flat:active,
+spinbutton:not(.vertical)>image:active,
+menubar>item:active,
+notebook>header>tabs>arrow:active,
+notebook>header>tabs>tab:active,
+check:active,
+radio:active,
+row.activatable:active,
+listview>row:active,
+expander:active,
+calendar>grid>label.day-number:active,
+popover.emoji-picker>contents emoji:active,
+popover.emoji-completion>contents emoji-completion-row:active,
+popover.emoji-completion>contents emoji:active {
+ transition-duration: 75ms, 225ms, 0ms, 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: 0% 0%;
+}
+
+/**
+ * Base States
+ */
+.background {
+ background-color: #0f1011;
+ color: #9e9e9e;
+}
+
+dnd {
+ color: #9e9e9e;
+}
+
+.normal-icons {
+ -gtk-icon-size: 16px;
+}
+
+.large-icons {
+ -gtk-icon-size: 32px;
+}
+
+image:disabled {
+ -gtk-icon-filter: opacity(0.5);
+}
+
+.view>.cell:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+.view:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+.view:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+.view>.cell:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+textview {
+ caret-color: #387db7;
+}
+
+textview>text>selection {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+textview>border {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+iconview>.cell {
+ border-radius: 2px;
+}
+
+iconview>dndtarget:drop(active) {
+ box-shadow: inset 0 0 0 2px #387db7;
+}
+
+rubberband,
+columnview.view>rubberband,
+treeview.view>rubberband {
+ border: 1px solid #387db7;
+ background-color: rgba(56, 125, 183, 0.24);
+}
+
+flowbox {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+flowbox>flowboxchild {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+flowbox>flowboxchild:drop(active),
+flowbox>flowboxchild:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+flowbox>flowboxchild:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+flowbox>flowboxchild:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+flowbox>flowboxchild:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+flowbox>flowboxchild:selected:drop(active),
+flowbox>flowboxchild:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+flowbox>flowboxchild:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+flowbox>flowboxchild:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+gridview {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+gridview>child {
+ padding: 4px;
+ border-radius: 2px;
+}
+
+gridview>child:drop(active),
+gridview>child:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+gridview>child:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+gridview>child:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+gridview>child:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+gridview>child:selected:drop(active),
+gridview>child:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+gridview>child:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+gridview>child:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+coverflow>cover {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+ color: #9e9e9e;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: #387db7;
+}
+
+label.separator {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+label.error {
+ color: #f44336;
+}
+
+label>selection {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+label:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+headerbar label:disabled,
+modelbutton label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 2px;
+ background-color: rgba(9, 9, 10, 0.9);
+ color: #80868b;
+}
+
+.dim-label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+window.assistant .sidebar {
+ padding: 4px 0;
+}
+
+window.assistant .sidebar>label {
+ min-height: 32px;
+ padding: 0 12px;
+ color: rgba(158, 158, 158, 0.5);
+ font-weight: 500;
+}
+
+window.assistant .sidebar>label.highlight {
+ color: #9e9e9e;
+}
+
+window.aboutdialog>box>box>image.large-icons {
+ -gtk-icon-size: 128px;
+}
+
+/**
+ * Spinner Animation
+ */
+@keyframes spin {
+ to {
+ transform: rotate(1turn);
+ }
+}
+
+spinner {
+ opacity: 0;
+ color: #387db7;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+ transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1);
+ animation: spin 1s linear infinite;
+}
+
+spinner:checked {
+ opacity: 1;
+}
+
+spinner:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+/**
+ * General Typography
+ */
+.large-title {
+ font-weight: 400;
+ font-size: 36pt;
+}
+
+.title-1 {
+ font-weight: 400;
+ font-size: 25.5pt;
+ letter-spacing: 0.1875pt;
+}
+
+.title-2 {
+ font-weight: 400;
+ font-size: 18pt;
+}
+
+.title-3 {
+ font-weight: 500;
+ font-size: 15pt;
+ letter-spacing: 0.1125pt;
+}
+
+.title-4 {
+ font-weight: 400;
+ font-size: 12pt;
+ letter-spacing: 0.375pt;
+}
+
+.heading {
+ font-weight: 500;
+ font-size: 1em;
+}
+
+.body {
+ font-weight: 400;
+ font-size: 1em;
+}
+
+.caption-heading {
+ font-weight: 500;
+ font-size: 9pt;
+ letter-spacing: 1.125pt;
+}
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt;
+ letter-spacing: 0.3pt;
+}
+
+/**
+ * Text Entries
+ */
+spinbutton:not(.vertical),
+entry {
+ min-height: 32px;
+ padding: 0 8px;
+ border-spacing: 4px;
+ border-radius: 2px 2px 0 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #387db7;
+}
+
+spinbutton:hover:not(.vertical),
+spinbutton:drop(active):not(.vertical),
+entry:hover,
+entry:drop(active) {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+spinbutton:focus-within:not(.vertical),
+entry:focus-within {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+spinbutton:focus-within:not(.vertical)>text>placeholder,
+entry:focus-within>text>placeholder {
+ opacity: 0;
+}
+
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical)>text>placeholder,
+entry>text>placeholder {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+spinbutton:not(.vertical)>text>selection,
+entry>text>selection {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+spinbutton:not(.vertical)>text>block-cursor,
+entry>text>block-cursor {
+ background-color: #387db7;
+ color: #fff;
+}
+
+spinbutton:not(.vertical)>image,
+entry>image {
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+ color: rgba(158, 158, 158, 0.7);
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+spinbutton:not(.vertical)>image:drop(active),
+spinbutton:not(.vertical)>image:hover,
+entry>image:drop(active),
+entry>image:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+spinbutton:not(.vertical)>image:focus,
+entry>image:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+spinbutton:not(.vertical)>image:active,
+entry>image:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+spinbutton:not(.vertical)>image:disabled,
+entry>image:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton:not(.vertical)>image.left,
+entry>image.left {
+ margin-left: -4px;
+}
+
+spinbutton:not(.vertical)>image.right,
+entry>image.right {
+ margin-right: -4px;
+}
+
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #f44336;
+}
+
+spinbutton.error:focus-within:not(.vertical),
+entry.error:focus-within {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f44336 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #f44336;
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #ffeb3b;
+}
+
+spinbutton.warning:focus-within:not(.vertical),
+entry.warning:focus-within {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ffeb3b 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px #ffeb3b;
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton:not(.vertical)>progress>trough>progress,
+entry>progress>trough>progress {
+ margin: 0 -8px;
+ margin-bottom: -4px;
+ border-bottom: 2px solid #387db7;
+ background-color: transparent;
+}
+
+spinbutton.vertical>text {
+ border-radius: 2px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+ color: #9e9e9e;
+ caret-color: #387db7;
+}
+
+spinbutton.vertical>text:focus-within {
+ border-image: none;
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+
+spinbutton.vertical>text:drop(active) {
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+
+spinbutton.vertical>text:disabled {
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1c1e;
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.vertical>text.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f44336;
+ color: #fff;
+ caret-color: #fff;
+}
+
+spinbutton.vertical>text.error:focus-within {
+ border-image: none;
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+
+spinbutton.vertical>text.error:disabled {
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1c1e;
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.vertical>text.error image {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.vertical>text.error image:hover,
+spinbutton.vertical>text.error image:active {
+ color: #fff;
+}
+
+spinbutton.vertical>text.error image:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical>text.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #ffeb3b;
+ color: #000;
+ caret-color: #000;
+}
+
+spinbutton.vertical>text.warning:focus-within {
+ border-image: none;
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+
+spinbutton.vertical>text.warning:disabled {
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1c1e;
+ color: rgba(158, 158, 158, 0.5);
+}
+
+spinbutton.vertical>text.warning image {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+spinbutton.vertical>text.warning image:hover,
+spinbutton.vertical>text.warning image:active {
+ color: #000;
+}
+
+spinbutton.vertical>text.warning image:disabled {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+treeview entry,
+treeview entry.flat {
+ background-color: #1a1c1e;
+}
+
+treeview entry,
+treeview entry:focus-within,
+treeview entry.flat,
+treeview entry.flat:focus-within {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: #9e9e9e;
+}
+
+.entry-tag:hover {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+:dir(ltr) .entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+/**
+ * Buttons
+ */
+@keyframes needs-attention {
+ from {
+ background-image: radial-gradient(farthest-side, #387db7 0%, transparent 0%);
+ }
+
+ to {
+ background-image: radial-gradient(farthest-side, #387db7 100%, transparent 100%);
+ }
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+ border-radius: 2px;
+ background-color: #141416;
+ color: #9e9e9e;
+ font-weight: 500;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+}
+
+button:drop(active),
+button:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1a1b;
+}
+
+button:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1f1f21;
+}
+
+button:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button:checked {
+ color: #387db7;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a2530;
+}
+
+button:checked:drop(active),
+button:checked:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1c2c3b;
+}
+
+button:checked:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1e3040;
+}
+
+button:checked:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+button:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.1904);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+button.text-button.image-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+ border-radius: 2px;
+}
+
+button.text-button.image-button image:first-child {
+ margin-left: -4px;
+ margin-right: 8px;
+}
+
+button.text-button.image-button image:last-child {
+ margin-left: 8px;
+ margin-right: -4px;
+}
+
+frame button,
+.frame button,
+popover button {
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(158, 158, 158, 0.3);
+ background-color: transparent;
+}
+
+frame button:drop(active),
+.frame button:drop(active),
+popover button:drop(active),
+frame button:hover,
+.frame button:hover,
+popover button:hover {
+ box-shadow: inset 0 0 0 1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+frame button:focus,
+.frame button:focus,
+popover button:focus {
+ box-shadow: inset 0 0 0 1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+frame button:active,
+.frame button:active,
+popover button:active {
+ box-shadow: inset 0 0 0 1px rgba(158, 158, 158, 0.3);
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+button.sidebar-button,
+pathbar.linked:not(.vertical)>button,
+spinbutton.vertical button,
+spinbutton:not(.vertical)>button,
+combobox>.linked:not(.vertical)>button:not(:only-child),
+infobar.info>revealer>box button,
+infobar.question>revealer>box button,
+filechooser #pathbarbox>stack>box>button,
+window.dialog.message .dialog-action-area>button,
+.app-notification button,
+actionbar>revealer>box button:not(.suggested-action):not(.destructive-action),
+popover.menu button.model,
+.titlebar button:not(.suggested-action):not(.destructive-action),
+.toolbar button,
+button.flat {
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+button.sidebar-button:drop(active),
+pathbar.linked:not(.vertical)>button:drop(active),
+spinbutton.vertical button:drop(active),
+spinbutton:not(.vertical)>button:drop(active),
+combobox>.linked:not(.vertical)>button:drop(active):not(:only-child),
+infobar.info>revealer>box button:drop(active),
+infobar.question>revealer>box button:drop(active),
+filechooser #pathbarbox>stack>box>button:drop(active),
+window.dialog.message .dialog-action-area>button:drop(active),
+.app-notification button:drop(active),
+actionbar>revealer>box button:drop(active):not(.suggested-action):not(.destructive-action),
+popover.menu button.model:drop(active),
+.titlebar button:drop(active):not(.suggested-action):not(.destructive-action),
+.toolbar button:drop(active),
+button.flat:drop(active),
+button.sidebar-button:hover,
+pathbar.linked:not(.vertical)>button:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical)>button:hover,
+combobox>.linked:not(.vertical)>button:hover:not(:only-child),
+infobar.info>revealer>box button:hover,
+infobar.question>revealer>box button:hover,
+filechooser #pathbarbox>stack>box>button:hover,
+window.dialog.message .dialog-action-area>button:hover,
+.app-notification button:hover,
+actionbar>revealer>box button:hover:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:hover,
+.titlebar button:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:hover,
+button.flat:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+button.sidebar-button:focus,
+pathbar.linked:not(.vertical)>button:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical)>button:focus,
+combobox>.linked:not(.vertical)>button:focus:not(:only-child),
+infobar.info>revealer>box button:focus,
+infobar.question>revealer>box button:focus,
+filechooser #pathbarbox>stack>box>button:focus,
+window.dialog.message .dialog-action-area>button:focus,
+.app-notification button:focus,
+actionbar>revealer>box button:focus:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:focus,
+.titlebar button:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:focus,
+button.flat:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+button.sidebar-button:active,
+pathbar.linked:not(.vertical)>button:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical)>button:active,
+combobox>.linked:not(.vertical)>button:active:not(:only-child),
+infobar.info>revealer>box button:active,
+infobar.question>revealer>box button:active,
+filechooser #pathbarbox>stack>box>button:active,
+window.dialog.message .dialog-action-area>button:active,
+.app-notification button:active,
+actionbar>revealer>box button:active:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:active,
+.titlebar button:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:active,
+button.flat:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+button.sidebar-button:disabled,
+pathbar.linked:not(.vertical)>button:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical)>button:disabled,
+combobox>.linked:not(.vertical)>button:disabled:not(:only-child),
+infobar.info>revealer>box button:disabled,
+infobar.question>revealer>box button:disabled,
+filechooser #pathbarbox>stack>box>button:disabled,
+window.dialog.message .dialog-action-area>button:disabled,
+.app-notification button:disabled,
+actionbar>revealer>box button:disabled:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:disabled,
+.titlebar button:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:disabled,
+button.flat:disabled {
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+combobox>.linked:not(.vertical)>button:checked:not(:only-child),
+infobar.info>revealer>box button:checked,
+infobar.question>revealer>box button:checked,
+filechooser #pathbarbox>stack>box>button:checked,
+window.dialog.message .dialog-action-area>button:checked,
+.app-notification button:checked,
+actionbar>revealer>box button:checked:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked,
+.titlebar button:checked:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked,
+button.flat:checked {
+ color: #387db7;
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+combobox>.linked:not(.vertical)>button:checked:drop(active):not(:only-child),
+infobar.info>revealer>box button:checked:drop(active),
+infobar.question>revealer>box button:checked:drop(active),
+filechooser #pathbarbox>stack>box>button:checked:drop(active),
+window.dialog.message .dialog-action-area>button:checked:drop(active),
+.app-notification button:checked:drop(active),
+actionbar>revealer>box button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:drop(active),
+.titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:drop(active),
+button.flat:checked:drop(active),
+combobox>.linked:not(.vertical)>button:checked:hover:not(:only-child),
+infobar.info>revealer>box button:checked:hover,
+infobar.question>revealer>box button:checked:hover,
+filechooser #pathbarbox>stack>box>button:checked:hover,
+window.dialog.message .dialog-action-area>button:checked:hover,
+.app-notification button:checked:hover,
+actionbar>revealer>box button:checked:hover:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:hover,
+.titlebar button:checked:hover:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:hover,
+button.flat:checked:hover {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+combobox>.linked:not(.vertical)>button:checked:focus:not(:only-child),
+infobar.info>revealer>box button:checked:focus,
+infobar.question>revealer>box button:checked:focus,
+filechooser #pathbarbox>stack>box>button:checked:focus,
+window.dialog.message .dialog-action-area>button:checked:focus,
+.app-notification button:checked:focus,
+actionbar>revealer>box button:checked:focus:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:focus,
+.titlebar button:checked:focus:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:focus,
+button.flat:checked:focus {
+ box-shadow: none;
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+combobox>.linked:not(.vertical)>button:checked:active:not(:only-child),
+infobar.info>revealer>box button:checked:active,
+infobar.question>revealer>box button:checked:active,
+filechooser #pathbarbox>stack>box>button:checked:active,
+window.dialog.message .dialog-action-area>button:checked:active,
+.app-notification button:checked:active,
+actionbar>revealer>box button:checked:active:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:active,
+.titlebar button:checked:active:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:active,
+button.flat:checked:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+combobox>.linked:not(.vertical)>button:checked:disabled:not(:only-child),
+infobar.info>revealer>box button:checked:disabled,
+infobar.question>revealer>box button:checked:disabled,
+filechooser #pathbarbox>stack>box>button:checked:disabled,
+window.dialog.message .dialog-action-area>button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar>revealer>box button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.menu button.model:checked:disabled,
+.titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action),
+.toolbar button:checked:disabled,
+button.flat:checked:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+infobar.info>revealer>box button.text-button,
+infobar.question>revealer>box button.text-button,
+filechooser #pathbarbox>stack>box>button.text-button,
+window.dialog.message .dialog-action-area>button.text-button,
+.app-notification button.text-button,
+actionbar>revealer>box button.text-button:not(.suggested-action):not(.destructive-action),
+popover.menu button.text-button.model,
+.titlebar button.text-button:not(.suggested-action):not(.destructive-action),
+.toolbar button.text-button,
+button.flat.text-button {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+infobar.info>revealer>box button.text-button.image-button,
+infobar.question>revealer>box button.text-button.image-button,
+filechooser #pathbarbox>stack>box>button.text-button.image-button,
+window.dialog.message .dialog-action-area>button.text-button.image-button,
+.app-notification button.text-button.image-button,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+popover.menu button.text-button.image-button.model,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+.toolbar button.text-button.image-button,
+button.flat.text-button.image-button {
+ min-width: 24px;
+ padding: 4px;
+}
+
+infobar.info>revealer>box button.text-button.image-button label:first-child,
+infobar.question>revealer>box button.text-button.image-button label:first-child,
+filechooser #pathbarbox>stack>box>button.text-button.image-button label:first-child,
+window.dialog.message .dialog-action-area>button.text-button.image-button label:first-child,
+.app-notification button.text-button.image-button label:first-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+popover.menu button.text-button.image-button.model label:first-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child,
+.toolbar button.text-button.image-button label:first-child,
+button.flat.text-button.image-button label:first-child {
+ margin-left: 8px;
+}
+
+infobar.info>revealer>box button.text-button.image-button label:last-child,
+infobar.question>revealer>box button.text-button.image-button label:last-child,
+filechooser #pathbarbox>stack>box>button.text-button.image-button label:last-child,
+window.dialog.message .dialog-action-area>button.text-button.image-button label:last-child,
+.app-notification button.text-button.image-button label:last-child,
+actionbar>revealer>box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+popover.menu button.text-button.image-button.model label:last-child,
+.titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child,
+.toolbar button.text-button.image-button label:last-child,
+button.flat.text-button.image-button label:last-child {
+ margin-right: 8px;
+}
+
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child),
+filechooser #pathbarbox>stack>box.linked:not(.vertical)>button:not(:only-child),
+window.dialog.message .dialog-action-area.linked:not(.vertical)>button:not(:only-child),
+.app-notification .linked:not(.vertical)>button:not(:only-child),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.menu .linked:not(.vertical)>button.model:not(:only-child),
+.titlebar .linked:not(.vertical)>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+.toolbar .linked:not(.vertical)>button:not(:only-child),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child),
+filechooser #pathbarbox>stack>box.linked.vertical>button:not(:only-child),
+window.dialog.message .dialog-action-area.linked.vertical>button:not(:only-child),
+.app-notification .linked.vertical>button:not(:only-child),
+actionbar>revealer>box .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+popover.menu .linked.vertical>button.model:not(:only-child),
+.titlebar .linked.vertical>button:not(:only-child):not(.suggested-action):not(.destructive-action),
+.toolbar .linked.vertical>button:not(:only-child),
+.linked:not(.vertical)>button.flat:not(:only-child),
+.linked.vertical>button.flat:not(:only-child) {
+ border-radius: 2px;
+}
+
+infobar.info>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+filechooser #pathbarbox>stack>box.linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+window.dialog.message .dialog-action-area.linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.menu .linked:not(.vertical)>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+.toolbar .linked:not(.vertical)>button:not(:only-child).image-button:not(.text-button),
+infobar.info>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+infobar.question>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+filechooser #pathbarbox>stack>box.linked.vertical>button:not(:only-child).image-button:not(.text-button),
+window.dialog.message .dialog-action-area.linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.app-notification .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+actionbar>revealer>box .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+popover.menu .linked.vertical>button.model:not(:only-child).image-button:not(.text-button),
+.titlebar .linked.vertical>button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
+.toolbar .linked.vertical>button:not(:only-child).image-button:not(.text-button),
+.linked:not(.vertical)>button.flat:not(:only-child).image-button:not(.text-button),
+.linked.vertical>button.flat:not(:only-child).image-button:not(.text-button) {
+ border-radius: 9999px;
+}
+
+button.osd {
+ padding: 8px 12px;
+}
+
+button.osd.image-button {
+ padding: 8px;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #387db7;
+ color: #fff;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+ background-color: #387db7;
+}
+
+button.suggested-action:drop(active),
+button.suggested-action:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #4887bd;
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #508dc0;
+}
+
+button.suggested-action:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.suggested-action:checked {
+ background-color: #5892c3;
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+}
+
+button.suggested-action.flat:drop(active),
+button.suggested-action.flat:hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.suggested-action.flat:focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.suggested-action.flat:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+button.destructive-action {
+ background-color: #f44336;
+ color: #fff;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f44336;
+}
+
+button.destructive-action:drop(active),
+button.destructive-action:hover {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f55246;
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #f55a4e;
+}
+
+button.destructive-action:active {
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+button.destructive-action:checked {
+ background-color: #f66156;
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+}
+
+button.destructive-action.flat:drop(active),
+button.destructive-action.flat:hover {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:focus {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+button.destructive-action.flat:active {
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 10%);
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(244, 67, 54, 0.16);
+}
+
+stackswitcher>button>label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+stackswitcher>button>image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+stackswitcher>button.needs-attention:checked>label,
+stackswitcher>button.needs-attention:checked>image {
+ animation: none;
+ background-image: none;
+}
+
+button.font>box {
+ border-spacing: 6px;
+}
+
+button.close,
+menubutton.circular>button,
+button.circular {
+ border-radius: 9999px;
+}
+
+button.sidebar-button,
+notebook>header>tabs>tab button.flat,
+spinbutton:not(.vertical)>button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+stacksidebar.sidebar row.needs-attention>label,
+stackswitcher>button.needs-attention>label,
+stackswitcher>button.needs-attention>image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention>label:dir(rtl),
+stackswitcher>button.needs-attention>label:dir(rtl),
+stackswitcher>button.needs-attention>image:dir(rtl) {
+ background-position: left 3px;
+}
+
+.linked:not(stackswitcher) {
+ border-spacing: 4px;
+}
+
+.linked:not(.vertical)>button.radio {
+ border-radius: 0;
+}
+
+.linked:not(.vertical)>button.radio:first-child {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.linked:not(.vertical)>button.radio:last-child {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked:not(.vertical)>button.radio:not(:first-child) {
+ margin-left: -4px;
+}
+
+.linked.vertical>button.radio {
+ border-radius: 0;
+}
+
+.linked.vertical>button.radio:first-child {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+.linked.vertical>button.radio:last-child {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.linked.vertical>button.radio:not(:first-child) {
+ margin-top: -4px;
+}
+
+/* menu buttons */
+modelbutton.flat:drop(active),
+modelbutton.flat:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+modelbutton.flat:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+modelbutton.flat arrow {
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+modelbutton.flat arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 4px;
+}
+
+menubutton>button>box>arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton>button>box>arrow.none {
+ -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton>button>box>arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton>button>box>arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton>button>box>arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton>button>box>arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+/**
+ * Links
+ */
+link {
+ color: #387db7;
+}
+
+link:visited {
+ color: #673ab7;
+}
+
+button.link {
+ color: #387db7;
+}
+
+button.link:drop(active),
+button.link:hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.link:focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+button.link:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+button.link:visited {
+ color: #673ab7;
+}
+
+button.link:visited:drop(active),
+button.link:visited:hover {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+
+button.link:visited:focus {
+ background-color: rgba(103, 58, 183, 0.12);
+}
+
+button.link:visited:active {
+ background-image: radial-gradient(circle, rgba(103, 58, 183, 0.16) 10%, transparent 10%);
+}
+
+button.link>label {
+ text-decoration-line: underline;
+}
+
+/**
+ * GtkSpinButton
+ */
+spinbutton {
+ font-feature-settings: "tnum";
+}
+
+spinbutton:not(.vertical)>text {
+ min-width: 32px;
+}
+
+spinbutton:not(.vertical)>button {
+ margin: 4px 0;
+}
+
+spinbutton:not(.vertical)>button.up:dir(ltr) {
+ margin-right: -4px;
+}
+
+spinbutton:not(.vertical)>button.up:dir(rtl) {
+ margin-left: -4px;
+}
+
+spinbutton.vertical>text {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical>text>selection {
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+spinbutton.vertical button {
+ min-height: 32px;
+ min-width: 40px;
+ padding: 0;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+spinbutton.vertical button.up {
+ border-radius: 2px 2px 0 0;
+}
+
+spinbutton.vertical button.down {
+ border-radius: 0 0 2px 2px;
+}
+
+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 arrow,
+combobox arrow {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+dropdown button:checked arrow,
+combobox button:checked arrow {
+ color: #387db7;
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+dropdown>button>box {
+ border-spacing: 6px;
+}
+
+dropdown>popover.menu>contents {
+ padding: 0;
+}
+
+dropdown>popover.menu>contents listview {
+ padding: 6px 0;
+}
+
+dropdown>popover.menu>contents listview>row {
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+dropdown>popover.menu>contents listview>row:selected {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+.dropdown-searchbar {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.dropdown-searchbar>entry.search {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+combobox>box>button>box {
+ border-spacing: 6px;
+}
+
+combobox cellview {
+ margin: -2px;
+}
+
+combobox>popover.menu>contents modelbutton {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 32px;
+}
+
+combobox>.linked:not(.vertical)>entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 32px;
+}
+
+combobox>.linked:not(.vertical)>button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 4px;
+ padding: 4px;
+ border-radius: 9999px;
+}
+
+dropdown>button.toggle,
+button.combo:only-child {
+ padding-left: 8px;
+ padding-right: 8px;
+ border-radius: 2px 2px 0 0;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 0%, transparent 0%) 2/0 0 0px;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: #9e9e9e;
+ caret-color: #387db7;
+}
+
+dropdown>button.toggle:focus,
+button.combo:only-child:focus {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+dropdown>button.toggle:drop(active),
+dropdown>button.toggle:hover,
+button.combo:only-child:drop(active),
+button.combo:only-child:hover {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.0784);
+}
+
+dropdown>button.toggle:checked,
+button.combo:only-child:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 100%, transparent 100%) 2/0 0 2px;
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.3);
+ background-color: rgba(158, 158, 158, 0.1168);
+}
+
+dropdown>button.toggle:disabled,
+button.combo:only-child:disabled {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+ background-color: rgba(158, 158, 158, 0.04);
+ color: rgba(158, 158, 158, 0.5);
+}
+
+dropdown>button.toggle arrow,
+button.combo:only-child arrow {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(158, 158, 158, 0.7);
+}
+
+dropdown>button.toggle arrow:disabled,
+button.combo:only-child arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+/**
+ * Toolbars
+ */
+.toolbar {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+.toolbar.top {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.toolbar.bottom {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.toolbar.start {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.toolbar.end {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.toolbar.osd.left,
+.toolbar.osd.right,
+.toolbar.osd.top,
+.toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+.toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+
+.toolbar.horizontal>separator {
+ margin: 4px 0;
+}
+
+.toolbar.vertical>separator {
+ margin: 0 4px;
+}
+
+.app-notification,
+.toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 4px;
+ border-spacing: 4px;
+ border-radius: 2px;
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+.app-notification:backdrop,
+.toolbar.osd:backdrop {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.inline-toolbar {
+ padding: 4px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ background-color: #1a1c1e;
+}
+
+searchbar>revealer>box {
+ padding: 4px;
+ border-spacing: 4px;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+/**
+ * Title buttons
+ */
+windowcontrols {
+ border-spacing: 4px;
+}
+
+windowcontrols:not(:only-child):not(.empty) {
+ border-image: linear-gradient(to bottom, transparent 12px, rgba(128, 134, 139, 0.2) 12px, rgba(128, 134, 139, 0.2) calc(100% - 12px), transparent calc(100% - 12px)) 1;
+}
+
+windowcontrols:not(:only-child):not(.empty).start:dir(ltr),
+windowcontrols:not(:only-child):not(.empty).end:dir(rtl) {
+ padding-right: 4px;
+ border-right: 1px solid;
+}
+
+windowcontrols:not(:only-child):not(.empty).start:dir(rtl),
+windowcontrols:not(:only-child):not(.empty).end:dir(ltr) {
+ padding-left: 4px;
+ border-left: 1px solid;
+}
+
+/**
+ * Header bars
+ */
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+ color: #80868b;
+}
+
+.titlebar:disabled {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar:backdrop {
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.titlebar box.start,
+.titlebar box.end {
+ border-spacing: 4px;
+}
+
+.titlebar .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar headerbar+separator {
+ background-color: rgba(128, 134, 139, 0.2);
+}
+
+.titlebar entry {
+ box-shadow: inset 0 -1px rgba(128, 134, 139, 0.3);
+ background-color: rgba(128, 134, 139, 0.04);
+ color: #80868b;
+}
+
+.titlebar entry:disabled {
+ box-shadow: inset 0 -1px rgba(128, 134, 139, 0.2);
+ background-color: rgba(128, 134, 139, 0.04);
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar entry image {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar entry image:hover,
+.titlebar entry image:active {
+ color: #80868b;
+}
+
+.titlebar entry image:disabled {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0px;
+ background-color: transparent;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):focus {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):active {
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 10%);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 100%) 0 0 2/0 0 2px;
+ background-color: transparent;
+ color: #80868b;
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active),
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:focus {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:active {
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 10%);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ background-color: transparent;
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(128, 134, 139, 0.08);
+ color: rgba(128, 134, 139, 0.5);
+}
+
+.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 104px;
+}
+
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+ min-width: 0;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #387db7;
+ color: #fff;
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: #fff;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+ color: #fff;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 100%) 0 0 2/0 0 2px;
+ color: #fff;
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
+ background-color: #387db7;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 4px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+headerbar>windowhandle>box {
+ min-height: 40px;
+ padding: 0 4px;
+ border-spacing: 4px;
+}
+
+headerbar>windowhandle>box entry,
+headerbar>windowhandle>box spinbutton,
+headerbar>windowhandle>box button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+headerbar>windowhandle>box separator.titlebutton {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ background-color: rgba(128, 134, 139, 0.2);
+}
+
+headerbar>windowhandle>box switch {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+headerbar>windowhandle>box spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar>windowhandle>box .entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+/**
+ * Pathbars
+ */
+pathbar.linked:not(.vertical)>button {
+ padding-left: 4px;
+ padding-right: 4px;
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 0%, transparent 0%) 0 0 0/0 0 0px;
+ border-radius: 2px;
+}
+
+pathbar.linked:not(.vertical)>button:checked {
+ border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #387db7 100%, transparent 100%) 0 0 2/0 0 2px;
+ color: #9e9e9e;
+}
+
+pathbar.linked:not(.vertical)>button:checked,
+pathbar.linked:not(.vertical)>button:checked:disabled {
+ background-color: transparent;
+}
+
+pathbar.linked:not(.vertical)>button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+pathbar.linked:not(.vertical)>button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+pathbar.linked:not(.vertical)>button.text-button {
+ min-width: 0;
+}
+
+pathbar.linked:not(.vertical)>button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**
+ * Tree Views
+ */
+columnview.view,
+treeview.view {
+ border-left-color: rgba(158, 158, 158, 0.3);
+ border-top-color: rgba(158, 158, 158, 0.2);
+}
+
+columnview.view.separator,
+treeview.view.separator {
+ min-height: 5px;
+ color: rgba(158, 158, 158, 0.2);
+}
+
+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: 9999px;
+ border-color: rgba(158, 158, 158, 0.08);
+}
+
+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-down-symbolic");
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(158, 158, 158, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+columnview.view.expander:hover,
+columnview.view.expander:active,
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: #9e9e9e;
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+ border-bottom: 4px solid #387db7;
+ background-color: transparent;
+}
+
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+ background-color: transparent;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+ border-bottom: 4px solid rgba(158, 158, 158, 0.2);
+ background-color: transparent;
+}
+
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+ background-color: transparent;
+}
+
+columnview.view>header>button,
+treeview.view>header>button {
+ padding: 2px 6px;
+ border-style: none solid solid none;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ border-radius: 0;
+ background-clip: padding-box;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+columnview.view>header>button:drop(active),
+columnview.view>header>button:hover,
+treeview.view>header>button:drop(active),
+treeview.view>header>button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+columnview.view>header>button:focus,
+treeview.view>header>button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+columnview.view>header>button:active,
+treeview.view>header>button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+columnview.view>header>button:drop(active):not(:active),
+columnview.view>header>button:hover:not(:active),
+treeview.view>header>button:drop(active):not(:active),
+treeview.view>header>button:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+columnview.view>header>button:disabled,
+treeview.view>header>button:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+columnview.view>header>button:last-child,
+treeview.view>header>button:last-child {
+ border-right-style: none;
+}
+
+columnview.view>header>button>box>sort-indicator,
+treeview.view>header>button>box>sort-indicator {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+columnview.view>header>button>box>sort-indicator.ascending,
+treeview.view>header>button>box>sort-indicator.ascending {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+columnview.view>header>button>box>sort-indicator.descending,
+treeview.view>header>button>box>sort-indicator.descending {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+ border-radius: 0;
+ box-shadow: none;
+ background-clip: border-box;
+ color: #387db7;
+}
+
+columnview.view acceleditor>label,
+treeview.view acceleditor>label {
+ background-color: #387db7;
+}
+
+/**
+ * Menus
+ */
+menubar {
+ background-color: #09090a;
+ color: #80868b;
+}
+
+menubar:backdrop {
+ background-color: #000000;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+.csd menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar>item {
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(128, 134, 139, 0.7);
+}
+
+menubar>item:hover {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+menubar>item:focus:not(:hover) {
+ background-color: rgba(128, 134, 139, 0.08);
+}
+
+menubar>item:active {
+ background-image: radial-gradient(circle, rgba(128, 134, 139, 0.12) 10%, transparent 10%);
+}
+
+menubar>item:selected:not(:focus) {
+ transition: none;
+ background-color: rgba(128, 134, 139, 0.12);
+ color: #80868b;
+}
+
+menubar>item:disabled {
+ color: rgba(128, 134, 139, 0.3);
+}
+
+popover.menu>contents {
+ padding: 6px 0;
+}
+
+popover.menu separator {
+ margin: 6px 0;
+}
+
+popover.menu label.title {
+ min-height: 24px;
+ padding: 4px 32px;
+ font-weight: bold;
+}
+
+popover.menu modelbutton {
+ min-height: 22px;
+ min-width: 40px;
+ padding: 4px 32px;
+}
+
+popover.menu modelbutton:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+popover.menu modelbutton accelerator {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+popover.menu modelbutton accelerator:dir(ltr) {
+ margin-left: 24px;
+ margin-right: -16px;
+}
+
+popover.menu modelbutton accelerator:dir(rtl) {
+ margin-left: -16px;
+ margin-right: 24px;
+}
+
+popover.menu modelbutton:disabled accelerator {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ background-color: transparent;
+ background-image: none;
+}
+
+popover.menu arrow,
+popover.menu check,
+popover.menu radio {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+popover.menu arrow.left,
+popover.menu check.left,
+popover.menu radio.left {
+ margin-left: -24px;
+ margin-right: 8px;
+}
+
+popover.menu arrow.right,
+popover.menu check.right,
+popover.menu radio.right {
+ margin-left: 8px;
+ margin-right: -24px;
+}
+
+popover.menu box.inline-buttons {
+ padding: 0 8px;
+}
+
+popover.menu box.circular-buttons {
+ padding: 4px 32px;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 12px;
+}
+
+/**
+ * Popovers
+ */
+popover {
+ font: initial;
+}
+
+popover.background {
+ background-color: transparent;
+}
+
+popover>arrow,
+popover>contents {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+ color: #9e9e9e;
+}
+
+popover>arrow:backdrop,
+popover>contents:backdrop {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover>contents,
+popover>arrow {
+ border-width: 1px;
+ border-style: solid;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+ background-clip: padding-box;
+}
+
+popover>contents {
+ padding: 8px;
+ border-radius: 3px;
+}
+
+popover>contents>list,
+popover>contents .view,
+popover>contents>.toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover frame,
+popover .frame {
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+/**
+ * Notebooks
+ */
+notebook:focus:focus-visible>header>tabs>tab:checked {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+notebook>header.top {
+ box-shadow: inset 0 -1px rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.top>tabs>tab {
+ box-shadow: inset 0 -2px transparent;
+}
+
+notebook>header.top>tabs>tab:checked {
+ box-shadow: inset 0 -2px #387db7;
+}
+
+notebook>header.bottom {
+ box-shadow: inset 0 1px rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.bottom>tabs>tab {
+ box-shadow: inset 0 2px transparent;
+}
+
+notebook>header.bottom>tabs>tab:checked {
+ box-shadow: inset 0 2px #387db7;
+}
+
+notebook>header.left {
+ box-shadow: inset -1px 0 rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.left>tabs>tab {
+ box-shadow: inset -2px 0 transparent;
+}
+
+notebook>header.left>tabs>tab:checked {
+ box-shadow: inset -2px 0 #387db7;
+}
+
+notebook>header.right {
+ box-shadow: inset 1px 0 rgba(158, 158, 158, 0.2);
+}
+
+notebook>header.right>tabs>tab {
+ box-shadow: inset 2px 0 transparent;
+}
+
+notebook>header.right>tabs>tab:checked {
+ box-shadow: inset 2px 0 #387db7;
+}
+
+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.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;
+ padding: 4px;
+ border-radius: 0;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+notebook>header>tabs>arrow:drop(active),
+notebook>header>tabs>arrow:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>arrow:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>arrow:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+notebook>header>tabs>arrow:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+notebook>header>tabs>tab {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 12px;
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+notebook>header>tabs>tab:drop(active),
+notebook>header>tabs>tab:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+notebook>header>tabs>tab:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>tab:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+notebook>header>tabs>tab:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+notebook>header>tabs>tab:checked {
+ color: #387db7;
+}
+
+notebook>header>tabs>tab:checked:drop(active),
+notebook>header>tabs>tab:checked:hover {
+ background-color: rgba(56, 125, 183, 0.08);
+}
+
+notebook>header>tabs>tab:checked:focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+notebook>header>tabs>tab:checked:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+notebook>header>tabs>tab:checked:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+notebook>header>tabs>tab>box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -4px -12px;
+ padding: 4px 12px;
+}
+
+notebook>header>tabs>tab>box:drop(active) {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+notebook>header>tabs>tab button.flat:last-child {
+ margin-left: 4px;
+ margin-right: -8px;
+}
+
+notebook>header>tabs>tab button.flat:first-child {
+ margin-left: -8px;
+ margin-right: 4px;
+}
+
+/**
+ * Scrollbars
+ */
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-clip: padding-box;
+}
+
+scrollbar.top {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar.bottom {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar.left {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar.right {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+scrollbar>range>trough>slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 10px;
+ min-height: 10px;
+ border: 3px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(158, 158, 158, 0.5);
+}
+
+scrollbar>range>trough>slider:hover {
+ background-color: rgba(158, 158, 158, 0.6);
+}
+
+scrollbar>range>trough>slider:active {
+ background-color: rgba(158, 158, 158, 0.7);
+}
+
+scrollbar>range>trough>slider:disabled {
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scrollbar.horizontal>range>trough>slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical>range>trough>slider {
+ min-height: 24px;
+}
+
+scrollbar>range.fine-tune>trough>slider {
+ min-width: 4px;
+ min-height: 4px;
+}
+
+scrollbar>range.fine-tune.horizontal>trough>slider {
+ margin: 3px 0;
+}
+
+scrollbar>range.fine-tune.vertical>trough>slider {
+ margin: 0 3px;
+}
+
+scrollbar.overlay-indicator>range:not(.fine-tune)>trough>slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering)>range>trough>slider {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 2px;
+ border: 1px solid rgba(26, 28, 30, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal>range>trough>slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical>range>trough>slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: #141416;
+}
+
+/**
+ * Switch
+ */
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 4px 0;
+ padding: 0 2px;
+ border: 5px solid transparent;
+ border-radius: 9999px;
+ background-color: rgba(158, 158, 158, 0.3);
+ background-clip: padding-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: rgba(56, 125, 183, 0.5);
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch>image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch>slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 20px;
+ min-height: 20px;
+ margin: -3px -2px;
+ border-radius: 9999px;
+ box-shadow: 0 0 0 10px transparent, 0 0 0 -10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+}
+
+switch:hover>slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 0 0 -10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+switch:focus>slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 0 0 -10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+switch:active>slider {
+ box-shadow: 0 0 0 10px rgba(158, 158, 158, 0.08), 0 0 0 10px rgba(158, 158, 158, 0.12), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+switch:checked>slider {
+ background-color: #387db7;
+}
+
+switch:checked:hover>slider {
+ box-shadow: 0 0 0 10px rgba(56, 125, 183, 0.12), 0 0 0 -10px rgba(56, 125, 183, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+switch:checked:focus>slider {
+ box-shadow: 0 0 0 10px rgba(56, 125, 183, 0.12), 0 0 0 -10px rgba(56, 125, 183, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+switch:checked:active>slider {
+ box-shadow: 0 0 0 10px rgba(56, 125, 183, 0.12), 0 0 0 10px rgba(56, 125, 183, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+/**
+ * Check and Radio items
+ */
+.view.content-view.check:not(list),
+.content-view:not(list) .tile check {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ background-image: none;
+ -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12);
+}
+
+.view.content-view.check:not(list):hover,
+.view.content-view.check:not(list):active,
+.content-view:not(list) .tile check:hover,
+.content-view:not(list) .tile check:active {
+ -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+
+.view.content-view.check:not(list),
+.content-view:not(list) .tile check {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view:not(list) .tile check:checked {
+ -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+ border-spacing: 4px;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+ border-radius: 9999px;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+check:drop(active),
+check:hover,
+radio:drop(active),
+radio:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:focus,
+radio:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+check:active,
+radio:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #387db7;
+}
+
+check:checked:drop(active),
+check:checked:hover,
+check:indeterminate:drop(active),
+check:indeterminate:hover,
+radio:checked:drop(active),
+radio:checked:hover,
+radio:indeterminate:drop(active),
+radio:indeterminate:hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+check:checked:focus,
+check:indeterminate:focus,
+radio:checked:focus,
+radio:indeterminate:focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+check:disabled,
+radio:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
+ border-image-slice: 20;
+ border-image-width: 20px;
+ border-image-source: radial-gradient(circle, #387db7 0%, transparent 0%);
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
+}
+
+radio:checked:not(:indeterminate) {
+ border-image-source: radial-gradient(circle, #387db7 4.5px, transparent 5px);
+}
+
+radio:checked:not(:indeterminate):disabled {
+ border-image-source: radial-gradient(circle, rgba(158, 158, 158, 0.3) 4.5px, transparent 5px);
+}
+
+popover.menu modelbutton check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 2px;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
+}
+
+popover.menu modelbutton check:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
+}
+
+popover.menu modelbutton check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
+}
+
+popover.menu modelbutton radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
+}
+
+popover.menu modelbutton radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
+}
+
+popover.menu modelbutton radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: #387db7;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+treeview.view check,
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view check:selected:hover,
+treeview.view radio,
+treeview.view radio:hover,
+treeview.view radio:selected,
+treeview.view radio:selected:hover {
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
+ border-image: none;
+}
+
+/**
+ * GtkScale
+ */
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 15px 12px;
+}
+
+scale.vertical {
+ padding: 12px 15px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 14px;
+ padding-bottom: 14px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 14px;
+ padding-right: 14px;
+}
+
+scale.fine-tune>trough>slider {
+ margin: -14px;
+}
+
+scale>trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scale>trough:disabled {
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+scale>trough>highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#387db7);
+}
+
+scale>trough>highlight:disabled {
+ background-color: #0f1011;
+ background-image: image(rgba(158, 158, 158, 0.3));
+}
+
+scale>trough>fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scale>trough>fill:disabled {
+ background-color: transparent;
+}
+
+scale>trough>slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 32px;
+ min-height: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: auto, 1000% 1000%;
+ color: #387db7;
+}
+
+scale>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale>trough>slider:hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+scale>trough>slider:focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+scale>trough>slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+ background-size: auto, 0% 0%;
+}
+
+scale>marks,
+scale>value {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+scale>value {
+ font-feature-settings: "tnum";
+}
+
+scale indicator {
+ background-color: rgba(158, 158, 158, 0.3);
+}
+
+scale.horizontal>marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune>marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal>marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune>marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical>marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune>marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical>marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune>marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-before:not(.marks-after)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-before:not(.marks-after)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+scale.horizontal.marks-after:not(.marks-before)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-after:not(.marks-before)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.horizontal.marks-after:not(.marks-before)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+scale.vertical.marks-before:not(.marks-after)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-before:not(.marks-after)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-before:not(.marks-after)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+scale.vertical.marks-after:not(.marks-before)>trough>slider {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-after:not(.marks-before)>trough>slider:disabled {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+
+scale.vertical.marks-after:not(.marks-before)>trough>slider:active {
+ background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal:dir(ltr),
+scale.color.horizontal:dir(rtl) {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal:dir(ltr) slider,
+scale.color.horizontal:dir(rtl) slider {
+ margin-bottom: -24px;
+ margin-top: 8px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -24px;
+ margin-right: 8px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -24px;
+ margin-left: 8px;
+}
+
+/**
+ * Progress bars
+ */
+progressbar {
+ color: rgba(158, 158, 158, 0.7);
+ font-size: smaller;
+ font-feature-settings: "tnum";
+}
+
+progressbar>trough {
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+progressbar>trough>progress {
+ background-color: #387db7;
+}
+
+progressbar.horizontal>trough {
+ min-width: 150px;
+}
+
+progressbar.horizontal>trough,
+progressbar.horizontal>trough>progress {
+ min-height: 4px;
+}
+
+progressbar.vertical>trough {
+ min-height: 80px;
+}
+
+progressbar.vertical>trough,
+progressbar.vertical>trough>progress {
+ min-width: 4px;
+}
+
+progressbar>trough.empty>progress {
+ all: unset;
+}
+
+/**
+ * Level Bar
+ */
+levelbar.horizontal>trough>block {
+ min-height: 4px;
+}
+
+levelbar.horizontal.discrete>trough>block {
+ min-width: 32px;
+}
+
+levelbar.horizontal.discrete>trough>block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical>trough>block {
+ min-width: 4px;
+}
+
+levelbar.vertical.discrete>trough>block {
+ min-height: 32px;
+}
+
+levelbar.vertical.discrete>trough>block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar>trough>block.low {
+ background-color: #ffeb3b;
+}
+
+levelbar>trough>block.high,
+levelbar>trough>block:not(.empty) {
+ background-color: #387db7;
+}
+
+levelbar>trough>block.full {
+ background-color: #00e676;
+}
+
+levelbar>trough>block.empty {
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+/**
+ * Print dialog
+ */
+window.dialog.print paper {
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1c1e;
+ color: #9e9e9e;
+}
+
+window.dialog.print .dialog-action-box {
+ margin: 12px;
+}
+
+/**
+ * Frames
+ */
+frame,
+.frame {
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1c1e;
+ color: #9e9e9e;
+}
+
+frame>label {
+ margin: 4px;
+}
+
+statusbar {
+ padding: 6px 10px;
+}
+
+actionbar>revealer>box {
+ padding: 4px;
+ border-spacing: 4px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+actionbar>revealer>box .linked:not(.vertical)>entry:not(:only-child) {
+ border-radius: 2px 2px 0 0;
+}
+
+overshoot.top {
+ background-image: radial-gradient(farthest-side at top, rgba(56, 125, 183, 0.24) 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 200% 75%;
+ background-repeat: no-repeat;
+ background-position: top;
+}
+
+overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, rgba(56, 125, 183, 0.24) 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 200% 75%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+}
+
+overshoot.left {
+ background-image: radial-gradient(farthest-side at left, rgba(56, 125, 183, 0.24) 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 75% 200%;
+ background-repeat: no-repeat;
+ background-position: left;
+}
+
+overshoot.right {
+ background-image: radial-gradient(farthest-side at right, rgba(56, 125, 183, 0.24) 99%, rgba(56, 125, 183, 0) 100%);
+ background-size: 75% 200%;
+ background-repeat: no-repeat;
+ background-position: right;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(158, 158, 158, 0.2);
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(158, 158, 158, 0.2);
+}
+
+button.font>box>box>separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/**
+ * Lists
+ */
+listview>row,
+list>row {
+ padding: 2px;
+}
+
+listview>row.expander,
+list>row.expander {
+ padding: 0;
+}
+
+listview>row.expander .row-header,
+list>row.expander .row-header {
+ padding: 2px;
+}
+
+listview.separators:not(.horizontal)>row:not(:first-child),
+list.separators:not(.horizontal)>row:not(:first-child) {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+listview.separators.horizontal>row:not(:first-child),
+list.separators.horizontal>row:not(:first-child) {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+row {
+ background-clip: padding-box;
+}
+
+row.activatable:drop(active),
+row.activatable:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+row.activatable:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+row.activatable:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+row.activatable:drop(active):not(:active),
+row.activatable:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+row.activatable.has-open-popup {
+ background-color: rgba(158, 158, 158, 0.12);
+}
+
+row:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+row:selected:drop(active),
+row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+row:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+row:selected.has-open-popup {
+ background-color: rgba(56, 125, 183, 0.4288);
+}
+
+listview>row:drop(active),
+listview>row:hover {
+ background-color: rgba(158, 158, 158, 0.04);
+}
+
+listview>row:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+listview>row:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+listview>row:drop(active):not(:active),
+listview>row:hover:not(:active) {
+ transition-property: all, border-image, background-size, background-image, background-color;
+ transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+
+listview:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+listview:selected:drop(active),
+listview:selected:hover {
+ background-color: rgba(56, 125, 183, 0.3744);
+}
+
+listview:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+listview:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+columnview>listview>row {
+ padding: 0;
+}
+
+columnview>listview>row>cell {
+ min-height: 24px;
+ padding: 4px 6px;
+}
+
+columnview>listview>row>cell:not(:last-child) {
+ border-right: 1px solid transparent;
+}
+
+columnview.column-separators>listview>row>cell {
+ border-right-color: rgba(158, 158, 158, 0.2);
+}
+
+columnview.data-table>listview>row>cell {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.rich-list>row {
+ padding: 12px;
+ min-height: 32px;
+}
+
+.rich-list>row>box {
+ border-spacing: 12px;
+}
+
+/**
+ * App Notifications
+ */
+.app-notification {
+ margin: 8px;
+ border-style: none;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #387db7;
+}
+
+.app-notification button.text-button:not(:disabled):drop(active),
+.app-notification button.text-button:not(:disabled):hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.app-notification button.text-button:not(:disabled):focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+.app-notification button.text-button:not(:disabled):active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+/**
+ * Expanders
+ */
+expander {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ padding: 4px;
+ border-radius: 9999px;
+ color: rgba(158, 158, 158, 0.7);
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+expander:drop(active),
+expander:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+expander:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+expander:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+expander:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+expander:checked:dir(ltr) {
+ -gtk-icon-transform: rotate(-180deg);
+}
+
+expander:checked:dir(rtl) {
+ -gtk-icon-transform: rotate(180deg);
+}
+
+indent {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 4px;
+}
+
+expander-widget:focus>box>title>expander {
+ box-shadow: inset 0 0 0 9999px rgba(158, 158, 158, 0.08);
+}
+
+expander-widget>box>title:drop(active)>expander,
+expander-widget>box>title:hover>expander {
+ box-shadow: inset 0 0 0 9999px rgba(158, 158, 158, 0.08);
+}
+
+expander-widget>box>title:active>expander {
+ transition-duration: 75ms, 225ms, 0ms, 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: 0% 0%;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+/**
+ * Calendar
+ */
+calendar {
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1a1c1e;
+ color: #9e9e9e;
+}
+
+calendar:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+calendar>header {
+ padding: 4px;
+ border-spacing: 4px;
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+calendar>header>button.image-button {
+ padding: 0;
+ min-width: 28px;
+ min-height: 28px;
+ border-radius: 9999px;
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.7);
+ box-shadow: none;
+ background-color: transparent;
+}
+
+calendar>header>button.image-button:drop(active),
+calendar>header>button.image-button:hover {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>header>button.image-button:focus {
+ box-shadow: none;
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>header>button.image-button:active {
+ box-shadow: none;
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+calendar>header>button.image-button:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+calendar>grid {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+calendar>grid>label {
+ padding: 0;
+ min-width: 28px;
+ min-height: 28px;
+ border-radius: 9999px;
+}
+
+calendar>grid>label.day-name,
+calendar>grid>label.week-number {
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+calendar>grid>label.day-number:drop(active),
+calendar>grid>label.day-number:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>grid>label.day-number:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+calendar>grid>label.day-number:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+calendar>grid>label.day-number.today {
+ box-shadow: inset 0 0 0 1px rgba(158, 158, 158, 0.7);
+}
+
+calendar>grid>label.day-number.other-month {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+calendar>grid>label.day-number:selected {
+ background-color: rgba(56, 125, 183, 0.32);
+ box-shadow: inset 0 0 0 1px transparent;
+ background-color: rgba(56, 125, 183, 0.32);
+}
+
+calendar>grid>label.day-number:selected:drop(active),
+calendar>grid>label.day-number:selected:hover {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+calendar>grid>label.day-number:selected:focus {
+ background-color: rgba(56, 125, 183, 0.4016);
+}
+
+calendar>grid>label.day-number:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+/**
+ * Dialogs
+ */
+window.dialog.message.csd.background {
+ min-width: 280px;
+ border-radius: 2px;
+ background-color: #141416;
+}
+
+window.dialog.message>.titlebar {
+ min-height: 24px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: transparent;
+ color: #9e9e9e;
+}
+
+window.dialog.message>.titlebar:backdrop {
+ background-color: transparent;
+ color: rgba(158, 158, 158, 0.7);
+}
+
+window.dialog.message>box.dialog-vbox.vertical {
+ border-spacing: 20px;
+}
+
+window.dialog.message>box.dialog-vbox.vertical>box.vertical>box.horizontal {
+ margin: 0 -6px;
+}
+
+window.dialog.message label.title {
+ font-weight: 500;
+ font-size: 15pt;
+ letter-spacing: 0.1125pt;
+}
+
+window.dialog.message label.title+label {
+ color: rgba(158, 158, 158, 0.7);
+}
+
+window.dialog.message list,
+window.dialog.message .view {
+ background-color: transparent;
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled) {
+ color: #387db7;
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled):drop(active),
+window.dialog.message .dialog-action-area>button:not(:disabled):hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled):focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+window.dialog.message .dialog-action-area>button:not(:disabled):active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+window.dialog.message .dialog-action-area>button.suggested-action:not(:disabled) {
+ background-color: transparent;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled) {
+ background-color: transparent;
+ color: #f44336;
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):drop(active),
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):hover {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):focus {
+ background-color: rgba(244, 67, 54, 0.12);
+}
+
+window.dialog.message .dialog-action-area>button.destructive-action:not(:disabled):active {
+ background-image: radial-gradient(circle, rgba(244, 67, 54, 0.16) 10%, transparent 10%);
+}
+
+.dialog-action-area {
+ padding: 4px;
+ border-spacing: 4px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+filechooser #pathbarbox>stack>box>button {
+ border-radius: 9999px;
+}
+
+filechooserbutton>button>box {
+ border-spacing: 6px;
+}
+
+/**
+ * Sidebar
+ */
+.sidebar {
+ border-style: none;
+}
+
+.sidebar:not(separator):dir(ltr),
+.sidebar:not(separator).left,
+.sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid rgba(158, 158, 158, 0.2);
+ border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl),
+.sidebar:not(separator).right {
+ border-left: 1px solid rgba(158, 158, 158, 0.2);
+ border-right-style: none;
+}
+
+paned .sidebar:dir(rtl):not(:dir(ltr)),
+paned .sidebar:dir(ltr):not(:dir(rtl)) {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 4px;
+}
+
+stacksidebar.sidebar list.separators:not(.horizontal)>row:not(:first-child) {
+ border-top-style: none;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 2px;
+ border-radius: 2px;
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: rgba(56, 125, 183, 0.16);
+ color: #387db7;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+stacksidebar.sidebar row:selected:drop(active),
+stacksidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+stacksidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+stacksidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+stacksidebar.sidebar row+row {
+ margin-top: 4px;
+}
+
+stacksidebar.sidebar row>label {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+/**
+ * File chooser
+ */
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(158, 158, 158, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(158, 158, 158, 0.3);
+}
+
+placessidebar.sidebar list {
+ padding: 4px 0;
+}
+
+placessidebar.sidebar list>separator {
+ margin: 4px 0;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0 4px;
+ padding: 0;
+ border-radius: 2px;
+ color: rgba(158, 158, 158, 0.7);
+ font-weight: 500;
+}
+
+placessidebar.sidebar row>revealer {
+ padding: 0 8px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: rgba(56, 125, 183, 0.16);
+ color: #387db7;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+placessidebar.sidebar row:selected:drop(active),
+placessidebar.sidebar row:selected:hover {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+placessidebar.sidebar row:selected:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+placessidebar.sidebar row:selected:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+placessidebar.sidebar row:selected image.sidebar-icon {
+ color: #387db7;
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(158, 158, 158, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #387db7;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #387db7;
+}
+
+placesview .server-list-button>image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked>image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview>actionbar>revealer>box>box {
+ border-spacing: 4px;
+}
+
+placesview>actionbar>revealer>box>box>label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+/**
+ * Paned
+ */
+paned>separator {
+ background-clip: content-box;
+}
+
+paned>separator.wide {
+ min-width: 4px;
+ min-height: 4px;
+ border: 1px solid rgba(158, 158, 158, 0.2);
+ background-color: transparent;
+}
+
+paned.horizontal>separator:not(.wide) {
+ margin: 0 -4px;
+ padding: 0 4px;
+}
+
+paned.horizontal>separator.wide {
+ border-style: none solid;
+}
+
+paned.vertical>separator:not(.wide) {
+ margin: -4px 0;
+ padding: 4px 0;
+}
+
+paned.vertical>separator.wide {
+ border-style: solid none;
+}
+
+/**
+ * GtkVideo
+ */
+video {
+ background-color: black;
+}
+
+video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 32px;
+ background-color: rgba(0, 0, 0, 0.6);
+ color: #fff;
+}
+
+video controls.osd {
+ padding: 4px;
+ background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+ color: rgba(255, 255, 255, 0.87);
+}
+
+video controls.osd button {
+ background-color: transparent;
+ color: rgba(255, 255, 255, 0.6);
+}
+
+video controls.osd button:drop(active),
+video controls.osd button:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+video controls.osd button:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+video controls.osd button:active {
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+/**
+ * GtkInfoBar
+ */
+infobar>revealer>box {
+ padding: 8px;
+ border-spacing: 12px;
+}
+
+infobar.action:hover>revealer>box {
+ background-image: image(rgba(158, 158, 158, 0.08));
+}
+
+infobar.info>revealer>box,
+infobar.question>revealer>box {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled),
+infobar.question>revealer>box button.text-button:not(:disabled) {
+ color: #387db7;
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.info>revealer>box button.text-button:not(:disabled):hover,
+infobar.question>revealer>box button.text-button:not(:disabled):drop(active),
+infobar.question>revealer>box button.text-button:not(:disabled):hover {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):focus,
+infobar.question>revealer>box button.text-button:not(:disabled):focus {
+ background-color: rgba(56, 125, 183, 0.12);
+}
+
+infobar.info>revealer>box button.text-button:not(:disabled):active,
+infobar.question>revealer>box button.text-button:not(:disabled):active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+infobar.warning>revealer>box {
+ background-color: #ffeb3b;
+ color: #000;
+}
+
+infobar.warning>revealer>box button.flat {
+ color: #000;
+}
+
+infobar.warning>revealer>box button.flat:drop(active),
+infobar.warning>revealer>box button.flat:hover {
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+infobar.warning>revealer>box button.flat:focus {
+ background-color: rgba(0, 0, 0, 0.08);
+}
+
+infobar.warning>revealer>box button.flat:active {
+ background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 10%);
+}
+
+infobar.warning>revealer>box link {
+ color: #000;
+}
+
+infobar.error>revealer>box {
+ background-color: #f44336;
+ color: #fff;
+}
+
+infobar.error>revealer>box button.flat {
+ color: #fff;
+}
+
+infobar.error>revealer>box button.flat:drop(active),
+infobar.error>revealer>box button.flat:hover {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:focus {
+ background-color: rgba(255, 255, 255, 0.08);
+}
+
+infobar.error>revealer>box button.flat:active {
+ background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+infobar.error>revealer>box link {
+ color: #fff;
+}
+
+/**
+ * Tooltips
+ */
+tooltip {
+ min-height: 24px;
+ padding: 4px 8px;
+ border-radius: 2px;
+}
+
+tooltip.background {
+ background-color: rgba(9, 9, 10, 0.9);
+ color: #80868b;
+}
+
+tooltip:not(.csd) {
+ background-color: rgba(9, 9, 10, 0.9);
+}
+
+tooltip>box {
+ border-spacing: 6px;
+}
+
+tooltip .dim-label {
+ color: rgba(128, 134, 139, 0.7);
+}
+
+/**
+ * Color Chooser
+ */
+colorswatch {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+colorswatch:drop(active),
+colorswatch.activatable:hover {
+ box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch.top {
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+colorswatch.dark {
+ color: #fff;
+}
+
+colorswatch.light {
+ color: #000;
+}
+
+colorswatch#add-color-button {
+ background-color: #141416;
+ color: #9e9e9e;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 2px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px;
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #141416;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+/**
+ * Misc
+ */
+/**
+ * Window Decorations
+ */
+window.csd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 2px 2px 0 0;
+ border-radius: 2px;
+ box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px transparent, 0 6px 30px 5px transparent;
+}
+
+window.csd:backdrop {
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 16px 24px 2px transparent, 0 6px 30px 5px transparent;
+}
+
+window.ssd {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+window.solid-csd {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-color: #09090a;
+}
+
+window.solid-csd:backdrop {
+ background-color: #000000;
+}
+
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-left,
+window.tiled-right,
+window.tiled-bottom {
+ border-radius: 0;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**
+ * Touch Copy & Paste
+ */
+cursor-handle {
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 50%;
+ background-color: #387db7;
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ margin-top: 6px;
+ transform: rotate(45deg);
+}
+
+shortcuts-section {
+ margin: 20px;
+}
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px;
+}
+
+shortcut {
+ border-spacing: 6px;
+}
+
+shortcut>.keycap {
+ min-width: 12px;
+ min-height: 28px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border-radius: 2px;
+ box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+ background-color: #141416;
+ color: #9e9e9e;
+ font-size: smaller;
+}
+
+stackswitcher>button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher.circular {
+ border-spacing: 12px;
+}
+
+stackswitcher.circular>button.circular {
+ min-width: 32px;
+ min-height: 32px;
+ padding: 0;
+}
+
+/**
+ * App Icons
+ */
+/**
+ * Emoji
+ */
+popover.emoji-picker>contents {
+ padding: 0;
+}
+
+popover.emoji-picker>contents emoji {
+ min-width: 3em;
+ min-height: 3em;
+ border-radius: 2px;
+}
+
+popover.emoji-picker>contents emoji:drop(active),
+popover.emoji-picker>contents emoji:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-picker>contents emoji:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-picker>contents emoji:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+.emoji-searchbar {
+ border-bottom: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.emoji-searchbar>entry.search {
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.emoji-toolbar {
+ padding: 4px;
+ border-spacing: 4px;
+ border-top: 1px solid rgba(158, 158, 158, 0.2);
+}
+
+.emoji-toolbar>button.emoji-section:checked {
+ background-color: rgba(56, 125, 183, 0.16);
+ color: #387db7;
+ background-color: rgba(56, 125, 183, 0.16);
+}
+
+.emoji-toolbar>button.emoji-section:checked:drop(active),
+.emoji-toolbar>button.emoji-section:checked:hover {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.emoji-toolbar>button.emoji-section:checked:focus {
+ background-color: rgba(56, 125, 183, 0.2608);
+}
+
+.emoji-toolbar>button.emoji-section:checked:active {
+ background-image: radial-gradient(circle, rgba(56, 125, 183, 0.16) 10%, transparent 10%);
+}
+
+popover.emoji-completion>contents {
+ padding: 8px 0;
+}
+
+popover.emoji-completion>contents emoji-completion-row {
+ min-height: 32px;
+ padding: 0 8px;
+}
+
+popover.emoji-completion>contents emoji-completion-row:drop(active),
+popover.emoji-completion>contents emoji-completion-row:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji-completion-row:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji-completion-row:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+popover.emoji-completion>contents emoji-completion-row>box {
+ border-spacing: 8px;
+}
+
+popover.emoji-completion>contents emoji {
+ border-radius: 2px;
+}
+
+popover.emoji-completion>contents emoji:drop(active),
+popover.emoji-completion>contents emoji:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji:focus {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+popover.emoji-completion>contents emoji:active {
+ background-image: radial-gradient(circle, rgba(158, 158, 158, 0.12) 10%, transparent 10%);
+}
+
+popover.entry-completion>contents {
+ padding: 0;
+}
+
+popover.entry-completion>contents treeview.view {
+ min-height: 32px;
+ padding: 8px 0;
+}
+
+popover.entry-completion>contents treeview.view>.cell {
+ padding: 0 4px;
+}
+
+popover.entry-completion>contents treeview.view>.cell:selected:hover {
+ background-color: rgba(158, 158, 158, 0.08);
+}
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #9e9e9e;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #9e9e9e;
+/*
+widget base background color */
+@define-color theme_bg_color #0f1011;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #1a1c1e;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #387db7;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #fff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #0f1011;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(158, 158, 158, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #1a1c1e;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #9e9e9e;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #9e9e9e;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #0f1011;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #1a1c1e;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #387db7;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #fff;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(158, 158, 158, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(158, 158, 158, 0.2);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(158, 158, 158, 0.2);
+/*
+these are pretty self explicative */
+@define-color warning_color #ffeb3b;
+@define-color error_color #f44336;
+@define-color success_color #00e676;
+/*
+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 #80868b;
+@define-color wm_unfocused_title rgba(128, 134, 139, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.05);
+@define-color wm_bg #09090a;
+@define-color wm_unfocused_bg #000000;
+@define-color xfwm4_title #80868b;
+@define-color xfwm4_unfocused_title #5a5e61;
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #0f1011;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #0f1011;
+/* placeholder for entries */
+@define-color placeholder_text_color #767778;