feat: gtk + more contrast

Suya1671 · Jul 15, 2024 · 568d1a9 · 568d1a9
1 parent 1538117
commit 568d1a9
Show file tree

Hide file tree

Showing 30 changed files with 2,239 additions and 2,281 deletions.
diff --git a/build.ts b/build.ts
@@ -11,6 +11,7 @@ import { toWindowsTerminalTheme } from "./exporters/windowsTerminal.ts";
 import { toCss } from "./exporters/css.ts";
 import { toVscodeTheme } from "./exporters/vscode.ts";
 import { toHelixTheme } from "./exporters/helix.ts";
+import { toGtkTheme } from "./exporters/gtk.ts";
 
 const { "vsce-path": vscePath } = parseArgs(
   Deno.args,
@@ -65,6 +66,9 @@ const buildSingleThemes = async (theme: Theme, type: string) => {
   const helix = await toHelixTheme(theme);
   await Deno.writeTextFile(`build/${type}/helix.toml`, helix);
 
+  const gtk = await toGtkTheme(theme);
+  await Deno.writeTextFile(`build/${type}/gtk.css`, gtk);
+
   const css = toCss(theme);
   await Deno.writeTextFile(`build/${type}/kleur.css`, css);
 

diff --git a/build/Dark/gtk.css b/build/Dark/gtk.css
@@ -0,0 +1,89 @@
+/** for gtk 3 and 4 **/
+@define-color accent_color #9287e4;
+@define-color accent_bg_color #1d1a36;
+@define-color accent_fg_color #9287e4;
+@define-color destructive_color #fa5f54;
+@define-color destructive_bg_color #430203;
+@define-color destructive_fg_color #fa5f54;
+@define-color success_color #00a94f;
+@define-color success_bg_color #00240a;
+@define-color success_fg_color #00a94f;
+@define-color warning_color #ca8400;
+@define-color warning_bg_color #2d1900;
+@define-color warning_fg_color #ca8400;
+@define-color error_color #fa5f54;
+@define-color error_bg_color #430203;
+@define-color error_fg_color #fa5f54;
+@define-color window_bg_color #060613;
+@define-color window_fg_color #c6c6cb;
+@define-color view_bg_color #060613;
+@define-color view_fg_color #e0e0e3;
+@define-color headerbar_bg_color #0b0c19;
+@define-color headerbar_fg_color #c6c6cb;
+@define-color headerbar_border_color rgba(11, 12, 25, 0.7);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.07);
+@define-color headerbar_darker_shade_color rgba(0, 0, 0, 0.07);
+@define-color sidebar_bg_color #0b0c19;
+@define-color sidebar_fg_color #c6c6cb;
+@define-color sidebar_backdrop_color @window_bg_color;
+@define-color sidebar_shade_color rgba(0, 0, 0, 0.07);
+@define-color secondary_sidebar_bg_color @sidebar_bg_color;
+@define-color secondary_sidebar_fg_color @sidebar_fg_color;
+@define-color secondary_sidebar_backdrop_color @sidebar_backdrop_color;
+@define-color secondary_sidebar_shade_color @sidebar_shade_color;
+@define-color card_bg_color #0b0c19;
+@define-color card_fg_color #c6c6cb;
+@define-color card_shade_color rgba(0, 0, 0, 0.07);
+@define-color dialog_bg_color #0b0c19;
+@define-color dialog_fg_color #c6c6cb;
+@define-color popover_bg_color #0b0c19;
+@define-color popover_fg_color #c6c6cb;
+@define-color popover_shade_color rgba(0, 0, 0, 0.07);
+@define-color shade_color rgba(0, 0, 0, 0.07);
+@define-color scrollbar_outline_color #1b1b2a;
+@define-color blue_1 #004f71;
+@define-color blue_2 #006892;
+@define-color blue_3 #0081b2;
+@define-color blue_4 #009dd7;
+@define-color blue_5 #00b8f7;
+@define-color green_1 #005622;
+@define-color green_2 #00702f;
+@define-color green_3 #008b3d;
+@define-color green_4 #00a94f;
+@define-color green_5 #00c662;
+@define-color yellow_1 #;
+@define-color yellow_2 #;
+@define-color yellow_3 #;
+@define-color yellow_4 #;
+@define-color yellow_5 #;
+@define-color orange_1 #6a4100;
+@define-color orange_2 #895600;
+@define-color orange_3 #a86b00;
+@define-color orange_4 #ca8400;
+@define-color orange_5 #e99c00;
+@define-color red_1 #941415;
+@define-color red_2 #ba2523;
+@define-color red_3 #dd3c36;
+@define-color red_4 #fa5f54;
+@define-color red_5 #ff8b7e;
+@define-color purple_1 #4a427a;
+@define-color purple_2 #61589d;
+@define-color purple_3 #61589d;
+@define-color purple_4 #786ebf;
+@define-color purple_5 #9287e4;
+@define-color brown_1 #ca8400;
+@define-color brown_2 #ca8400;
+@define-color brown_3 #ca8400;
+@define-color brown_4 #ca8400;
+@define-color brown_5 #ca8400;
+@define-color light_1 #1b1b2a;
+@define-color light_2 #1b1b2a;
+@define-color light_3 #1b1b2a;
+@define-color light_4 #1b1b2a;
+@define-color light_5 #1b1b2a;
+@define-color dark_1 #0b0c19;
+@define-color dark_2 #0b0c19;
+@define-color dark_3 #0b0c19;
+@define-color dark_4 #0b0c19;
+@define-color dark_5 #0b0c19;
diff --git a/build/Dark/helix.toml b/build/Dark/helix.toml
@@ -80,29 +80,29 @@
 
 [palette]
 base00 = "#060613" # Default Background
-base01 = "#090917" # Lighter Background (Used for status bars, line number and folding marks)
-base02 = "#141423" # Selection Background
-base03 = "#595a67" # Comments, Invisibles, Line Highlighting
-base04 = "#595a67" # Dark Foreground (Used for status bars)
-base05 = "#72737e" # Default Foreground, Caret, Delimiters, Operators
-base06 = "#8b8c96" # Light Foreground (Not often used)
-base07 = "#a6a6ae" # Light Background (Not often used)
-base08 = "#f5564d" # Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
-base09 = "#c27e00" # Integers, Boolean, Constants, XML Attributes, Markup Link Url
-base0A = "#c27e00" # Classes, Markup Bold, Search Text Background
-base0B = "#00a24b" # Strings, Inherited Class, Markup Code, Diff Inserted
-base0C = "#009d96" # Support, Regular Expressions, Escape Characters, Markup Quotes
-base0D = "#0097ce" # Functions, Methods, Attribute IDs, Headings
-base0E = "#8c81dc" # Keywords, Storage, Selector, Markup Italic, Diff Changed
-base0F = "#c27e00" # Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+base01 = "#0b0c19" # Lighter Background (Used for status bars, line number and folding marks)
+base02 = "#1b1b2a" # Selection Background
+base03 = "#5f606d" # Comments, Invisibles, Line Highlighting
+base04 = "#767882" # Dark Foreground (Used for status bars)
+base05 = "#92929b" # Default Foreground, Caret, Delimiters, Operators
+base06 = "#ababb3" # Light Foreground (Not often used)
+base07 = "#c6c6cb" # Light Background (Not often used)
+base08 = "#fa5f54" # Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09 = "#ca8400" # Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A = "#ca8400" # Classes, Markup Bold, Search Text Background
+base0B = "#00a94f" # Strings, Inherited Class, Markup Code, Diff Inserted
+base0C = "#00a49c" # Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D = "#009dd7" # Functions, Methods, Attribute IDs, Headings
+base0E = "#9287e4" # Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F = "#ca8400" # Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
 background = "#060613"
-surface = "#090917"
-overlay = "#141423"
-red = "#f5564d"
-orange = "#c27e00"
-green = "#00a24b"
-blue = "#0097ce"
-teal = "#009d96"
-purple = "#8c81dc"
-primary = "#8c81dc"
-secondary = "#0097ce"
+surface = "#0b0c19"
+overlay = "#1b1b2a"
+red = "#fa5f54"
+orange = "#ca8400"
+green = "#00a94f"
+blue = "#009dd7"
+teal = "#00a49c"
+purple = "#9287e4"
+primary = "#9287e4"
+secondary = "#009dd7"
diff --git a/build/Dark/kleur-hex.json b/build/Dark/kleur-hex.json
@@ -1,95 +1,95 @@
 {
   "background": "#060613",
-  "surface": "#090917",
-  "overlay": "#141423",
+  "surface": "#0b0c19",
+  "overlay": "#1b1b2a",
   "base": {
-    "100": "#2b2c3a",
-    "200": "#424351",
-    "300": "#595a67",
-    "400": "#72737e",
-    "500": "#8b8c96",
-    "600": "#a6a6ae",
-    "700": "#c2c2c8",
-    "800": "#dddde0"
+    "100": "#1b1c2b",
+    "200": "#484957",
+    "300": "#5f606d",
+    "400": "#767882",
+    "500": "#92929b",
+    "600": "#ababb3",
+    "700": "#c6c6cb",
+    "800": "#e0e0e3"
   },
   "blue": {
-    "100": "#003046",
-    "200": "#004968",
-    "300": "#006189",
-    "400": "#007bab",
-    "500": "#0097ce",
-    "600": "#00b3f1",
-    "700": "#3dd1ff",
-    "800": "#8eebff"
+    "100": "#002031",
+    "200": "#004f71",
+    "300": "#006892",
+    "400": "#0081b2",
+    "500": "#009dd7",
+    "600": "#00b8f7",
+    "700": "#4bd6ff",
+    "800": "#97edff"
   },
   "green": {
-    "100": "#003512",
-    "200": "#004f1e",
-    "300": "#00692b",
-    "400": "#00853a",
-    "500": "#00a24b",
-    "600": "#00c05e",
-    "700": "#29de78",
-    "800": "#74f79e"
+    "100": "#00240a",
+    "200": "#005622",
+    "300": "#00702f",
+    "400": "#008b3d",
+    "500": "#00a94f",
+    "600": "#00c662",
+    "700": "#34e27c",
+    "800": "#7df9a4"
   },
   "orange": {
-    "100": "#422600",
-    "200": "#623b00",
-    "300": "#815000",
-    "400": "#a16700",
-    "500": "#c27e00",
-    "600": "#e39700",
-    "700": "#ffb432",
-    "800": "#ffd88b"
+    "100": "#2d1900",
+    "200": "#6a4100",
+    "300": "#895600",
+    "400": "#a86b00",
+    "500": "#ca8400",
+    "600": "#e99c00",
+    "700": "#ffba40",
+    "800": "#ffdc95"
   },
   "purple": {
-    "100": "#2d284e",
-    "200": "#443d71",
-    "300": "#5b5294",
-    "400": "#7369b8",
-    "500": "#8c81dc",
-    "600": "#a69bfd",
-    "700": "#c3baff",
-    "800": "#ded9ff"
+    "100": "#1d1a36",
+    "200": "#4a427a",
+    "300": "#61589d",
+    "400": "#786ebf",
+    "500": "#9287e4",
+    "600": "#aba0ff",
+    "700": "#c8bfff",
+    "800": "#e0ddff"
   },
   "red": {
-    "100": "#600507",
-    "200": "#8a1012",
-    "300": "#b0201f",
-    "400": "#d63732",
-    "500": "#f5564d",
-    "600": "#ff8276",
-    "700": "#ffaea2",
-    "800": "#ffd4cc"
+    "100": "#430203",
+    "200": "#941415",
+    "300": "#ba2523",
+    "400": "#dd3c36",
+    "500": "#fa5f54",
+    "600": "#ff8b7e",
+    "700": "#ffb4a9",
+    "800": "#ffd7d1"
   },
   "teal": {
-    "100": "#003330",
-    "200": "#004d49",
-    "300": "#006661",
-    "400": "#00817b",
-    "500": "#009d96",
-    "600": "#00bab1",
-    "700": "#00d9cf",
-    "800": "#60f3ea"
+    "100": "#002320",
+    "200": "#00534f",
+    "300": "#006d67",
+    "400": "#008780",
+    "500": "#00a49c",
+    "600": "#00c0b7",
+    "700": "#14ddd3",
+    "800": "#68f5ec"
   },
   "primary": {
-    "100": "#2d284e",
-    "200": "#443d71",
-    "300": "#5b5294",
-    "400": "#7369b8",
-    "500": "#8c81dc",
-    "600": "#a69bfd",
-    "700": "#c3baff",
-    "800": "#ded9ff"
+    "100": "#1d1a36",
+    "200": "#4a427a",
+    "300": "#61589d",
+    "400": "#786ebf",
+    "500": "#9287e4",
+    "600": "#aba0ff",
+    "700": "#c8bfff",
+    "800": "#e0ddff"
   },
   "secondary": {
-    "100": "#003046",
-    "200": "#004968",
-    "300": "#006189",
-    "400": "#007bab",
-    "500": "#0097ce",
-    "600": "#00b3f1",
-    "700": "#3dd1ff",
-    "800": "#8eebff"
+    "100": "#002031",
+    "200": "#004f71",
+    "300": "#006892",
+    "400": "#0081b2",
+    "500": "#009dd7",
+    "600": "#00b8f7",
+    "700": "#4bd6ff",
+    "800": "#97edff"
   }
 }