feat: pick new light color

wiidede · Jun 16, 2023 · 8e36d19 · 8e36d19
1 parent 9458294
commit 8e36d19
Show file tree

Hide file tree

Showing 4 changed files with 200 additions and 194 deletions.
diff --git a/src/colors.ts b/src/colors.ts
@@ -13,12 +13,12 @@ export const colors = {
 
 // [dark, light]
 export const ThemesColors = {
-  primary: ['#997ADB', '#5618DB'],
-  primaryLight: ['#C0AEE7', '#8253E7'],
+  primary: ['#997ADB', '#834DF7'],
+  primaryLight: ['#C0AEE7', '#926AE7'],
 
-  foreground: ['#ACA79F', '#393a34'],
-  activeForeground: ['#BCB7B2', '#4e4f47'],
-  secondaryForeground: ['#E4E2DC80', '#393a3490'],
+  foreground: ['#ACA79F', '#606060'],
+  activeForeground: ['#BCB7B2', '#707070'],
+  secondaryForeground: ['#E4E2DC80', '#80808080'],
   ignored: ['#E4E2DC30', '#393a3450'],
   faded: ['#E4E2DC10', '#393a3410'],
   border: ['#252526', '#ffffff'],
@@ -34,34 +34,34 @@ export const ThemesColors = {
   lowBorder: ['#252525', '#E7E5DB'],
 
   comment: ['#9D9994', '#BDB4AA'],
-  string: ['#F1F0B0', '#4F4E00'],
-  variable: ['#FFA7D1', '#B8477D'],
-  keyword: ['#78E6D0', '#128A72'],
-  number: ['#FFAD93', '#FF6230'],
-  boolean: ['#FFBBA4', '#B53F16'],
+  string: ['#F1F0B0', '#FF9E03'],
+  variable: ['#FFA7D1', '#FF7DBB'],
+  keyword: ['#78E6D0', '#00BA95'],
+  number: ['#FFAD93', '#FF9C7D'],
+  boolean: ['#FFBBA4', '#FFBBA4'],
   operator: ['#F686E1', '#F65BD9'],
-  function: ['#29C0E7', '#0F9BBF'],
-  constant: ['#ADF29C', '#83b46f'],
+  function: ['#29C0E7', '#30D5FF'],
+  constant: ['#ADF29C', '#73F054'],
   class: ['#8A69D4', '#8A69D4'],
-  interface: ['#B29EE7', '#B29EE7'],
-  type: ['#53CFBA', '#348275'],
-  builtin: ['#19C2A9', '#149E8A'],
-  property: ['#BDF4AA', '#279600'],
+  interface: ['#B29EE7', '#815AE7'],
+  type: ['#53CFBA', '#1A9984'],
+  builtin: ['#19C2A9', '#00EBC8'],
+  property: ['#BDF4AA', '#38D900'],
   namespace: ['#FFC7CE', '#AB858A'],
   punctuation: ['#C4D5C6', '#6BB373'],
   decorator: ['#F3B198', '#A84E2C'],
   regex: ['#BA93DF', '#BA93DF'],
 
   // colors
-  green: ['#44D62C', '#0EAB10'],
-  cyan: ['#00B796', '#00AC8E'],
-  blue: ['#009ACE', '#009CCD'],
+  green: ['#44D62C', '#44D62C'],
+  cyan: ['#00B796', '#00B796'],
+  blue: ['#009ACE', '#00BFFF'],
   red: ['#FF7276', '#FF7477'],
   orange: ['#FFAA4D', '#E87600'],
   yellow: ['#FFE900', '#BDAA00'],
-  magenta: ['#EA27C2', '#E838BF'],
+  magenta: ['#EA27C2', '#FF2BD3'],
   purple: ['#775FC0', '#856ACE'],
 
   colorful: ['#775FC0', '#71D34C', '#FBEA4E', '#009ACE', '#EE7A7A', '#EB50B1', '#52B498', '#F3AE5F'],
-  colorfulLight: ['#856ACE', '#0EAB10', '#DEC800', '#009ACE', '#EE7A7A', '#EB50B1', '#52B498', '#E08F31'],
+  colorfulLight: ['#775FC0', '#71D34C', '#FF9191', '#7ADEFF', '#FFB764', '#EB50B1', '#52B498', '#EBD400'],
 }
diff --git a/src/theme.ts b/src/theme.ts
@@ -115,6 +115,8 @@ export default function getTheme({ style, name, soft = false, black = false }) {
       'list.inactiveFocusBackground': background,
       'list.focusBackground': activeBackground,
       'list.highlightForeground': primary,
+      'list.errorForeground': themeColor('red'),
+      'list.warningForeground': themeColor('orange'),
 
       'tree.indentGuidesStroke': pick({ light: primer.gray[2], dark: primer.gray[1] }),
 
@@ -196,7 +198,7 @@ export default function getTheme({ style, name, soft = false, black = false }) {
       'scrollbarSlider.background': themeColor('faded'),
       'scrollbarSlider.hoverBackground': themeColor('ignored'),
       'scrollbarSlider.activeBackground': themeColor('ignored'),
-      'editorOverviewRuler.border': primer.white,
+      'editorOverviewRuler.border': border,
 
       'panel.background': background,
       'panel.border': border,