feat: more presets

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
This commit is contained in:
2026-07-10 18:23:13 -04:00
parent 4d97733514
commit 4714decd79
3 changed files with 598 additions and 1 deletions
+14 -1
View File
@@ -49,12 +49,25 @@
}, },
"presets": { "presets": {
"amber": "Amber", "amber": "Amber",
"arctic": "Arctic",
"citrus": "Citrus",
"cobalt": "Cobalt",
"contrast": "High Contrast",
"crimson": "Crimson",
"custom": "Custom", "custom": "Custom",
"default": "Graphite", "default": "Graphite",
"emerald": "Emerald", "emerald": "Emerald",
"forest": "Forest",
"grape": "Grape",
"indigo": "Indigo", "indigo": "Indigo",
"midnight": "Midnight",
"mono": "Mono",
"ocean": "Ocean", "ocean": "Ocean",
"rose": "Rose" "rose": "Rose",
"sakura": "Sakura",
"sepia": "Sepia",
"solar": "Solar",
"vampire": "Vampire"
}, },
"settings": { "settings": {
"createCustom": "Customize", "createCustom": "Customize",
+13
View File
@@ -14,6 +14,19 @@
"rose": "Rose", "rose": "Rose",
"amber": "Amber", "amber": "Amber",
"ocean": "Ocean", "ocean": "Ocean",
"grape": "Grape",
"crimson": "Crimson",
"cobalt": "Cobalt",
"forest": "Forest",
"citrus": "Citrus",
"sepia": "Sepia",
"sakura": "Sakura",
"midnight": "Midnight",
"arctic": "Arctic",
"vampire": "Vampire",
"solar": "Solar",
"mono": "Mono",
"contrast": "High Contrast",
"custom": "Custom" "custom": "Custom"
}, },
"tokens": { "tokens": {
+571
View File
@@ -237,6 +237,577 @@ export const PRESETS: ThemerPreset[] = [
}, },
}, },
{
id: 'grape',
label: 'Grape',
l10n: 'presets.grape',
light: {
colors: {
'primary': '#7C3AED',
'primary-darken-1': '#6D28D9',
'primary-lighten-1': '#A78BFA',
'secondary': '#C026D3',
'secondary-darken-1': '#A21CAF',
'secondary-lighten-1': '#E879F9',
'background': '#FAF7FD',
'surface-variant': '#F4EDFA',
'grey-lighten-4': '#F4EDFA',
'grey-lighten-5': '#FAF7FD',
'track-bg': '#F4EDFA',
},
variables: { 'border-color': '#E8DCF2' },
},
dark: {
colors: {
'primary': '#A78BFA',
'on-primary': '#2E1065',
'primary-darken-1': '#8B5CF6',
'primary-lighten-1': '#C4B5FD',
'secondary': '#E879F9',
'on-secondary': '#4A044E',
'secondary-darken-1': '#D946EF',
'secondary-lighten-1': '#F0ABFC',
'background': '#120D1B',
'surface': '#1C1527',
'surface-bright': '#2A2038',
'surface-variant': '#1C1527',
'grey-lighten-3': '#342947',
'grey-lighten-4': '#1C1527',
'grey-lighten-5': '#120D1B',
'perfect-scrollbar-thumb': '#453759',
'track-bg': '#2A2038',
},
variables: { 'border-color': '#342947' },
},
},
{
id: 'crimson',
label: 'Crimson',
l10n: 'presets.crimson',
light: {
colors: {
'primary': '#DC2626',
'primary-darken-1': '#B91C1C',
'primary-lighten-1': '#F87171',
'secondary': '#C2410C',
'secondary-darken-1': '#9A3412',
'secondary-lighten-1': '#FB923C',
'background': '#FCF7F6',
'surface-variant': '#FAEDEA',
'grey-lighten-4': '#FAEDEA',
'grey-lighten-5': '#FCF7F6',
'track-bg': '#FAEDEA',
},
variables: { 'border-color': '#F0DDD7' },
},
dark: {
colors: {
'primary': '#F87171',
'on-primary': '#450A0A',
'primary-darken-1': '#EF4444',
'primary-lighten-1': '#FCA5A5',
'secondary': '#FB923C',
'on-secondary': '#431407',
'secondary-darken-1': '#F97316',
'secondary-lighten-1': '#FDBA74',
'background': '#170D0D',
'surface': '#221514',
'surface-bright': '#311F1E',
'surface-variant': '#221514',
'grey-lighten-3': '#3B2726',
'grey-lighten-4': '#221514',
'grey-lighten-5': '#170D0D',
'perfect-scrollbar-thumb': '#4E3331',
'track-bg': '#311F1E',
},
variables: { 'border-color': '#3B2726' },
},
},
{
id: 'cobalt',
label: 'Cobalt',
l10n: 'presets.cobalt',
light: {
colors: {
'primary': '#2563EB',
'primary-darken-1': '#1D4ED8',
'primary-lighten-1': '#60A5FA',
'secondary': '#0EA5E9',
'secondary-darken-1': '#0284C7',
'secondary-lighten-1': '#38BDF8',
'background': '#F5F8FD',
'surface-variant': '#EBF1FA',
'grey-lighten-4': '#EBF1FA',
'grey-lighten-5': '#F5F8FD',
'track-bg': '#EBF1FA',
},
variables: { 'border-color': '#DCE6F3' },
},
dark: {
colors: {
'primary': '#60A5FA',
'on-primary': '#172554',
'primary-darken-1': '#3B82F6',
'primary-lighten-1': '#93C5FD',
'secondary': '#38BDF8',
'on-secondary': '#082F49',
'secondary-darken-1': '#0EA5E9',
'secondary-lighten-1': '#7DD3FC',
'background': '#0B0F1A',
'surface': '#131A29',
'surface-bright': '#1D2839',
'surface-variant': '#131A29',
'grey-lighten-3': '#273349',
'grey-lighten-4': '#131A29',
'grey-lighten-5': '#0B0F1A',
'perfect-scrollbar-thumb': '#33425C',
'track-bg': '#1D2839',
},
variables: { 'border-color': '#273349' },
},
},
{
id: 'forest',
label: 'Forest',
l10n: 'presets.forest',
light: {
colors: {
'primary': '#166534',
'primary-darken-1': '#14532D',
'primary-lighten-1': '#22C55E',
'secondary': '#4D7C0F',
'secondary-darken-1': '#3F6212',
'secondary-lighten-1': '#84CC16',
'background': '#F5F9F3',
'surface-variant': '#EBF3E7',
'grey-lighten-4': '#EBF3E7',
'grey-lighten-5': '#F5F9F3',
'track-bg': '#EBF3E7',
},
variables: { 'border-color': '#DCE9D4' },
},
dark: {
colors: {
'primary': '#4ADE80',
'on-primary': '#052E16',
'primary-darken-1': '#22C55E',
'primary-lighten-1': '#86EFAC',
'secondary': '#A3E635',
'on-secondary': '#1A2E05',
'secondary-darken-1': '#84CC16',
'secondary-lighten-1': '#BEF264',
'background': '#0B130C',
'surface': '#131F15',
'surface-bright': '#1D2D1F',
'surface-variant': '#131F15',
'grey-lighten-3': '#253829',
'grey-lighten-4': '#131F15',
'grey-lighten-5': '#0B130C',
'perfect-scrollbar-thumb': '#314834',
'track-bg': '#1D2D1F',
},
variables: { 'border-color': '#253829' },
},
},
{
id: 'citrus',
label: 'Citrus',
l10n: 'presets.citrus',
light: {
colors: {
'primary': '#65A30D',
'primary-darken-1': '#4D7C0F',
'primary-lighten-1': '#A3E635',
'secondary': '#CA8A04',
'secondary-darken-1': '#A16207',
'secondary-lighten-1': '#FACC15',
'background': '#F9FAF1',
'surface-variant': '#F2F5E3',
'grey-lighten-4': '#F2F5E3',
'grey-lighten-5': '#F9FAF1',
'track-bg': '#F2F5E3',
},
variables: { 'border-color': '#E5EBCE' },
},
dark: {
colors: {
'primary': '#A3E635',
'on-primary': '#1A2E05',
'primary-darken-1': '#84CC16',
'primary-lighten-1': '#BEF264',
'secondary': '#FACC15',
'on-secondary': '#422006',
'secondary-darken-1': '#EAB308',
'secondary-lighten-1': '#FDE047',
'background': '#101206',
'surface': '#1A1D0E',
'surface-bright': '#262B16',
'surface-variant': '#1A1D0E',
'grey-lighten-3': '#333921',
'grey-lighten-4': '#1A1D0E',
'grey-lighten-5': '#101206',
'perfect-scrollbar-thumb': '#434A2D',
'track-bg': '#262B16',
},
variables: { 'border-color': '#333921' },
},
},
{
id: 'sepia',
label: 'Sepia',
l10n: 'presets.sepia',
light: {
colors: {
'primary': '#6F4E37',
'primary-darken-1': '#593E2C',
'primary-lighten-1': '#A07855',
'secondary': '#A16207',
'secondary-darken-1': '#854D0E',
'secondary-lighten-1': '#CA8A04',
'background': '#FAF6EF',
'surface-variant': '#F3ECDF',
'grey-lighten-4': '#F3ECDF',
'grey-lighten-5': '#FAF6EF',
'track-bg': '#F3ECDF',
},
variables: { 'border-color': '#E8DECA' },
},
dark: {
colors: {
'primary': '#C9A47F',
'on-primary': '#2A1B10',
'primary-darken-1': '#A07855',
'primary-lighten-1': '#DEC3A5',
'secondary': '#D9B45B',
'on-secondary': '#2A2008',
'secondary-darken-1': '#BB9440',
'secondary-lighten-1': '#E8CD8A',
'background': '#141009',
'surface': '#1E1811',
'surface-bright': '#2B2318',
'surface-variant': '#1E1811',
'grey-lighten-3': '#382E20',
'grey-lighten-4': '#1E1811',
'grey-lighten-5': '#141009',
'perfect-scrollbar-thumb': '#4A3D2B',
'track-bg': '#2B2318',
},
variables: { 'border-color': '#382E20' },
},
},
{
id: 'sakura',
label: 'Sakura',
l10n: 'presets.sakura',
light: {
colors: {
'primary': '#C0446E',
'primary-darken-1': '#A32D57',
'primary-lighten-1': '#E38AA9',
'secondary': '#8E4EC6',
'secondary-darken-1': '#7639A8',
'secondary-lighten-1': '#B78BE0',
'background': '#FDF7F9',
'surface-variant': '#FAEDF2',
'grey-lighten-4': '#FAEDF2',
'grey-lighten-5': '#FDF7F9',
'track-bg': '#FAEDF2',
},
variables: { 'border-color': '#F2DEE7' },
},
dark: {
colors: {
'primary': '#F9A8D4',
'on-primary': '#500724',
'primary-darken-1': '#F472B6',
'primary-lighten-1': '#FBCFE8',
'secondary': '#D8B4FE',
'on-secondary': '#3B0764',
'secondary-darken-1': '#C084FC',
'secondary-lighten-1': '#E9D5FF',
'background': '#161014',
'surface': '#211820',
'surface-bright': '#30222D',
'surface-variant': '#211820',
'grey-lighten-3': '#3C2B37',
'grey-lighten-4': '#211820',
'grey-lighten-5': '#161014',
'perfect-scrollbar-thumb': '#4E3947',
'track-bg': '#30222D',
},
variables: { 'border-color': '#3C2B37' },
},
},
{
id: 'midnight',
label: 'Midnight',
l10n: 'presets.midnight',
light: {
colors: {
'primary': '#111827',
'primary-darken-1': '#030712',
'primary-lighten-1': '#374151',
'secondary': '#0891B2',
'secondary-darken-1': '#0E7490',
'secondary-lighten-1': '#22D3EE',
'background': '#F7F8FA',
'surface-variant': '#EFF1F4',
'grey-lighten-4': '#EFF1F4',
'grey-lighten-5': '#F7F8FA',
'track-bg': '#EFF1F4',
},
variables: { 'border-color': '#E1E4EA' },
},
dark: {
colors: {
'primary': '#67E8F9',
'on-primary': '#083344',
'primary-darken-1': '#22D3EE',
'primary-lighten-1': '#A5F3FC',
'secondary': '#D1D5DB',
'on-secondary': '#111827',
'secondary-darken-1': '#9CA3AF',
'secondary-lighten-1': '#E5E7EB',
'background': '#05070B',
'surface': '#0C0F16',
'surface-bright': '#161B24',
'surface-variant': '#0C0F16',
'grey-lighten-3': '#202632',
'grey-lighten-4': '#0C0F16',
'grey-lighten-5': '#05070B',
'perfect-scrollbar-thumb': '#2C3442',
'track-bg': '#161B24',
},
variables: { 'border-color': '#202632' },
},
},
{
id: 'arctic',
label: 'Arctic',
l10n: 'presets.arctic',
light: {
colors: {
'primary': '#4C6A91',
'primary-darken-1': '#3E5677',
'primary-lighten-1': '#81A1C1',
'secondary': '#4E7A85',
'secondary-darken-1': '#3F636C',
'secondary-lighten-1': '#8FBCBB',
'background': '#ECEFF4',
'surface-variant': '#E5E9F0',
'grey-lighten-4': '#E5E9F0',
'grey-lighten-5': '#ECEFF4',
'track-bg': '#E5E9F0',
},
variables: { 'border-color': '#D8DEE9' },
},
dark: {
colors: {
'primary': '#88C0D0',
'on-primary': '#2E3440',
'primary-darken-1': '#5E81AC',
'primary-lighten-1': '#A8D3DF',
'secondary': '#81A1C1',
'on-secondary': '#2E3440',
'secondary-darken-1': '#5E81AC',
'secondary-lighten-1': '#A3BDD6',
'background': '#242933',
'surface': '#2E3440',
'surface-bright': '#3B4252',
'surface-variant': '#2E3440',
'grey-lighten-3': '#434C5E',
'grey-lighten-4': '#2E3440',
'grey-lighten-5': '#242933',
'perfect-scrollbar-thumb': '#4C566A',
'track-bg': '#3B4252',
},
variables: { 'border-color': '#434C5E' },
},
},
{
id: 'vampire',
label: 'Vampire',
l10n: 'presets.vampire',
light: {
colors: {
'primary': '#644AC9',
'primary-darken-1': '#503BA3',
'primary-lighten-1': '#BD93F9',
'secondary': '#B93283',
'secondary-darken-1': '#99286C',
'secondary-lighten-1': '#FF79C6',
'background': '#F8F8F2',
'surface-variant': '#EFEFE6',
'grey-lighten-4': '#EFEFE6',
'grey-lighten-5': '#F8F8F2',
'track-bg': '#EFEFE6',
},
variables: { 'border-color': '#E0E0D4' },
},
dark: {
colors: {
'primary': '#BD93F9',
'on-primary': '#21222C',
'primary-darken-1': '#9A6DE8',
'primary-lighten-1': '#D3B8FA',
'secondary': '#FF79C6',
'on-secondary': '#21222C',
'secondary-darken-1': '#E356A7',
'secondary-lighten-1': '#FFA8D9',
'background': '#1E2029',
'surface': '#282A36',
'surface-bright': '#343746',
'surface-variant': '#282A36',
'grey-lighten-3': '#44475A',
'grey-lighten-4': '#282A36',
'grey-lighten-5': '#1E2029',
'perfect-scrollbar-thumb': '#565973',
'track-bg': '#343746',
},
variables: { 'border-color': '#44475A' },
},
},
{
id: 'solar',
label: 'Solar',
l10n: 'presets.solar',
light: {
colors: {
'primary': '#1E6FA8',
'primary-darken-1': '#175A88',
'primary-lighten-1': '#4FA8E0',
'secondary': '#21807A',
'secondary-darken-1': '#196660',
'secondary-lighten-1': '#2AA198',
'background': '#FDF6E3',
'surface-variant': '#EEE8D5',
'grey-lighten-4': '#EEE8D5',
'grey-lighten-5': '#FDF6E3',
'track-bg': '#EEE8D5',
},
variables: { 'border-color': '#E0D9C0' },
},
dark: {
colors: {
'primary': '#5CACE2',
'on-primary': '#00212B',
'primary-darken-1': '#268BD2',
'primary-lighten-1': '#8CC8ED',
'secondary': '#4FBDB4',
'on-secondary': '#00212B',
'secondary-darken-1': '#2AA198',
'secondary-lighten-1': '#7FD1CA',
'background': '#00212B',
'surface': '#002B36',
'surface-bright': '#073642',
'surface-variant': '#002B36',
'grey-lighten-3': '#0F4756',
'grey-lighten-4': '#002B36',
'grey-lighten-5': '#00212B',
'perfect-scrollbar-thumb': '#17586A',
'track-bg': '#073642',
},
variables: { 'border-color': '#0F4756' },
},
},
{
id: 'mono',
label: 'Mono',
l10n: 'presets.mono',
light: {
colors: {
'primary': '#262626',
'primary-darken-1': '#171717',
'primary-lighten-1': '#525252',
'secondary': '#525252',
'secondary-darken-1': '#404040',
'secondary-lighten-1': '#737373',
'background': '#F7F7F7',
'surface-variant': '#F0F0F0',
'grey-lighten-4': '#F0F0F0',
'grey-lighten-5': '#F7F7F7',
'track-bg': '#F0F0F0',
},
variables: { 'border-color': '#E3E3E3' },
},
dark: {
colors: {
'primary': '#D4D4D4',
'on-primary': '#171717',
'primary-darken-1': '#A3A3A3',
'primary-lighten-1': '#E5E5E5',
'secondary': '#A3A3A3',
'on-secondary': '#171717',
'secondary-darken-1': '#737373',
'secondary-lighten-1': '#D4D4D4',
'background': '#0D0D0D',
'surface': '#161616',
'surface-bright': '#232323',
'surface-variant': '#161616',
'grey-lighten-3': '#2E2E2E',
'grey-lighten-4': '#161616',
'grey-lighten-5': '#0D0D0D',
'perfect-scrollbar-thumb': '#3D3D3D',
'track-bg': '#232323',
},
variables: { 'border-color': '#2E2E2E' },
},
},
{
id: 'contrast',
label: 'High Contrast',
l10n: 'presets.contrast',
light: {
colors: {
'primary': '#1D4ED8',
'primary-darken-1': '#1E3A8A',
'primary-lighten-1': '#3B82F6',
'secondary': '#171717',
'secondary-darken-1': '#000000',
'secondary-lighten-1': '#404040',
'background': '#FFFFFF',
'surface-variant': '#F2F2F2',
'grey-lighten-4': '#F2F2F2',
'grey-lighten-5': '#FFFFFF',
'track-bg': '#F2F2F2',
},
variables: { 'border-color': '#111111', 'border-opacity': 0.6 },
},
dark: {
colors: {
'primary': '#FFD60A',
'on-primary': '#000000',
'primary-darken-1': '#D4B100',
'primary-lighten-1': '#FFE657',
'secondary': '#FFFFFF',
'on-secondary': '#000000',
'secondary-darken-1': '#D4D4D4',
'secondary-lighten-1': '#FFFFFF',
'background': '#000000',
'surface': '#0A0A0A',
'surface-bright': '#1F1F1F',
'surface-variant': '#0A0A0A',
'grey-lighten-3': '#333333',
'grey-lighten-4': '#0A0A0A',
'grey-lighten-5': '#000000',
'perfect-scrollbar-thumb': '#666666',
'track-bg': '#1F1F1F',
},
variables: { 'border-color': '#FFFFFF', 'border-opacity': 0.6 },
},
},
] ]
export function getPreset(id: string | null | undefined): ThemerPreset | undefined { export function getPreset(id: string | null | undefined): ThemerPreset | undefined {