feat: new colors * 4

Author: tenphi

src/tasty/styles/types.ts

@@ -5,6 +5,8 @@ import { ResponsiveStyleValue } from '../utils/styles';
 type NamedColor =
   | 'purple'
   | 'purple-text'
+  | 'purple-icon'
+  | 'purple-bg'
   | 'purple-01'
   | 'purple-02'
   | 'purple-03'
@@ -15,6 +17,7 @@ type NamedColor =
   | 'dark-03'
   | 'dark-04'
   | 'dark-05'
+  | 'dark-bg'
   | 'text'
   | 'primary'
   | 'disabled'
@@ -23,12 +26,15 @@ type NamedColor =
   | 'danger'
   | 'danger-bg'
   | 'danger-text'
+  | 'danger-icon'
   | 'success'
   | 'success-bg'
   | 'success-text'
+  | 'success-icon'
   | 'note'
   | 'note-bg'
   | 'note-text'
+  | 'note-icon'
   | 'white'
   | 'light'
   | 'light-grey'

src/tokens.ts

@@ -11,12 +11,13 @@ const colors = {
   'purple-04': '202 201 255',
   focus: '172 163 238',
   text: '91 92 125',
-  dark: '20 20 70',
-  'dark-01': '20 20 70',
-  'dark-02': '67 67 107',
-  'dark-03': '114 114 144',
-  'dark-04': '161 161 181',
-  'dark-05': '213 213 226',
+  dark: '25 26 46',
+  'dark-01': '25 26 46',
+  'dark-02': '69 68 98',
+  'dark-03': '115 114 139',
+  'dark-04': '161 161 178',
+  'dark-05': '213 213 222',
+  'dark-bg': '248 248 249',
   'grey-light': '248 248 249',
   light: '246 246 248',
   white: '255 255 255',