feat: update border theme

xinyao27 · Jun 12, 2024 · fa04cb5 · fa04cb5
1 parent 63ac55d
commit fa04cb5
Show file tree

Hide file tree

Showing 5 changed files with 180 additions and 148 deletions.
diff --git a/scripts/colors.ts b/scripts/colors.ts
@@ -55,7 +55,7 @@ export const colors = {
     200: '#e9d5ff',
     300: '#d8b4fe',
     400: '#c391e6',
-    500: '#a855f7',
+    500: '#9066df',
     600: '#9333ea',
     700: '#7e22ce',
     800: '#6b21a8',
@@ -356,18 +356,18 @@ export const colors = {
 
 // [dark, light]
 export const Themes = {
-  primary: [colors.purple['400'], colors.purple['400']],
+  primary: [colors.purple['400'], colors.purple['500']],
 
   foreground: ['#dbd7caee', '#393a34'],
   activeForeground: ['#bfbaaa', '#4e4f47'],
   secondaryForeground: ['#dedcd590', '#393a3490'],
 
   ignored: ['#dedcd550', '#393a3450'],
   faded: ['#dedcd510', '#393a3410'],
-  border: [colors.dark['800'], '#f0f0f0'],
+  border: [colors.dark['400'], '#f0f0f0'],
 
   background: ['#121212', '#ffffff'],
-  activeBackground: [colors.dark['500'], '#f7f7f7'],
+  activeBackground: [colors.dark['400'], '#f7f7f7'],
   selectionBackground: [colors.neutral['700'], '#22222218'],
   selectionBackgroundActive: [colors.neutral['800'], '#22222218'],
   selectionBackgroundInActive: [colors.neutral['800'], '#22222210'],
@@ -389,7 +389,7 @@ export const Themes = {
   builtin: ['#ffffff9f', colors.neutral['400']],
   operator: ['#ffffff9f', colors.neutral['400']],
   keyword: ['#ffffff9f', colors.neutral['400']],
-  function: [colors.purple['400'], colors.purple['400']],
+  function: [colors.purple['400'], colors.purple['500']],
   number: [colors.yellow['500'], colors.yellow['500']],
   boolean: [colors.yellow['500'], colors.yellow['500']],
   regex: [colors.yellow['500'], colors.yellow['500']],
@@ -409,5 +409,5 @@ export const Themes = {
   red: [colors.red['300'], colors.red['500']],
   orange: [colors.amber['500'], colors.amber['500']],
   yellow: [colors.yellow['500'], colors.yellow['500']],
-  magenta: [colors.purple['400'], colors.purple['400']],
+  magenta: [colors.purple['400'], colors.purple['500']],
 } satisfies Record<string, [string, string] | string>
diff --git a/scripts/theme.ts b/scripts/theme.ts
@@ -24,10 +24,14 @@ export default function getTheme(options: GetThemeOptions) {
     name: options.name,
     base: pick({ light: 'vs', dark: 'vs-dark' }),
     colors: {
-      focusBorder: colors.black,
+      contrastActiveBorder: border,
+      contrastBorder: border,
+
+      focusBorder: primary,
       foreground,
       descriptionForeground: secondaryForeground,
       errorForeground: v('red'),
+      'sash.hoverBorder': primary,
 
       'textLink.foreground': primary,
       'textLink.activeForeground': primary,
@@ -90,10 +94,14 @@ export default function getTheme(options: GetThemeOptions) {
       'list.activeSelectionBackground': activeBackground,
       'list.inactiveFocusBackground': background,
       'list.focusBackground': activeBackground,
+      'list.focusOutline': activeBackground,
       'list.highlightForeground': primary,
+      'list.inactiveFocusOutline': border,
 
       'tree.indentGuidesStroke': pick({ light: colors.gray['200'], dark: colors.gray['100'] }),
 
+      'activityBarTop.activeBorder': primary,
+
       'notificationCenterHeader.foreground': colors.gray['500'],
       'notificationCenterHeader.background': background,
       'notifications.foreground': foreground,
@@ -131,7 +139,7 @@ export default function getTheme(options: GetThemeOptions) {
       'tab.unfocusedActiveBorderTop': border,
       'tab.activeBorder': border,
       'tab.unfocusedActiveBorder': border,
-      'tab.activeBorderTop': secondaryForeground,
+      'tab.activeBorderTop': primary,
 
       'breadcrumb.foreground': colors.gray['500'],
       'breadcrumb.focusForeground': foreground,