[Setup] Improve color extraction
This commit is contained in:
110
gtk-theme/dist/colours.css
vendored
110
gtk-theme/dist/colours.css
vendored
@@ -19,13 +19,13 @@
|
||||
/*
|
||||
* ── 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);
|
||||
@define-color fg #E6E6E6;
|
||||
@define-color fg_rgba_07 rgba(230, 230, 230, 0.7);
|
||||
@define-color fg_rgba_06 rgba(230, 230, 230, 0.6);
|
||||
@define-color fg_rgba_05 rgba(230, 230, 230, 0.5);
|
||||
@define-color fg_rgba_03 rgba(230, 230, 230, 0.3);
|
||||
@define-color fg_rgba_02 rgba(230, 230, 230, 0.2);
|
||||
@define-color fg_rgba_01 rgba(230, 230, 230, 0.1);
|
||||
|
||||
/*
|
||||
* ── Foreground accent, usually brighter or darker than default ───────
|
||||
@@ -40,40 +40,40 @@
|
||||
/*
|
||||
* ── Accent colour ────────────────────────────────────────────────────
|
||||
*/
|
||||
@define-color accent #465B4E;
|
||||
@define-color accent_rgba_05 rgba(70, 91, 78, 0.5);
|
||||
@define-color accent_rgba_03 rgba(70, 91, 78, 0.3);
|
||||
@define-color accent_rgba_02 rgba(70, 91, 78, 0.2);
|
||||
@define-color accent_rgba_015 rgba(70, 91, 78, 0.15);
|
||||
@define-color accent_rgba_011 rgba(70, 91, 78, 0.11);
|
||||
@define-color accent_rgba_007 rgba(70, 91, 78, 0.07);
|
||||
@define-color accent #EBC405;
|
||||
@define-color accent_rgba_05 rgba(235, 196, 5, 0.5);
|
||||
@define-color accent_rgba_03 rgba(235, 196, 5, 0.3);
|
||||
@define-color accent_rgba_02 rgba(235, 196, 5, 0.2);
|
||||
@define-color accent_rgba_015 rgba(235, 196, 5, 0.15);
|
||||
@define-color accent_rgba_011 rgba(235, 196, 5, 0.11);
|
||||
@define-color accent_rgba_007 rgba(235, 196, 5, 0.07);
|
||||
|
||||
/*
|
||||
* ── Accent Gradient ──────────────────────────────────────────────────
|
||||
*/
|
||||
@define-color accent_gradient_1 #394A3F;
|
||||
@define-color accent_gradient_2 #334239;
|
||||
@define-color accent_gradient_3 #2E3C33;
|
||||
@define-color accent_gradient_4 #29362E;
|
||||
@define-color accent_gradient_5 #253029;
|
||||
@define-color accent_gradient_inverse_1 #567060;
|
||||
@define-color accent_gradient_inverse_2 #567060;
|
||||
@define-color accent_gradient_inverse_3 #567060;
|
||||
@define-color accent_gradient_1 #967D03;
|
||||
@define-color accent_gradient_2 #786403;
|
||||
@define-color accent_gradient_3 #605002;
|
||||
@define-color accent_gradient_4 #4D4002;
|
||||
@define-color accent_gradient_5 #3E3301;
|
||||
@define-color accent_gradient_inverse_1 #FFFF08;
|
||||
@define-color accent_gradient_inverse_2 #FFFF08;
|
||||
@define-color accent_gradient_inverse_3 #FFFF08;
|
||||
|
||||
/*
|
||||
* ── Secondary accent colour ──────────────────────────────────────────
|
||||
*/
|
||||
@define-color accent2 #324E12;
|
||||
@define-color accent2_rgba_05 rgba(50, 78, 18, 0.5);
|
||||
@define-color accent2_rgba_03 rgba(50, 78, 18, 0.3);
|
||||
@define-color accent2_rgba_02 rgba(50, 78, 18, 0.2);
|
||||
@define-color accent2_rgba_015 rgba(50, 78, 18, 0.15);
|
||||
@define-color accent2_rgba_01 rgba(50, 78, 18, 0.1);
|
||||
@define-color accent2 #B81C15;
|
||||
@define-color accent2_rgba_05 rgba(184, 28, 21, 0.5);
|
||||
@define-color accent2_rgba_03 rgba(184, 28, 21, 0.3);
|
||||
@define-color accent2_rgba_02 rgba(184, 28, 21, 0.2);
|
||||
@define-color accent2_rgba_015 rgba(184, 28, 21, 0.15);
|
||||
@define-color accent2_rgba_01 rgba(184, 28, 21, 0.1);
|
||||
|
||||
/*
|
||||
* ── Tertiary accent colour ───────────────────────────────────────────
|
||||
*/
|
||||
@define-color accent3 #19301E;
|
||||
@define-color accent3 #673722;
|
||||
|
||||
/*
|
||||
* ── Inactive Colour ──────────────────────────────────────────────────
|
||||
@@ -97,33 +97,33 @@
|
||||
/*
|
||||
* ── 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);
|
||||
@define-color bg #141414;
|
||||
@define-color bg_rgba_07 rgba(20, 20, 20, 0.7);
|
||||
@define-color bg_rgba_05 rgba(20, 20, 20, 0.5);
|
||||
@define-color bg_rgba_03 rgba(20, 20, 20, 0.3);
|
||||
@define-color bg_rgba_02 rgba(20, 20, 20, 0.2);
|
||||
@define-color bg_rgba_015 rgba(20, 20, 20, 0.15);
|
||||
@define-color bg_rgba_011 rgba(20, 20, 20, 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);
|
||||
@define-color bg_accent #1E1E1E;
|
||||
@define-color bg_accent_rgba_07 rgba(30, 30, 30, 0.7);
|
||||
@define-color bg_accent_rgba_06 rgba(30, 30, 30, 0.6);
|
||||
@define-color bg_accent_rgba_05 rgba(30, 30, 30, 0.5);
|
||||
@define-color bg_accent_rgba_04 rgba(30, 30, 30, 0.4);
|
||||
@define-color bg_accent_rgba_03 rgba(30, 30, 30, 0.3);
|
||||
@define-color bg_accent_rgba_02 rgba(30, 30, 30, 0.2);
|
||||
@define-color bg_accent_rgba_015 rgba(30, 30, 30, 0.15);
|
||||
@define-color bg_accent_rgba_01 rgba(30, 30, 30, 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);
|
||||
@define-color bg_tertiary #2D2D2D;
|
||||
@define-color bg_tertiary_rgba_05 rgba(45, 45, 45, 0.5);
|
||||
@define-color bg_tertiary_rgba_02 rgba(45, 45, 45, 0.2);
|
||||
|
||||
/*
|
||||
* ── Inactive background colour ───────────────────────────────────────
|
||||
@@ -140,10 +140,10 @@
|
||||
/*
|
||||
* ── 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);
|
||||
@define-color shadow #282828;
|
||||
@define-color shadow_rgba_07 rgba(40, 40, 40, 0.7);
|
||||
@define-color shadow_rgba_05 rgba(40, 40, 40, 0.5);
|
||||
@define-color shadow_rgba_03 rgba(40, 40, 40, 0.3);
|
||||
@define-color shadow_rgba_02 rgba(40, 40, 40, 0.2);
|
||||
@define-color shadow_rgba_015 rgba(40, 40, 40, 0.15);
|
||||
@define-color shadow_rgba_011 rgba(40, 40, 40, 0.11);
|
||||
|
||||
Reference in New Issue
Block a user