Add activeBorderTop color

code-hike · Jul 17, 2023 · a9fae6e · a9fae6e · vercel · Jul 17, 2023
1 parent 526485a
commit a9fae6e
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 4 deletions.
diff --git a/.changeset/spotty-plums-add.md b/.changeset/spotty-plums-add.md
@@ -0,0 +1,5 @@
+---
+"@code-hike/lighter": patch
+---
+
+Add activeBorderTop color
diff --git a/lib/dist/browser.esm.mjs b/lib/dist/browser.esm.mjs
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
@@ -140,6 +140,7 @@ declare function getThemeColors(themeOrThemeName: Theme): Promise<{
         inactiveForeground: string;
         border: string;
         activeBorder: string;
+        activeBorderTop: string;
     };
     editorGroup: {
         border: string;
@@ -193,6 +194,7 @@ declare function getThemeColorsSync(themeOrThemeName: Theme): {
         inactiveForeground: string;
         border: string;
         activeBorder: string;
+        activeBorderTop: string;
     };
     editorGroup: {
         border: string;

diff --git a/lib/dist/index.esm.mjs b/lib/dist/index.esm.mjs
diff --git a/lib/dist/worker.esm.mjs b/lib/dist/worker.esm.mjs
diff --git a/lib/src/theme.ts b/lib/src/theme.ts
@@ -246,6 +246,7 @@ export function getAllThemeColors(theme: FinalTheme) {
       inactiveForeground: c("tab.inactiveForeground"),
       border: c("tab.border"),
       activeBorder: c("tab.activeBorder"),
+      activeBorderTop: c("tab.activeBorderTop"),
     },
     editorGroup: {
       border: c("editorGroup.border"),

diff --git a/lib/test/__snapshots__/colors.test.ts.snap b/lib/test/__snapshots__/colors.test.ts.snap
@@ -48,6 +48,7 @@ exports[`get theme colors from empty theme 1`] = `
   "tab": {
     "activeBackground": "#1E1E1E",
     "activeBorder": "#1E1E1E",
+    "activeBorderTop": undefined,
     "activeForeground": "#ffffff",
     "border": "#252526",
     "inactiveBackground": "#2D2D2D",
@@ -104,6 +105,7 @@ exports[`get theme colors from theme name 1`] = `
   "tab": {
     "activeBackground": "#0d1117",
     "activeBorder": "#0d1117",
+    "activeBorderTop": "#f78166",
     "activeForeground": "#c9d1d9",
     "border": "#30363d",
     "inactiveBackground": "#010409",
@@ -160,6 +162,7 @@ exports[`get theme colors from theme name from-css 1`] = `
   "tab": {
     "activeBackground": "var(--ch-16)",
     "activeBorder": "var(--ch-16)",
+    "activeBorderTop": undefined,
     "activeForeground": "var(--ch-4)",
     "border": "var(--ch-23)",
     "inactiveBackground": "var(--ch-22)",