feat(colors): add several colors to palette

components/styles/themes/dark.ts

@@ -18,19 +18,29 @@ export const palette: ZeitUIThemesPalette = {
   secondary: '#888',
   code: '#79ffe1',
   border: '#333',
-  error: '#ff0000',
+  error: '#e00',
+  errorLighter: '#f7d4d6',
   errorLight: '#ff1a1a',
-  errorDark: '#c00',
+  errorDark: '#c50000',
   success: '#0070f3',
+  successLighter: '#d3e5ff',
   successLight: '#3291ff',
-  successDark: '#0366d6',
+  successDark: '#0761d1',
   warning: '#f5a623',
+  warningLighter: '#ffefcf',
   warningLight: '#f7b955',
-  warningDark: '#f49b0b',
-  cyan: '#79ffe1',
+  warningDark: '#ab570a',
+  cyan: '#50e3c2',
+  cyanLighter: '#aaffec',
+  cyanLight: '#79ffe1',
+  cyanDark: '#29bc9b',
+  violet: '#7928ca',
+  violetLighter: '#e3d7fc',
+  violetLight: '#8a63d2',
+  violetDark: '#4c2889',
   purple: '#f81ce5',
   alert: '#ff0080',
-  violet: '#7928ca',
+  magenta: '#eb367f',
   link: '#3291ff',
 }
 

components/styles/themes/default.ts

@@ -18,19 +18,29 @@ export const palette: ZeitUIThemesPalette = {
   secondary: '#666',
   code: '#f81ce5',
   border: '#eaeaea',
-  error: '#ff0000',
+  error: '#e00',
   errorLight: '#ff1a1a',
-  errorDark: '#c00',
+  errorLighter: '#f7d4d6',
+  errorDark: '#c50000',
   success: '#0070f3',
   successLight: '#3291ff',
-  successDark: '#0366d6',
+  successLighter: '#d3e5ff',
+  successDark: '#0761d1',
   warning: '#f5a623',
   warningLight: '#f7b955',
-  warningDark: '#f49b0b',
-  cyan: '#79ffe1',
+  warningLighter: '#ffefcf',
+  warningDark: '#ab570a',
+  cyan: '#50e3c2',
+  cyanLighter: '#aaffec',
+  cyanLight: '#79ffe1',
+  cyanDark: '#29bc9b',
+  violet: '#7928ca',
+  violetLighter: '#e3d7fc',
+  violetLight: '#8a63d2',
+  violetDark: '#4c2889',
   purple: '#f81ce5',
   alert: '#ff0080',
-  violet: '#7928ca',
+  magenta: '#eb367f',
   link: '#0070f3',
 }
 

components/styles/themes/index.ts

@@ -18,19 +18,29 @@ export interface ZeitUIThemesPalette {
   code: string
   border: string
   success: string
+  successLighter: string
   successLight: string
   successDark: string
   error: string
+  errorLighter: string
   errorLight: string
   errorDark: string
   warning: string
+  warningLighter: string
   warningLight: string
   warningDark: string
   cyan: string
-  purple: string
-  alert: string
+  cyanLighter: string
+  cyanLight: string
+  cyanDark: string
   violet: string
+  violetLighter: string
+  violetLight: string
+  violetDark: string
   link: string
+  purple: string
+  magenta: string
+  alert: string
 }
 
 export interface ZeitUIThemesExpressiveness {