Add github-from-css theme

Author: pomber

.changeset/purple-years-scream.md

@@ -0,0 +1,5 @@
+---
+"@code-hike/lighter": patch
+---
+
+Support css variables

lib/dist/browser.esm.mjs

@@ -344,6 +344,7 @@ const THEME_NAMES = [
     "dracula",
     "github-dark",
     "github-dark-dimmed",
+    "github-from-css",
     "github-light",
     "light-plus",
     "material-darker",

lib/dist/index.cjs.js

@@ -27,7 +27,7 @@ type FinalTheme = {
         [key: string]: string;
     };
 };
-declare const THEME_NAMES: readonly ["dark-plus", "dracula-soft", "dracula", "github-dark", "github-dark-dimmed", "github-light", "light-plus", "material-darker", "material-default", "material-from-css", "material-lighter", "material-ocean", "material-palenight", "min-dark", "min-light", "monokai", "nord", "one-dark-pro", "poimandres", "slack-dark", "slack-ochin", "solarized-dark", "solarized-light"];
+declare const THEME_NAMES: readonly ["dark-plus", "dracula-soft", "dracula", "github-dark", "github-dark-dimmed", "github-from-css", "github-light", "light-plus", "material-darker", "material-default", "material-from-css", "material-lighter", "material-ocean", "material-palenight", "min-dark", "min-light", "monokai", "nord", "one-dark-pro", "poimandres", "slack-dark", "slack-ochin", "solarized-dark", "solarized-light"];
 type NamesTuple$1 = typeof THEME_NAMES;
 type StringTheme = NamesTuple$1[number];
 type Theme = StringTheme | RawTheme;

lib/dist/index.d.ts

@@ -692,6 +692,7 @@ const THEME_NAMES = [
     "dracula",
     "github-dark",
     "github-dark-dimmed",
+    "github-from-css",
     "github-light",
     "light-plus",
     "material-darker",

lib/dist/index.esm.mjs

@@ -163,6 +163,7 @@ export const THEME_NAMES = [
   "dracula",
   "github-dark",
   "github-dark-dimmed",
+  "github-from-css",
   "github-light",
   "light-plus",
   "material-darker",

lib/src/theme.ts

@@ -0,0 +1,57 @@
+:root {
+  --ch-0: dark;
+  --ch-1: #8b949e;
+  --ch-2: #79c0ff;
+  --ch-3: #ffa657;
+  --ch-4: #c9d1d9;
+  --ch-5: #d2a8ff;
+  --ch-6: #7ee787;
+  --ch-7: #ff7b72;
+  --ch-8: #a5d6ff;
+  --ch-9: #ffa198;
+  --ch-10: #f0f6fc;
+  --ch-11: #490202;
+  --ch-12: #04260f;
+  --ch-13: #5a1e02;
+  --ch-14: #161b22;
+  --ch-15: #8b949e;
+  --ch-16: #0d1117;
+  --ch-17: #264f78;
+  --ch-18: #3794ff;
+  --ch-19: #ffffff0b;
+  --ch-20: #6e7681;
+  --ch-21: #010409;
+  --ch-22: #30363d;
+  --ch-23: #f78166;
+  --ch-24: #6e768166;
+  --ch-25: #6e76811a;
+}
+
+[data-theme="light"] {
+  --ch-0: light;
+  --ch-1: #6e7781;
+  --ch-2: #0550ae;
+  --ch-3: #953800;
+  --ch-4: #24292f;
+  --ch-5: #8250df;
+  --ch-6: #116329;
+  --ch-7: #cf222e;
+  --ch-8: #0a3069;
+  --ch-9: #82071e;
+  --ch-10: #f6f8fa;
+  --ch-11: #ffebe9;
+  --ch-12: #dafbe1;
+  --ch-13: #ffd8b5;
+  --ch-14: #eaeef2;
+  --ch-15: #57606a;
+  --ch-16: #ffffff;
+  --ch-17: #add6ff;
+  --ch-18: #1a85ff;
+  --ch-19: #fdff0033;
+  --ch-20: #8c959f;
+  --ch-21: #f6f8fa;
+  --ch-22: #d0d7de;
+  --ch-23: #fd8c73;
+  --ch-24: #afb8c133;
+  --ch-25: #eaeef280;
+}