VRCX/src/shared/constants/themes.js

export const THEME_CONFIG = {
    system: {
        isDark: 'system',
        name: 'System'
    },
    light: {
        isDark: false,
        name: 'Light'
    },
    dark: {
        isDark: true,
        name: 'Dark'
    },
    midnight: {
        isDark: true,
        name: 'Midnight',
        file: 'midnight.css'
    }
};

export const THEME_COLORS = [
    {
        key: 'default',
        label: 'Default',
        swatch: 'oklch(0.205 0 0)',
        file: null
    },
    {
        key: 'blue',
        label: 'Blue',
        swatch: 'oklch(0.488 0.243 264.376)',
        file: 'blue.css'
    },
    {
        key: 'green',
        label: 'Green',
        swatch: 'oklch(0.648 0.2 131.684)',
        file: 'green.css'
    },
    {
        key: 'orange',
        label: 'Orange',
        swatch: 'oklch(0.646 0.222 41.116)',
        file: 'orange.css'
    },
    {
        key: 'red',
        label: 'Red',
        swatch: 'oklch(0.577 0.245 27.325)',
        file: 'red.css'
    },
    {
        key: 'rose',
        label: 'Rose',
        swatch: 'oklch(0.586 0.253 17.585)',
        file: 'rose.css'
    },
    {
        key: 'violet',
        label: 'Violet',
        swatch: 'oklch(0.541 0.281 293.009)',
        file: 'violet.css'
    },
    {
        key: 'yellow',
        label: 'Yellow',
        swatch: 'oklch(0.852 0.199 91.936)',
        file: 'yellow.css'
    }
];