npm - @skbkontur/colors - Versions diffs - 1.1.2-1903c.0 → 1.1.2-626ea.0 - Mend

@skbkontur/colors 1.1.2-1903c.0 → 1.1.2-626ea.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 (265) hide show

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

@@ -0,0 +1,1032 @@
+export var BASE_TOKENS = {
+    brand: {
+        logo: {
+            light: '#2291FF',
+            dark: '#2191ff',
+        },
+        promo: '#1a3268',
+        original: '#2291FF',
+        interactions: {
+            hover: {
+                light: '#0584f1',
+                dark: '#339eff',
+            },
+            pressed: {
+                light: '#227ad2',
+                dark: '#3186e0',
+            },
+        },
+        palette: {
+            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',
+            },
+        },
+    },
+    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)',
+    },
+    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',
+            },
+        },
+    },
+};