litruv/cinny
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
e460dbd34eed06e0d1c7e1a8dcbeab938c800527
cinny/src/colors.css.ts
litruv 61d41900cc Add Stationery and Stationery Dark themes with notebook chrome. 
Manila folders, ruled chat, post-it nav, and folder tabs; dark variant uses Catppuccin Mocha colors with muted stickies and soft glows.
2026-07-23 00:24:10 +10:00

921 lines
20 KiB
TypeScript
Raw Blame History

import { createTheme } from '@vanilla-extract/css';
import { color } from 'folds';
export const silverTheme = createTheme(color, {
Background: {
Container: '#DEDEDE',
ContainerHover: '#D3D3D3',
ContainerActive: '#C7C7C7',
ContainerLine: '#BBBBBB',
OnContainer: '#000000',
},
Surface: {
Container: '#EAEAEA',
ContainerHover: '#DEDEDE',
ContainerActive: '#D3D3D3',
ContainerLine: '#C7C7C7',
OnContainer: '#000000',
},
SurfaceVariant: {
Container: '#DEDEDE',
ContainerHover: '#D3D3D3',
ContainerActive: '#C7C7C7',
ContainerLine: '#BBBBBB',
OnContainer: '#000000',
},
Primary: {
Main: '#1245A8',
MainHover: '#103E97',
MainActive: '#0F3B8F',
MainLine: '#0E3786',
OnMain: '#FFFFFF',
Container: '#C4D0E9',
ContainerHover: '#B8C7E5',
ContainerActive: '#ACBEE1',
ContainerLine: '#A0B5DC',
OnContainer: '#0D3076',
},
Secondary: {
Main: '#000000',
MainHover: '#171717',
MainActive: '#232323',
MainLine: '#2F2F2F',
OnMain: '#EAEAEA',
Container: '#C7C7C7',
ContainerHover: '#BBBBBB',
ContainerActive: '#AFAFAF',
ContainerLine: '#A4A4A4',
OnContainer: '#0C0C0C',
},
Success: {
Main: '#017343',
MainHover: '#01683C',
MainActive: '#016239',
MainLine: '#015C36',
OnMain: '#FFFFFF',
Container: '#BFDCD0',
ContainerHover: '#B3D5C7',
ContainerActive: '#A6CEBD',
ContainerLine: '#99C7B4',
OnContainer: '#01512F',
},
Warning: {
Main: '#864300',
MainHover: '#793C00',
MainActive: '#723900',
MainLine: '#6B3600',
OnMain: '#FFFFFF',
Container: '#E1D0BF',
ContainerHover: '#DBC7B2',
ContainerActive: '#D5BDA6',
ContainerLine: '#CFB499',
OnContainer: '#5E2F00',
},
Critical: {
Main: '#9D0F0F',
MainHover: '#8D0E0E',
MainActive: '#850D0D',
MainLine: '#7E0C0C',
OnMain: '#FFFFFF',
Container: '#E7C3C3',
ContainerHover: '#E2B7B7',
ContainerActive: '#DDABAB',
ContainerLine: '#D89F9F',
OnContainer: '#6E0B0B',
},
Other: {
FocusRing: 'rgba(0 0 0 / 50%)',
Shadow: 'rgba(0 0 0 / 20%)',
Overlay: 'rgba(0 0 0 / 50%)',
},
});
const darkThemeData = {
Background: {
Container: '#1A1A1A',
ContainerHover: '#262626',
ContainerActive: '#333333',
ContainerLine: '#404040',
OnContainer: '#F2F2F2',
},
Surface: {
Container: '#262626',
ContainerHover: '#333333',
ContainerActive: '#404040',
ContainerLine: '#4D4D4D',
OnContainer: '#F2F2F2',
},
SurfaceVariant: {
Container: '#333333',
ContainerHover: '#404040',
ContainerActive: '#4D4D4D',
ContainerLine: '#595959',
OnContainer: '#F2F2F2',
},
Primary: {
Main: '#BDB6EC',
MainHover: '#B2AAE9',
MainActive: '#ADA3E8',
MainLine: '#A79DE6',
OnMain: '#2C2843',
Container: '#413C65',
ContainerHover: '#494370',
ContainerActive: '#50497B',
ContainerLine: '#575086',
OnContainer: '#E3E1F7',
},
Secondary: {
Main: '#FFFFFF',
MainHover: '#E5E5E5',
MainActive: '#D9D9D9',
MainLine: '#CCCCCC',
OnMain: '#1A1A1A',
Container: '#404040',
ContainerHover: '#4D4D4D',
ContainerActive: '#595959',
ContainerLine: '#666666',
OnContainer: '#F2F2F2',
},
Success: {
Main: '#85E0BA',
MainHover: '#70DBAF',
MainActive: '#66D9A9',
MainLine: '#5CD6A3',
OnMain: '#0F3D2A',
Container: '#175C3F',
ContainerHover: '#1A6646',
ContainerActive: '#1C704D',
ContainerLine: '#1F7A54',
OnContainer: '#CCF2E2',
},
Warning: {
Main: '#E3BA91',
MainHover: '#DFAF7E',
MainActive: '#DDA975',
MainLine: '#DAA36C',
OnMain: '#3F2A15',
Container: '#5E3F20',
ContainerHover: '#694624',
ContainerActive: '#734D27',
ContainerLine: '#7D542B',
OnContainer: '#F3E2D1',
},
Critical: {
Main: '#E69D9D',
MainHover: '#E28D8D',
MainActive: '#E08585',
MainLine: '#DE7D7D',
OnMain: '#401C1C',
Container: '#602929',
ContainerHover: '#6B2E2E',
ContainerActive: '#763333',
ContainerLine: '#803737',
OnContainer: '#F5D6D6',
},
Other: {
FocusRing: 'rgba(255, 255, 255, 0.5)',
Shadow: 'rgba(0, 0, 0, 1)',
Overlay: 'rgba(0, 0, 0, 0.8)',
},
};
export const darkTheme = createTheme(color, darkThemeData);
export const butterTheme = createTheme(color, {
...darkThemeData,
Background: {
Container: '#1A1916',
ContainerHover: '#262621',
ContainerActive: '#33322C',
ContainerLine: '#403F38',
OnContainer: '#FFFBDE',
},
Surface: {
Container: '#262621',
ContainerHover: '#33322C',
ContainerActive: '#403F38',
ContainerLine: '#4D4B43',
OnContainer: '#FFFBDE',
},
SurfaceVariant: {
Container: '#33322C',
ContainerHover: '#403F38',
ContainerActive: '#4D4B43',
ContainerLine: '#59584E',
OnContainer: '#FFFBDE',
},
Secondary: {
Main: '#FFFBDE',
MainHover: '#E5E2C8',
MainActive: '#D9D5BD',
MainLine: '#CCC9B2',
OnMain: '#1A1916',
Container: '#403F38',
ContainerHover: '#4D4B43',
ContainerActive: '#59584E',
ContainerLine: '#666459',
OnContainer: '#F2EED3',
},
});
export const discordTheme = createTheme(color, {
Background: {
Container: '#2B2D31',
ContainerHover: '#313338',
ContainerActive: '#383A40',
ContainerLine: '#404249',
OnContainer: '#DBDEE1',
},
Surface: {
Container: '#313338',
ContainerHover: '#383A40',
ContainerActive: '#404249',
ContainerLine: '#4E505A',
OnContainer: '#DBDEE1',
},
SurfaceVariant: {
Container: '#383A40',
ContainerHover: '#404249',
ContainerActive: '#4E505A',
ContainerLine: '#5C5E68',
OnContainer: '#DBDEE1',
},
Primary: {
Main: '#5865F2',
MainHover: '#4752C4',
MainActive: '#3C45A5',
MainLine: '#343B8F',
OnMain: '#FFFFFF',
Container: '#4752C4',
ContainerHover: '#3C45A5',
ContainerActive: '#343B8F',
ContainerLine: '#2D3377',
OnContainer: '#E7E9FD',
},
Secondary: {
Main: '#B5BAC1',
MainHover: '#949BA4',
MainActive: '#80858E',
MainLine: '#6D7178',
OnMain: '#060607',
Container: '#4E5058',
ContainerHover: '#5C5E68',
ContainerActive: '#6A6D75',
ContainerLine: '#80858E',
OnContainer: '#E3E5E8',
},
Success: {
Main: '#23A55A',
MainHover: '#1F8F4F',
MainActive: '#1C7F46',
MainLine: '#196F3D',
OnMain: '#FFFFFF',
Container: '#1F8F4F',
ContainerHover: '#1C7F46',
ContainerActive: '#196F3D',
ContainerLine: '#165F34',
OnContainer: '#D4F2E1',
},
Warning: {
Main: '#F0B232',
MainHover: '#D69B2B',
MainActive: '#C18B27',
MainLine: '#AD7C23',
OnMain: '#2E2309',
Container: '#8B6A1C',
ContainerHover: '#9C771F',
ContainerActive: '#AD8422',
ContainerLine: '#BE9125',
OnContainer: '#FCEDC9',
},
Critical: {
Main: '#F23F43',
MainHover: '#D73437',
MainActive: '#C12D30',
MainLine: '#AB272A',
OnMain: '#FFFFFF',
Container: '#A12D2F',
ContainerHover: '#B23235',
ContainerActive: '#C3373B',
ContainerLine: '#D43C40',
OnContainer: '#FDD7D8',
},
Other: {
FocusRing: 'rgba(88, 101, 242, 0.5)',
Shadow: 'rgba(0, 0, 0, 0.8)',
Overlay: 'rgba(0, 0, 0, 0.85)',
},
});
export const discordDarkerTheme = createTheme(color, {
Background: {
Container: '#1E1F22',
ContainerHover: '#232428',
ContainerActive: '#2A2C31',
ContainerLine: '#313338',
OnContainer: '#E3E5E8',
},
Surface: {
Container: '#232428',
ContainerHover: '#2A2C31',
ContainerActive: '#313338',
ContainerLine: '#3B3E45',
OnContainer: '#E3E5E8',
},
SurfaceVariant: {
Container: '#2A2C31',
ContainerHover: '#313338',
ContainerActive: '#3B3E45',
ContainerLine: '#45474D',
OnContainer: '#E3E5E8',
},
Primary: {
Main: '#5865F2',
MainHover: '#4752C4',
MainActive: '#3C45A5',
MainLine: '#343B8F',
OnMain: '#FFFFFF',
Container: '#4752C4',
ContainerHover: '#3C45A5',
ContainerActive: '#343B8F',
ContainerLine: '#2D3377',
OnContainer: '#E7E9FD',
},
Secondary: {
Main: '#B5BAC1',
MainHover: '#949BA4',
MainActive: '#80858E',
MainLine: '#6D7178',
OnMain: '#060607',
Container: '#3B3E45',
ContainerHover: '#45474D',
ContainerActive: '#4F5158',
ContainerLine: '#5C5E68',
OnContainer: '#E3E5E8',
},
Success: {
Main: '#23A55A',
MainHover: '#1F8F4F',
MainActive: '#1C7F46',
MainLine: '#196F3D',
OnMain: '#FFFFFF',
Container: '#1F8F4F',
ContainerHover: '#1C7F46',
ContainerActive: '#196F3D',
ContainerLine: '#165F34',
OnContainer: '#D4F2E1',
},
Warning: {
Main: '#F0B232',
MainHover: '#D69B2B',
MainActive: '#C18B27',
MainLine: '#AD7C23',
OnMain: '#2E2309',
Container: '#8B6A1C',
ContainerHover: '#9C771F',
ContainerActive: '#AD8422',
ContainerLine: '#BE9125',
OnContainer: '#FCEDC9',
},
Critical: {
Main: '#F23F43',
MainHover: '#D73437',
MainActive: '#C12D30',
MainLine: '#AB272A',
OnMain: '#FFFFFF',
Container: '#A12D2F',
ContainerHover: '#B23235',
ContainerActive: '#C3373B',
ContainerLine: '#D43C40',
OnContainer: '#FDD7D8',
},
Other: {
FocusRing: 'rgba(88, 101, 242, 0.5)',
Shadow: 'rgba(0, 0, 0, 0.9)',
Overlay: 'rgba(0, 0, 0, 0.9)',
},
});
export const twilightTheme = createTheme(color, {
Background: {
Container: '#14121F',
ContainerHover: '#1C1A2E',
ContainerActive: '#24223D',
ContainerLine: '#2D2A4C',
OnContainer: '#F0F0FF',
},
Surface: {
Container: '#1C1A2E',
ContainerHover: '#24223D',
ContainerActive: '#2D2A4C',
ContainerLine: '#35325B',
OnContainer: '#F0F0FF',
},
SurfaceVariant: {
Container: '#24223D',
ContainerHover: '#2D2A4C',
ContainerActive: '#35325B',
ContainerLine: '#3E3A6A',
OnContainer: '#F0F0FF',
},
Primary: {
Main: '#8B7FFF',
MainHover: '#7A6EF5',
MainActive: '#6E62E8',
MainLine: '#6256DB',
OnMain: '#FFFFFF',
Container: '#3E3A6A',
ContainerHover: '#4A4580',
ContainerActive: '#565096',
ContainerLine: '#625BAC',
OnContainer: '#E8E5FF',
},
Secondary: {
Main: '#FFFFFF',
MainHover: '#E5E5E5',
MainActive: '#D9D9D9',
MainLine: '#CCCCCC',
OnMain: '#1A1A1A',
Container: '#404040',
ContainerHover: '#4D4D4D',
ContainerActive: '#595959',
ContainerLine: '#666666',
OnContainer: '#F2F2F2',
},
Success: {
Main: '#85E0BA',
MainHover: '#70DBAF',
MainActive: '#66D9A9',
MainLine: '#5CD6A3',
OnMain: '#0F3D2A',
Container: '#175C3F',
ContainerHover: '#1A6646',
ContainerActive: '#1C704D',
ContainerLine: '#1F7A54',
OnContainer: '#CCF2E2',
},
Warning: {
Main: '#E3BA91',
MainHover: '#DFAF7E',
MainActive: '#DDA975',
MainLine: '#DAA36C',
OnMain: '#3F2A15',
Container: '#5E3F20',
ContainerHover: '#694624',
ContainerActive: '#734D27',
ContainerLine: '#7D542B',
OnContainer: '#F3E2D1',
},
Critical: {
Main: '#E69D9D',
MainHover: '#E28D8D',
MainActive: '#E08585',
MainLine: '#DE7D7D',
OnMain: '#401C1C',
Container: '#602929',
ContainerHover: '#6B2E2E',
ContainerActive: '#763333',
ContainerLine: '#803737',
OnContainer: '#F5D6D6',
},
Other: {
FocusRing: 'rgba(139, 127, 255, 0.5)',
Shadow: 'rgba(0, 0, 0, 1)',
Overlay: 'rgba(0, 0, 0, 0.85)',
},
});
export const mochaTheme = createTheme(color, {
Background: {
Container: '#1A1614',
ContainerHover: '#242019',
ContainerActive: '#2D2721',
ContainerLine: '#3A332B',
OnContainer: '#FFF8F0',
},
Surface: {
Container: '#242019',
ContainerHover: '#2D2721',
ContainerActive: '#3A332B',
ContainerLine: '#473E35',
OnContainer: '#FFF8F0',
},
SurfaceVariant: {
Container: '#2D2721',
ContainerHover: '#3A332B',
ContainerActive: '#473E35',
ContainerLine: '#54493F',
OnContainer: '#FFF8F0',
},
Primary: {
Main: '#D4A574',
MainHover: '#C4956A',
MainActive: '#B48660',
MainLine: '#A47856',
OnMain: '#1A1614',
Container: '#54493F',
ContainerHover: '#625548',
ContainerActive: '#706151',
ContainerLine: '#7E6D5A',
OnContainer: '#FFE8D4',
},
Secondary: {
Main: '#FFF8F0',
MainHover: '#E8E1D9',
MainActive: '#D9D2CA',
MainLine: '#CAC3BB',
OnMain: '#1A1614',
Container: '#473E35',
ContainerHover: '#54493F',
ContainerActive: '#625548',
ContainerLine: '#706151',
OnContainer: '#F5EDE5',
},
Success: {
Main: '#8FD4A8',
MainHover: '#7DCA99',
MainActive: '#6FC08A',
MainLine: '#61B67B',
OnMain: '#142D1E',
Container: '#1E4A2F',
ContainerHover: '#235538',
ContainerActive: '#286041',
ContainerLine: '#2D6B4A',
OnContainer: '#D4F2E0',
},
Warning: {
Main: '#E8C078',
MainHover: '#E0B268',
MainActive: '#D8A458',
MainLine: '#D09648',
OnMain: '#3A2E15',
Container: '#5E4820',
ContainerHover: '#6B5225',
ContainerActive: '#785C2A',
ContainerLine: '#85662F',
OnContainer: '#FCF0D6',
},
Critical: {
Main: '#E6A0A0',
MainHover: '#E09090',
MainActive: '#DA8080',
MainLine: '#D47070',
OnMain: '#401C1C',
Container: '#5E2929',
ContainerHover: '#6B2E2E',
ContainerActive: '#783333',
ContainerLine: '#853838',
OnContainer: '#F8DEDE',
},
Other: {
FocusRing: 'rgba(212, 165, 116, 0.5)',
Shadow: 'rgba(0, 0, 0, 1)',
Overlay: 'rgba(0, 0, 0, 0.85)',
},
});
export const catppuccinMochaTheme = createTheme(color, {
Background: {
Container: '#11111b',
ContainerHover: '#181825',
ContainerActive: '#1e1e2e',
ContainerLine: '#313244',
OnContainer: '#cdd6f4',
},
Surface: {
Container: '#1e1e2e',
ContainerHover: '#313244',
ContainerActive: '#45475a',
ContainerLine: '#585b70',
OnContainer: '#cdd6f4',
},
SurfaceVariant: {
Container: '#313244',
ContainerHover: '#45475a',
ContainerActive: '#585b70',
ContainerLine: '#6c7086',
OnContainer: '#cdd6f4',
},
Primary: {
Main: '#cba6f7',
MainHover: '#b894e0',
MainActive: '#a682c9',
MainLine: '#9470b2',
OnMain: '#11111b',
Container: '#313244',
ContainerHover: '#45475a',
ContainerActive: '#585b70',
ContainerLine: '#6c7086',
OnContainer: '#cba6f7',
},
Secondary: {
Main: '#bac2de',
MainHover: '#a6adc8',
MainActive: '#9399b2',
MainLine: '#7f849c',
OnMain: '#11111b',
Container: '#1e1e2e',
ContainerHover: '#313244',
ContainerActive: '#45475a',
ContainerLine: '#585b70',
OnContainer: '#cdd6f4',
},
Success: {
Main: '#a6e3a1',
MainHover: '#94d98e',
MainActive: '#82cf7b',
MainLine: '#70c568',
OnMain: '#11111b',
Container: '#1a2e1a',
ContainerHover: '#213821',
ContainerActive: '#284228',
ContainerLine: '#2f4c2f',
OnContainer: '#a6e3a1',
},
Warning: {
Main: '#fab387',
MainHover: '#f8a070',
MainActive: '#f68d59',
MainLine: '#f47a42',
OnMain: '#11111b',
Container: '#2e1f0f',
ContainerHover: '#3a2714',
ContainerActive: '#462f19',
ContainerLine: '#52371e',
OnContainer: '#fab387',
},
Critical: {
Main: '#f38ba8',
MainHover: '#f07494',
MainActive: '#ed5d80',
MainLine: '#ea466c',
OnMain: '#11111b',
Container: '#2e1119',
ContainerHover: '#3a1620',
ContainerActive: '#461b27',
ContainerLine: '#52202e',
OnContainer: '#f38ba8',
},
Other: {
FocusRing: 'rgba(203, 166, 247, 0.6)',
Shadow: 'rgba(0, 0, 0, 0.9)',
Overlay: 'rgba(0, 0, 0, 0.8)',
},
});
/** Notebook / stationery desk — paper, ink, washi accents */
export const stationeryTheme = createTheme(color, {
Background: {
Container: '#D9D0C0',
ContainerHover: '#CFC5B3',
ContainerActive: '#C4B9A5',
ContainerLine: '#B8AC96',
OnContainer: '#2E2A24',
},
Surface: {
Container: '#FFFCF5',
ContainerHover: '#F5F0E6',
ContainerActive: '#EBE4D6',
ContainerLine: '#DDD4C4',
OnContainer: '#2E2A24',
},
SurfaceVariant: {
Container: '#F5F0E6',
ContainerHover: '#EBE4D6',
ContainerActive: '#DDD4C4',
ContainerLine: '#CFC5B3',
OnContainer: '#2E2A24',
},
Primary: {
Main: '#3D7A5F',
MainHover: '#356B53',
MainActive: '#2E5C47',
MainLine: '#274E3C',
OnMain: '#FFFCF5',
Container: '#C8DFD2',
ContainerHover: '#B8D4C4',
ContainerActive: '#A8C9B6',
ContainerLine: '#98BEA8',
OnContainer: '#1E3D2F',
},
Secondary: {
Main: '#2E2A24',
MainHover: '#3F3A32',
MainActive: '#4A443B',
MainLine: '#554E44',
OnMain: '#FFFCF5',
Container: '#DDD4C4',
ContainerHover: '#CFC5B3',
ContainerActive: '#C4B9A5',
ContainerLine: '#B8AC96',
OnContainer: '#2E2A24',
},
Success: {
Main: '#2F7A4A',
MainHover: '#296B41',
MainActive: '#235C38',
MainLine: '#1E4E30',
OnMain: '#FFFCF5',
Container: '#C5E0CF',
ContainerHover: '#B5D6C1',
ContainerActive: '#A5CCB3',
ContainerLine: '#95C2A5',
OnContainer: '#1A4028',
},
Warning: {
Main: '#B87820',
MainHover: '#A66B1C',
MainActive: '#945E19',
MainLine: '#825215',
OnMain: '#FFFCF5',
Container: '#F5E4C0',
ContainerHover: '#F0DBAD',
ContainerActive: '#EBD29A',
ContainerLine: '#E6C987',
OnContainer: '#5C3C10',
},
Critical: {
Main: '#B83A3A',
MainHover: '#A63434',
MainActive: '#942E2E',
MainLine: '#822828',
OnMain: '#FFFCF5',
Container: '#F0C8C8',
ContainerHover: '#EBB8B8',
ContainerActive: '#E6A8A8',
ContainerLine: '#E19898',
OnContainer: '#5C1D1D',
},
Other: {
FocusRing: 'rgba(61, 122, 95, 0.45)',
Shadow: 'rgba(46, 42, 36, 0.18)',
Overlay: 'rgba(46, 42, 36, 0.45)',
},
});
/** Stationery dark — Catppuccin Mocha colors + stationery chrome */
export const stationeryDarkTheme = createTheme(color, {
Background: {
Container: '#11111b',
ContainerHover: '#181825',
ContainerActive: '#1e1e2e',
ContainerLine: '#313244',
OnContainer: '#cdd6f4',
},
Surface: {
Container: '#1e1e2e',
ContainerHover: '#313244',
ContainerActive: '#45475a',
ContainerLine: '#585b70',
OnContainer: '#cdd6f4',
},
SurfaceVariant: {
Container: '#313244',
ContainerHover: '#45475a',
ContainerActive: '#585b70',
ContainerLine: '#6c7086',
OnContainer: '#cdd6f4',
},
Primary: {
Main: '#cba6f7',
MainHover: '#b894e0',
MainActive: '#a682c9',
MainLine: '#9470b2',
OnMain: '#11111b',
Container: '#313244',
ContainerHover: '#45475a',
ContainerActive: '#585b70',
ContainerLine: '#6c7086',
OnContainer: '#cba6f7',
},
Secondary: {
Main: '#bac2de',
MainHover: '#a6adc8',
MainActive: '#9399b2',
MainLine: '#7f849c',
OnMain: '#11111b',
Container: '#1e1e2e',
ContainerHover: '#313244',
ContainerActive: '#45475a',
ContainerLine: '#585b70',
OnContainer: '#cdd6f4',
},
Success: {
Main: '#a6e3a1',
MainHover: '#94d98e',
MainActive: '#82cf7b',
MainLine: '#70c568',
OnMain: '#11111b',
Container: '#1a2e1a',
ContainerHover: '#213821',
ContainerActive: '#284228',
ContainerLine: '#2f4c2f',
OnContainer: '#a6e3a1',
},
Warning: {
Main: '#fab387',
MainHover: '#f8a070',
MainActive: '#f68d59',
MainLine: '#f47a42',
OnMain: '#11111b',
Container: '#2e1f0f',
ContainerHover: '#3a2714',
ContainerActive: '#462f19',
ContainerLine: '#52371e',
OnContainer: '#fab387',
},
Critical: {
Main: '#f38ba8',
MainHover: '#f07494',
MainActive: '#ed5d80',
MainLine: '#ea466c',
OnMain: '#11111b',
Container: '#2e1119',
ContainerHover: '#3a1620',
ContainerActive: '#461b27',
ContainerLine: '#52202e',
OnContainer: '#f38ba8',
},
Other: {
FocusRing: 'rgba(203, 166, 247, 0.6)',
Shadow: 'rgba(0, 0, 0, 0.9)',
Overlay: 'rgba(0, 0, 0, 0.8)',
},
});
Reference in New Issue View Git Blame Copy Permalink