Add more colors

code-hike · Feb 15, 2023 · 06459bf · 06459bf · vercel · Feb 15, 2023
1 parent 0c906d2
commit 06459bf
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 1 deletion.
diff --git a/.changeset/three-suns-smoke.md b/.changeset/three-suns-smoke.md
@@ -0,0 +1,5 @@
+---
+"@code-hike/lighter": patch
+---
+
+Add more colors
diff --git a/lib/dist/index.cjs.js b/lib/dist/index.cjs.js
diff --git a/lib/dist/index.d.ts b/lib/dist/index.d.ts
@@ -58,6 +58,10 @@ declare function getThemeColors(theme: FinalTheme): {
     listSelectionForeground: string;
     listHoverBackground: string;
     listHoverForeground: string;
+    tabsBorder: string;
+    activeTabTopBorder: string;
+    hoverTabBackground: string;
+    hoverTabForeground: string;
     colorScheme: "dark" | "light";
 };
 
@@ -143,6 +147,10 @@ declare function highlight(code: string, alias: LanguageAlias, themeOrThemeName?
         listSelectionForeground: string;
         listHoverBackground: string;
         listHoverForeground: string;
+        tabsBorder: string;
+        activeTabTopBorder: string;
+        hoverTabBackground: string;
+        hoverTabForeground: string;
         colorScheme: "dark" | "light";
     };
 }>;
@@ -178,6 +186,10 @@ declare function annotatedHighlight(code: string, alias: LanguageAlias, themeOrT
         listSelectionForeground: string;
         listHoverBackground: string;
         listHoverForeground: string;
+        tabsBorder: string;
+        activeTabTopBorder: string;
+        hoverTabBackground: string;
+        hoverTabForeground: string;
         colorScheme: "dark" | "light";
     };
 }>;

diff --git a/lib/dist/index.esm.mjs b/lib/dist/index.esm.mjs
@@ -467,6 +467,10 @@ const colorNamesToKeys = {
     listSelectionForeground: "list.inactiveSelectionForeground",
     listHoverBackground: "list.hoverBackground",
     listHoverForeground: "list.hoverForeground",
+    tabsBorder: "editorGroupHeader.tabsBorder",
+    activeTabTopBorder: "tab.activeBorderTop",
+    hoverTabBackground: "tab.hoverBackground",
+    hoverTabForeground: "tab.hoverForeground",
 };
 function getColors(theme) {
     const colors = {};
@@ -568,6 +572,10 @@ const defaults = {
     "list.inactiveSelectionForeground": { dark: undefined, light: undefined },
     "list.hoverBackground": { dark: "#2A2D2E", light: "#F0F0F0" },
     "list.hoverForeground": { dark: undefined, light: undefined },
+    "editorGroupHeader.tabsBorder": { hc: contrastBorder },
+    "tab.activeBorderTop": { hc: contrastBorder },
+    "tab.hoverBackground": "tab.inactiveBackground",
+    "tab.hoverForeground": "tab.inactiveForeground",
 };
 
 async function loadTheme(theme) {

diff --git a/lib/src/theme-colors.ts b/lib/src/theme-colors.ts
@@ -35,6 +35,10 @@ const colorNamesToKeys = {
   listSelectionForeground: "list.inactiveSelectionForeground",
   listHoverBackground: "list.hoverBackground",
   listHoverForeground: "list.hoverForeground",
+  tabsBorder: "editorGroupHeader.tabsBorder",
+  activeTabTopBorder: "tab.activeBorderTop",
+  hoverTabBackground: "tab.hoverBackground",
+  hoverTabForeground: "tab.hoverForeground",
 };
 
 function getColors(theme: FinalTheme) {
@@ -142,4 +146,8 @@ const defaults = {
   "list.inactiveSelectionForeground": { dark: undefined, light: undefined },
   "list.hoverBackground": { dark: "#2A2D2E", light: "#F0F0F0" },
   "list.hoverForeground": { dark: undefined, light: undefined },
+  "editorGroupHeader.tabsBorder": { hc: contrastBorder },
+  "tab.activeBorderTop": { hc: contrastBorder },
+  "tab.hoverBackground": "tab.inactiveBackground",
+  "tab.hoverForeground": "tab.inactiveForeground",
 };
diff --git a/test/test.js b/test/test.js
@@ -21,7 +21,7 @@ async function run() {
 
   const result = await annotatedHighlight(newCode, alias, theme, annotations);
   // console.log(JSON.stringify(result.lines));
-  console.log(JSON.stringify(result.lines, null, 1));
+  console.log(JSON.stringify(result.colors, null, 1));
 }
 
 run();