npm - @skbkontur/colors - Versions diffs - 1.1.2-626ea.0 → 1.1.2-73aed.0 - Mend

@skbkontur/colors 1.1.2-626ea.0 → 1.1.2-73aed.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js ADDED Viewed

@@ -0,0 +1,1033 @@
+export const BASE_TOKENS = {
+  brand: {
+    logo: {
+      light: '#FC7630',
+      dark: '#fc762f',
+    },
+    promo: '#601c2c',
+    original: '#FC7630',
+    interactions: {
+      hover: {
+        light: '#ee691d',
+        dark: '#ff833e',
+      },
+      pressed: {
+        light: '#d36731',
+        dark: '#e1743e',
+      },
+    },
+    palette: {
+      vivid: {
+        20: '#2a0b00',
+        24: '#381100',
+        28: '#471800',
+        32: '#571f00',
+        36: '#672600',
+        40: '#772e00',
+        44: '#883500',
+        48: '#9a3d00',
+        52: '#ab4500',
+        56: '#bd4d00',
+        60: '#cf5500',
+        64: '#e25d00',
+        68: '#f56600',
+        72: '#ff7722',
+        76: '#ff8f4f',
+        80: '#ffa56f',
+        84: '#ffb98d',
+        88: '#ffcba9',
+        92: '#ffddc6',
+        96: '#ffeee1',
+      },
+      normal: {
+        20: '#260f05',
+        24: '#351506',
+        28: '#441b06',
+        32: '#542208',
+        36: '#642909',
+        40: '#74310b',
+        44: '#85380d',
+        48: '#964010',
+        52: '#a74913',
+        56: '#b95115',
+        60: '#ca5a1b',
+        64: '#d96528',
+        68: '#ed6d28',
+        72: '#f97d36',
+        76: '#f8945b',
+        80: '#f8a97a',
+        84: '#fabb93',
+        88: '#fbcdae',
+        92: '#fcdec9',
+        96: '#ffeee1',
+      },
+      dim: {
+        20: '#20120c',
+        24: '#2c1a12',
+        28: '#392218',
+        32: '#472b1e',
+        36: '#563324',
+        40: '#643c2a',
+        44: '#74452f',
+        48: '#844d34',
+        52: '#955639',
+        56: '#a65f3f',
+        60: '#b76843',
+        64: '#ca7148',
+        68: '#dc7a4b',
+        72: '#e88856',
+        76: '#e99c72',
+        80: '#ecae8b',
+        84: '#eebfa3',
+        88: '#f1d0ba',
+        92: '#f5e0d2',
+        96: '#faf0e8',
+      },
+    },
+  },
+  accent: {
+    original: {
+      light: '#3d3d3d',
+      dark: '#f2f2f2',
+    },
+    interactions: {
+      hover: {
+        light: '#333333',
+        dark: '#484848',
+      },
+      pressed: {
+        light: '#292929',
+        dark: '#333333',
+      },
+    },
+  },
+  warning: {
+    vivid: {
+      20: '#211300',
+      24: '#2d1b00',
+      28: '#3a2400',
+      32: '#472d00',
+      36: '#543600',
+      40: '#623f00',
+      44: '#714901',
+      48: '#7f5300',
+      52: '#8e5e01',
+      56: '#9d6800',
+      60: '#ac7301',
+      64: '#bc7d00',
+      68: '#cc8801',
+      72: '#db9400',
+      76: '#eaa000',
+      80: '#f8ae00',
+      84: '#ffbf0b',
+      88: '#fcd35d',
+      92: '#fbe48d',
+      96: '#fff3bd',
+    },
+    normal: {
+      20: '#211300',
+      24: '#2d1b00',
+      28: '#3a2400',
+      32: '#472d00',
+      36: '#543600',
+      40: '#623f00',
+      44: '#714901',
+      48: '#7f5300',
+      52: '#8e5e01',
+      56: '#9d6800',
+      60: '#ac7301',
+      64: '#bc7d00',
+      68: '#cc8801',
+      72: '#da9513',
+      76: '#e5a331',
+      80: '#f1b03b',
+      84: '#f4c359',
+      88: '#f2d585',
+      92: '#f4e5ad',
+      96: '#faf3d1',
+    },
+    dim: {
+      20: '#1c150c',
+      24: '#271d10',
+      28: '#342614',
+      32: '#402f18',
+      36: '#4d391c',
+      40: '#5b4320',
+      44: '#694d24',
+      48: '#775728',
+      52: '#86612c',
+      56: '#956c30',
+      60: '#a37736',
+      64: '#b1823f',
+      68: '#bd8f4d',
+      72: '#cc9a51',
+      76: '#daa75a',
+      80: '#e5b566',
+      84: '#e6c686',
+      88: '#e9d6a5',
+      92: '#ede5c4',
+      96: '#f6f2df',
+    },
+  },
+  error: {
+    vivid: {
+      20: '#320003',
+      24: '#420005',
+      28: '#540007',
+      32: '#65000a',
+      36: '#78000e',
+      40: '#8a0013',
+      44: '#9e0117',
+      48: '#b2001b',
+      52: '#c50220',
+      56: '#d6192a',
+      60: '#e62b34',
+      64: '#f63b40',
+      68: '#ff5352',
+      72: '#ff726b',
+      76: '#ff8a84',
+      80: '#ffa09b',
+      84: '#ffb4b2',
+      88: '#ffc7c7',
+      92: '#ffdadd',
+      96: '#ffedef',
+    },
+    normal: {
+      20: '#2a0a09',
+      24: '#39100e',
+      28: '#481514',
+      32: '#591a19',
+      36: '#6b1f1e',
+      40: '#7d2423',
+      44: '#902828',
+      48: '#a32c2d',
+      52: '#b82f31',
+      56: '#cd3235',
+      60: '#de3c3e',
+      64: '#ee4948',
+      68: '#f65f5a',
+      72: '#f97770',
+      76: '#f98e88',
+      80: '#fea09c',
+      84: '#ffb4b2',
+      88: '#ffc7c7',
+      92: '#ffdadd',
+      96: '#ffedef',
+    },
+    dim: {
+      20: '#240f0d',
+      24: '#321514',
+      28: '#411c1a',
+      32: '#502421',
+      36: '#602a27',
+      40: '#71312e',
+      44: '#823835',
+      48: '#943e3b',
+      52: '#a74541',
+      56: '#ba4b47',
+      60: '#ce524d',
+      64: '#dd5d58',
+      68: '#e47069',
+      72: '#e8847c',
+      76: '#ea9892',
+      80: '#ecaaa6',
+      84: '#eebcba',
+      88: '#f2cdcd',
+      92: '#f5dee0',
+      96: '#fceef0',
+    },
+  },
+  success: {
+    vivid: {
+      20: '#001d06',
+      24: '#00280b',
+      28: '#003310',
+      32: '#003f16',
+      36: '#004b1c',
+      40: '#005821',
+      44: '#006428',
+      48: '#00712e',
+      52: '#007f34',
+      56: '#008d3a',
+      60: '#009b41',
+      64: '#00a948',
+      68: '#00b74e',
+      72: '#00c655',
+      76: '#29d363',
+      80: '#4ede76',
+      84: '#6fe98b',
+      88: '#91f2a3',
+      92: '#b0fabd',
+      96: '#d4ffda',
+    },
+    normal: {
+      20: '#061b0a',
+      24: '#07260f',
+      28: '#083214',
+      32: '#093e1a',
+      36: '#0b4a1f',
+      40: '#0c5725',
+      44: '#0f632b',
+      48: '#117032',
+      52: '#147e38',
+      56: '#178b3f',
+      60: '#1d9946',
+      64: '#2ca651',
+      68: '#2eb458',
+      72: '#2dc35d',
+      76: '#4ecf70',
+      80: '#6cd984',
+      84: '#89e39a',
+      88: '#a7ebb2',
+      92: '#c3f3ca',
+      96: '#defbe2',
+    },
+    dim: {
+      20: '#0d190f',
+      24: '#142417',
+      28: '#1a2e1e',
+      32: '#213a25',
+      36: '#27452d',
+      40: '#2d5134',
+      44: '#345e3c',
+      48: '#3a6a43',
+      52: '#3f784b',
+      56: '#458552',
+      60: '#4a935a',
+      64: '#4fa161',
+      68: '#54af69',
+      72: '#58bd70',
+      76: '#71c882',
+      80: '#89d296',
+      84: '#a1dbab',
+      88: '#bae4c0',
+      92: '#d1edd5',
+      96: '#e6f7e8',
+    },
+  },
+  gray: {
+    0: '#000000',
+    16: '#0d0d0d',
+    20: '#161616',
+    24: '#1f1f1f',
+    28: '#292929',
+    32: '#333333',
+    36: '#3d3d3d',
+    40: '#484848',
+    44: '#525252',
+    48: '#5d5d5d',
+    52: '#696969',
+    56: '#747474',
+    60: '#808080',
+    64: '#8c8c8c',
+    68: '#989898',
+    72: '#a4a4a4',
+    76: '#b1b1b1',
+    80: '#bebebe',
+    84: '#cacaca',
+    88: '#d7d7d7',
+    92: '#e4e4e4',
+    96: '#f2f2f2',
+    98: '#f8f8f8',
+    100: '#ffffff',
+  },
+  whiteAlpha: {
+    4: 'rgba(255, 255, 255, 0.04)',
+    6: 'rgba(255, 255, 255, 0.06)',
+    8: 'rgba(255, 255, 255, 0.08)',
+    12: 'rgba(255, 255, 255, 0.12)',
+    16: 'rgba(255, 255, 255, 0.16)',
+    20: 'rgba(255, 255, 255, 0.2)',
+    24: 'rgba(255, 255, 255, 0.24)',
+    28: 'rgba(255, 255, 255, 0.28)',
+    32: 'rgba(255, 255, 255, 0.32)',
+    36: 'rgba(255, 255, 255, 0.36)',
+    40: 'rgba(255, 255, 255, 0.4)',
+    44: 'rgba(255, 255, 255, 0.44)',
+    48: 'rgba(255, 255, 255, 0.48)',
+    52: 'rgba(255, 255, 255, 0.52)',
+    56: 'rgba(255, 255, 255, 0.56)',
+    60: 'rgba(255, 255, 255, 0.6)',
+    64: 'rgba(255, 255, 255, 0.64)',
+    68: 'rgba(255, 255, 255, 0.68)',
+    72: 'rgba(255, 255, 255, 0.72)',
+    76: 'rgba(255, 255, 255, 0.76)',
+    80: 'rgba(255, 255, 255, 0.8)',
+    84: 'rgba(255, 255, 255, 0.84)',
+    88: 'rgba(255, 255, 255, 0.88)',
+    92: 'rgba(255, 255, 255, 0.92)',
+    96: 'rgba(255, 255, 255, 0.96)',
+    100: 'rgba(255, 255, 255, 1)',
+  },
+  blackAlpha: {
+    4: 'rgba(0, 0, 0, 0.04)',
+    6: 'rgba(0, 0, 0, 0.06)',
+    8: 'rgba(0, 0, 0, 0.08)',
+    12: 'rgba(0, 0, 0, 0.12)',
+    16: 'rgba(0, 0, 0, 0.16)',
+    20: 'rgba(0, 0, 0, 0.2)',
+    24: 'rgba(0, 0, 0, 0.24)',
+    28: 'rgba(0, 0, 0, 0.28)',
+    32: 'rgba(0, 0, 0, 0.32)',
+    36: 'rgba(0, 0, 0, 0.36)',
+    40: 'rgba(0, 0, 0, 0.4)',
+    44: 'rgba(0, 0, 0, 0.44)',
+    48: 'rgba(0, 0, 0, 0.48)',
+    52: 'rgba(0, 0, 0, 0.52)',
+    56: 'rgba(0, 0, 0, 0.56)',
+    60: 'rgba(0, 0, 0, 0.6)',
+    64: 'rgba(0, 0, 0, 0.64)',
+    68: 'rgba(0, 0, 0, 0.68)',
+    72: 'rgba(0, 0, 0, 0.72)',
+    76: 'rgba(0, 0, 0, 0.76)',
+    80: 'rgba(0, 0, 0, 0.8)',
+    84: 'rgba(0, 0, 0, 0.84)',
+    88: 'rgba(0, 0, 0, 0.88)',
+    92: 'rgba(0, 0, 0, 0.92)',
+    96: 'rgba(0, 0, 0, 0.96)',
+    100: 'rgba(0, 0, 0, 1)',
+  },
+  onBrand: {
+    4: 'rgba(255, 255, 255, 0.04)',
+    6: 'rgba(255, 255, 255, 0.06)',
+    8: 'rgba(255, 255, 255, 0.08)',
+    12: 'rgba(255, 255, 255, 0.12)',
+    16: 'rgba(255, 255, 255, 0.16)',
+    20: 'rgba(255, 255, 255, 0.2)',
+    24: 'rgba(255, 255, 255, 0.24)',
+    28: 'rgba(255, 255, 255, 0.28)',
+    32: 'rgba(255, 255, 255, 0.32)',
+    36: 'rgba(255, 255, 255, 0.36)',
+    40: 'rgba(255, 255, 255, 0.4)',
+    44: 'rgba(255, 255, 255, 0.44)',
+    48: 'rgba(255, 255, 255, 0.48)',
+    52: 'rgba(255, 255, 255, 0.52)',
+    56: 'rgba(255, 255, 255, 0.56)',
+    60: 'rgba(255, 255, 255, 0.6)',
+    64: 'rgba(255, 255, 255, 0.64)',
+    68: 'rgba(255, 255, 255, 0.68)',
+    72: 'rgba(255, 255, 255, 0.72)',
+    76: 'rgba(255, 255, 255, 0.76)',
+    80: 'rgba(255, 255, 255, 0.8)',
+    84: 'rgba(255, 255, 255, 0.84)',
+    88: 'rgba(255, 255, 255, 0.88)',
+    92: 'rgba(255, 255, 255, 0.92)',
+    96: 'rgba(255, 255, 255, 0.96)',
+    100: 'rgba(255, 255, 255, 1)',
+  },
+  onAccent: false,
+  customizable: {
+    red: {
+      vivid: {
+        20: '#320003',
+        24: '#420005',
+        28: '#540007',
+        32: '#65000a',
+        36: '#78000e',
+        40: '#8a0013',
+        44: '#9e0117',
+        48: '#b2001b',
+        52: '#c50220',
+        56: '#d6192a',
+        60: '#e62b34',
+        64: '#f63b40',
+        68: '#ff5352',
+        72: '#ff726b',
+        76: '#ff8a84',
+        80: '#ffa09b',
+        84: '#ffb4b2',
+        88: '#ffc7c7',
+        92: '#ffdadd',
+        96: '#ffedef',
+      },
+      normal: {
+        20: '#2a0a09',
+        24: '#39100e',
+        28: '#481514',
+        32: '#591a19',
+        36: '#6b1f1e',
+        40: '#7d2423',
+        44: '#902828',
+        48: '#a32c2d',
+        52: '#b82f31',
+        56: '#cd3235',
+        60: '#de3c3e',
+        64: '#ee4948',
+        68: '#f65f5a',
+        72: '#f97770',
+        76: '#f98e88',
+        80: '#fea09c',
+        84: '#ffb4b2',
+        88: '#ffc7c7',
+        92: '#ffdadd',
+        96: '#ffedef',
+      },
+      dim: {
+        20: '#240f0d',
+        24: '#321514',
+        28: '#411c1a',
+        32: '#502421',
+        36: '#602a27',
+        40: '#71312e',
+        44: '#823835',
+        48: '#943e3b',
+        52: '#a74541',
+        56: '#ba4b47',
+        60: '#ce524d',
+        64: '#dd5d58',
+        68: '#e47069',
+        72: '#e8847c',
+        76: '#ea9892',
+        80: '#ecaaa6',
+        84: '#eebcba',
+        88: '#f2cdcd',
+        92: '#f5dee0',
+        96: '#fceef0',
+      },
+    },
+    orange: {
+      vivid: {
+        20: '#2a0b00',
+        24: '#381100',
+        28: '#471800',
+        32: '#571f00',
+        36: '#672600',
+        40: '#772e00',
+        44: '#883500',
+        48: '#9a3d00',
+        52: '#ab4500',
+        56: '#bd4d00',
+        60: '#cf5500',
+        64: '#e25d00',
+        68: '#f56600',
+        72: '#ff7722',
+        76: '#ff8f4f',
+        80: '#ffa56f',
+        84: '#ffb98d',
+        88: '#ffcba9',
+        92: '#ffddc6',
+        96: '#ffeee1',
+      },
+      normal: {
+        20: '#260f05',
+        24: '#351506',
+        28: '#441b06',
+        32: '#542208',
+        36: '#642909',
+        40: '#74310b',
+        44: '#85380d',
+        48: '#964010',
+        52: '#a74913',
+        56: '#b95115',
+        60: '#ca5a1b',
+        64: '#d96528',
+        68: '#ed6d28',
+        72: '#f97d36',
+        76: '#f8945b',
+        80: '#f8a97a',
+        84: '#fabb93',
+        88: '#fbcdae',
+        92: '#fcdec9',
+        96: '#ffeee1',
+      },
+      dim: {
+        20: '#20120c',
+        24: '#2c1a12',
+        28: '#392218',
+        32: '#472b1e',
+        36: '#563324',
+        40: '#643c2a',
+        44: '#74452f',
+        48: '#844d34',
+        52: '#955639',
+        56: '#a65f3f',
+        60: '#b76843',
+        64: '#ca7148',
+        68: '#dc7a4b',
+        72: '#e88856',
+        76: '#e99c72',
+        80: '#ecae8b',
+        84: '#eebfa3',
+        88: '#f1d0ba',
+        92: '#f5e0d2',
+        96: '#faf0e8',
+      },
+    },
+    green: {
+      vivid: {
+        20: '#001d06',
+        24: '#00280b',
+        28: '#003310',
+        32: '#003f16',
+        36: '#004b1b',
+        40: '#005821',
+        44: '#006428',
+        48: '#00722d',
+        52: '#007f34',
+        56: '#008d3a',
+        60: '#009b41',
+        64: '#00a948',
+        68: '#00b74e',
+        72: '#00c655',
+        76: '#29d363',
+        80: '#4ede76',
+        84: '#6fe98b',
+        88: '#91f2a3',
+        92: '#b0fabd',
+        96: '#d4ffda',
+      },
+      normal: {
+        20: '#061b0a',
+        24: '#07260f',
+        28: '#083214',
+        32: '#093e1a',
+        36: '#0b4a1f',
+        40: '#0c5725',
+        44: '#0f632b',
+        48: '#117032',
+        52: '#147e38',
+        56: '#178b3f',
+        60: '#1d9946',
+        64: '#2ca651',
+        68: '#2eb458',
+        72: '#2dc35d',
+        76: '#4ecf70',
+        80: '#6cd984',
+        84: '#89e39a',
+        88: '#a7ebb2',
+        92: '#c3f3ca',
+        96: '#defbe2',
+      },
+      dim: {
+        20: '#0d190f',
+        24: '#142417',
+        28: '#1a2e1e',
+        32: '#213a25',
+        36: '#27452d',
+        40: '#2d5134',
+        44: '#345e3c',
+        48: '#3a6a43',
+        52: '#3f784b',
+        56: '#458552',
+        60: '#4a935a',
+        64: '#4fa161',
+        68: '#53af68',
+        72: '#58be6f',
+        76: '#71c882',
+        80: '#89d296',
+        84: '#a1dbab',
+        88: '#bae4c0',
+        92: '#d1edd5',
+        96: '#e6f7e8',
+      },
+    },
+    mint: {
+      vivid: {
+        20: '#001b16',
+        24: '#00261f',
+        28: '#003128',
+        32: '#013c32',
+        36: '#00483c',
+        40: '#005447',
+        44: '#006152',
+        48: '#006e5d',
+        52: '#027b68',
+        56: '#008873',
+        60: '#02957f',
+        64: '#00a38b',
+        68: '#01b197',
+        72: '#05bfa3',
+        76: '#00ceaf',
+        80: '#02dcbe',
+        84: '#06eacc',
+        88: '#4af6dd',
+        92: '#88fdeb',
+        96: '#c8fff7',
+      },
+      normal: {
+        20: '#001b16',
+        24: '#00261f',
+        28: '#003128',
+        32: '#013c32',
+        36: '#00483c',
+        40: '#005447',
+        44: '#006152',
+        48: '#006e5d',
+        52: '#027b68',
+        56: '#008873',
+        60: '#02957f',
+        64: '#00a38b',
+        68: '#01b197',
+        72: '#05bfa3',
+        76: '#30ccaf',
+        80: '#45d9be',
+        84: '#4fe6cc',
+        88: '#83eedb',
+        92: '#adf5e9',
+        96: '#d2fcf6',
+      },
+      dim: {
+        20: '#0c1916',
+        24: '#0f241f',
+        28: '#132f28',
+        32: '#163a32',
+        36: '#19463d',
+        40: '#1c5247',
+        44: '#1f5f52',
+        48: '#216c5d',
+        52: '#247968',
+        56: '#268673',
+        60: '#29937f',
+        64: '#35a08b',
+        68: '#4cac97',
+        72: '#59b8a3',
+        76: '#63c6b0',
+        80: '#6fd3be',
+        84: '#86decc',
+        88: '#a7e7da',
+        92: '#c5efe7',
+        96: '#e0f8f4',
+      },
+    },
+    blue: {
+      vivid: {
+        20: '#001631',
+        24: '#001f41',
+        28: '#002952',
+        32: '#003363',
+        36: '#003d75',
+        40: '#004788',
+        44: '#00529b',
+        48: '#005dae',
+        52: '#0069c2',
+        56: '#0074d6',
+        60: '#0080ea',
+        64: '#008cff',
+        68: '#369bff',
+        72: '#55a9ff',
+        76: '#6cb7ff',
+        80: '#80c5ff',
+        84: '#96d2ff',
+        88: '#aedfff',
+        92: '#c7ebff',
+        96: '#e2f5ff',
+      },
+      normal: {
+        20: '#061729',
+        24: '#092039',
+        28: '#0b294a',
+        32: '#0e335b',
+        36: '#113e6d',
+        40: '#14487f',
+        44: '#185391',
+        48: '#1c5ea3',
+        52: '#216ab6',
+        56: '#2576c9',
+        60: '#2a81dc',
+        64: '#2b8df2',
+        68: '#449bf6',
+        72: '#56a9fd',
+        76: '#6cb7ff',
+        80: '#80c5ff',
+        84: '#96d2ff',
+        88: '#aedfff',
+        92: '#c9eafe',
+        96: '#e2f5ff',
+      },
+      dim: {
+        20: '#0c1723',
+        24: '#132030',
+        28: '#192a3e',
+        32: '#1f344d',
+        36: '#253f5c',
+        40: '#2b496c',
+        44: '#31547d',
+        48: '#37608e',
+        52: '#3c6ba1',
+        56: '#4177b4',
+        60: '#4683c7',
+        64: '#4b8fdb',
+        68: '#5d9ce1',
+        72: '#70a9e6',
+        76: '#84b6e8',
+        80: '#96c3eb',
+        84: '#a9d0ed',
+        88: '#bedcf1',
+        92: '#d3e8f5',
+        96: '#e8f4fa',
+      },
+    },
+    blueDeep: {
+      vivid: {
+        20: '#01074b',
+        24: '#020d61',
+        28: '#041675',
+        32: '#072088',
+        36: '#0d2c99',
+        40: '#1437ab',
+        44: '#1b42bc',
+        48: '#234ece',
+        52: '#2b5adf',
+        56: '#3466f1',
+        60: '#3e72ff',
+        64: '#5183ff',
+        68: '#6592ff',
+        72: '#76a2ff',
+        76: '#88b0ff',
+        80: '#99bfff',
+        84: '#abccff',
+        88: '#bfdaff',
+        92: '#d2e7ff',
+        96: '#e8f3ff',
+      },
+      normal: {
+        20: '#051139',
+        24: '#07194e',
+        28: '#0b2162',
+        32: '#102a75',
+        36: '#163487',
+        40: '#1d3e9a',
+        44: '#2448ac',
+        48: '#2b53be',
+        52: '#335ed1',
+        56: '#3b6ae3',
+        60: '#4877ee',
+        64: '#5986f2',
+        68: '#6893f9',
+        72: '#76a2ff',
+        76: '#88b0ff',
+        80: '#99bfff',
+        84: '#abccff',
+        88: '#bfdaff',
+        92: '#d2e7ff',
+        96: '#e8f3ff',
+      },
+      dim: {
+        20: '#0c152a',
+        24: '#121e3a',
+        28: '#18274b',
+        32: '#1e305c',
+        36: '#243a6e',
+        40: '#2b4480',
+        44: '#324e92',
+        48: '#3959a5',
+        52: '#4164b8',
+        56: '#486fcc',
+        60: '#567cd5',
+        64: '#6589dc',
+        68: '#7496e1',
+        72: '#83a4e6',
+        76: '#94b1e8',
+        80: '#a5bfeb',
+        84: '#b6ccee',
+        88: '#c8d9f1',
+        92: '#d9e6f5',
+        96: '#eaf3fc',
+      },
+    },
+    violet: {
+      vivid: {
+        20: '#1c0041',
+        24: '#270056',
+        28: '#32006b',
+        32: '#3d057e',
+        36: '#48138f',
+        40: '#5220a0',
+        44: '#5e2bb1',
+        48: '#6936c2',
+        52: '#7441d3',
+        56: '#804de3',
+        60: '#8c59f3',
+        64: '#9767ff',
+        68: '#a17bff',
+        72: '#ab8eff',
+        76: '#b69fff',
+        80: '#c1b0ff',
+        84: '#cdc0ff',
+        88: '#d8d0ff',
+        92: '#e4e0ff',
+        96: '#f1f0ff',
+      },
+      normal: {
+        20: '#190c33',
+        24: '#231245',
+        28: '#2e1857',
+        32: '#391e6b',
+        36: '#44247f',
+        40: '#502d91',
+        44: '#5b36a3',
+        48: '#6640b4',
+        52: '#724ac6',
+        56: '#7e54d7',
+        60: '#8a5fe9',
+        64: '#956ef2',
+        68: '#a07ff5',
+        72: '#aa90f8',
+        76: '#b6a0fc',
+        80: '#c1b0ff',
+        84: '#cdc0ff',
+        88: '#d8d0ff',
+        92: '#e4e0ff',
+        96: '#f1f0ff',
+      },
+      dim: {
+        20: '#171228',
+        24: '#211937',
+        28: '#2b2148',
+        32: '#362958',
+        36: '#413169',
+        40: '#4c3a7a',
+        44: '#57438c',
+        48: '#634c9e',
+        52: '#6f55b0',
+        56: '#7b5fc3',
+        60: '#8769d4',
+        64: '#9278dc',
+        68: '#9d87e1',
+        72: '#a996e7',
+        76: '#b4a5e9',
+        80: '#c0b5eb',
+        84: '#ccc4ed',
+        88: '#d8d3f1',
+        92: '#e4e2f5',
+        96: '#f1f0fc',
+      },
+    },
+    purple: {
+      vivid: {
+        20: '#270030',
+        24: '#350041',
+        28: '#430051',
+        32: '#520063',
+        36: '#610075',
+        40: '#6f0685',
+        44: '#7d1595',
+        48: '#8b22a4',
+        52: '#992db3',
+        56: '#a739c2',
+        60: '#b545d1',
+        64: '#c352df',
+        68: '#cf60ec',
+        72: '#db70f7',
+        76: '#e582ff',
+        80: '#ea9aff',
+        84: '#f0aeff',
+        88: '#f6c3ff',
+        92: '#fbd6ff',
+        96: '#ffeaff',
+      },
+      normal: {
+        20: '#220a28',
+        24: '#2f1036',
+        28: '#3c1546',
+        32: '#4a1a56',
+        36: '#581f67',
+        40: '#682478',
+        44: '#77288b',
+        48: '#85319a',
+        52: '#943aaa',
+        56: '#a244ba',
+        60: '#b14eca',
+        64: '#be5ad8',
+        68: '#cb68e4',
+        72: '#d678ee',
+        76: '#e089f7',
+        80: '#e59ff8',
+        84: '#ebb3f8',
+        88: '#f1c6f9',
+        92: '#f7d9fa',
+        96: '#fcecfc',
+      },
+      dim: {
+        20: '#1e0f23',
+        24: '#2a1630',
+        28: '#371d3e',
+        32: '#44244c',
+        36: '#522a5c',
+        40: '#5f326b',
+        44: '#6d3a7b',
+        48: '#7c428b',
+        52: '#8a4a9b',
+        56: '#9953ab',
+        60: '#a85cbb',
+        64: '#b568ca',
+        68: '#c175d5',
+        72: '#cc84df',
+        76: '#d595e6',
+        80: '#dca7eb',
+        84: '#e4b9ee',
+        88: '#ebcbf1',
+        92: '#f3dcf5',
+        96: '#f9edfa',
+      },
+    },
+    yellow: {
+      vivid: {
+        20: '#1f1400',
+        24: '#2b1c00',
+        28: '#372500',
+        32: '#432f00',
+        36: '#503800',
+        40: '#5d4201',
+        44: '#6b4c00',
+        48: '#795700',
+        52: '#876200',
+        56: '#966c01',
+        60: '#a57700',
+        64: '#b48300',
+        68: '#c38e01',
+        72: '#d19a00',
+        76: '#dfa700',
+        80: '#ecb400',
+        84: '#f6c405',
+        88: '#f6d65e',
+        92: '#f5e78f',
+        96: '#faf5be',
+      },
+      normal: {
+        20: '#1f1400',
+        24: '#2b1c00',
+        28: '#372500',
+        32: '#432f00',
+        36: '#503800',
+        40: '#5d4201',
+        44: '#6b4c00',
+        48: '#795700',
+        52: '#876200',
+        56: '#966c01',
+        60: '#a57700',
+        64: '#b48300',
+        68: '#c38e01',
+        72: '#d19a00',
+        76: '#dba833',
+        80: '#e7b63c',
+        84: '#ecc659',
+        88: '#eed786',
+        92: '#f0e6ae',
+        96: '#f7f4d2',
+      },
+      dim: {
+        20: '#1b150b',
+        24: '#261e0f',
+        28: '#322713',
+        32: '#3e3117',
+        36: '#4b3a1b',
+        40: '#58441f',
+        44: '#654f23',
+        48: '#735926',
+        52: '#81642a',
+        56: '#8f6f2e',
+        60: '#9e7a33',
+        64: '#ab863c',
+        68: '#b6924d',
+        72: '#c59e50',
+        76: '#d2ab5b',
+        80: '#deb965',
+        84: '#e1c885',
+        88: '#e6d7a6',
+        92: '#ebe6c5',
+        96: '#f5f3df',
+      },
+    },
+  },
+};