[Gtk-Theme] Done

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 );

gtk-theme/dist/gtk-3.0/icons/checkbox-checked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/checkbox-mixed-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/checkbox-unchecked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/cursor-handle-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/radio-checked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/radio-mixed-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/radio-unchecked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/small-checkbox-checked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.6 3.59L14.01 5l-8 8-4-4 1.41-1.41 2.59 2.59 6.59-6.59z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm2 7h8v2H4V7z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm0 2h12v12H2V2z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/small-radio-checked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zm0 2a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/small-radio-mixed-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zM4 7v2h8V7H4z"/>
+</svg>

gtk-theme/dist/gtk-3.0/icons/small-radio-unchecked-symbolic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>