feat: remove default graphite theme and add indigo theme.

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
This commit is contained in:
2026-07-10 18:02:29 -04:00
parent bea96d1e52
commit 4d97733514
3 changed files with 46 additions and 43 deletions
+2 -2
View File
@@ -50,9 +50,9 @@
"presets": {
"amber": "Amber",
"custom": "Custom",
"default": "Indigo",
"default": "Graphite",
"emerald": "Emerald",
"graphite": "Graphite",
"indigo": "Indigo",
"ocean": "Ocean",
"rose": "Rose"
},
+2 -2
View File
@@ -8,12 +8,12 @@
"system": "System"
},
"presets": {
"default": "Indigo",
"default": "Graphite",
"indigo": "Indigo",
"emerald": "Emerald",
"rose": "Rose",
"amber": "Amber",
"ocean": "Ocean",
"graphite": "Graphite",
"custom": "Custom"
},
"tokens": {
+42 -39
View File
@@ -12,12 +12,53 @@ export const DEFAULT_FONT = 'Public Sans'
export const PRESETS: ThemerPreset[] = [
{
id: 'default',
label: 'Indigo',
label: 'Graphite',
l10n: 'presets.default',
light: { colors: {} },
dark: { colors: {} },
},
{
id: 'indigo',
label: 'Indigo',
l10n: 'presets.indigo',
light: {
colors: {
'primary': '#6366F1',
'on-primary': '#FFFFFF',
'primary-darken-1': '#4F46E5',
'primary-lighten-1': '#818CF8',
'secondary': '#8B5CF6',
'on-secondary': '#FFFFFF',
'secondary-darken-1': '#7C3AED',
'secondary-lighten-1': '#A78BFA',
'background': '#F8FAFC',
},
},
dark: {
colors: {
'primary': '#818CF8',
'on-primary': '#FFFFFF',
'primary-darken-1': '#6366F1',
'primary-lighten-1': '#A5B4FC',
'secondary': '#A78BFA',
'on-secondary': '#FFFFFF',
'secondary-darken-1': '#8B5CF6',
'secondary-lighten-1': '#C4B5FD',
'background': '#0F172A',
'surface': '#1E293B',
'surface-bright': '#334155',
'surface-variant': '#1E293B',
'grey-lighten-3': '#334155',
'grey-lighten-4': '#1E293B',
'grey-lighten-5': '#0F172A',
'perfect-scrollbar-thumb': '#475569',
'track-bg': '#334155',
},
variables: { 'border-color': '#334155' },
},
},
{
id: 'emerald',
label: 'Emerald',
@@ -196,44 +237,6 @@ export const PRESETS: ThemerPreset[] = [
},
},
{
id: 'graphite',
label: 'Graphite',
l10n: 'presets.graphite',
light: {
colors: {
'primary': '#334155',
'primary-darken-1': '#1E293B',
'primary-lighten-1': '#64748B',
'secondary': '#64748B',
'secondary-darken-1': '#475569',
'secondary-lighten-1': '#94A3B8',
'background': '#F6F7F9',
},
},
dark: {
colors: {
'primary': '#94A3B8',
'on-primary': '#0F172A',
'primary-darken-1': '#64748B',
'primary-lighten-1': '#CBD5E1',
'secondary': '#CBD5E1',
'on-secondary': '#0F172A',
'secondary-darken-1': '#94A3B8',
'secondary-lighten-1': '#E2E8F0',
'background': '#0B0F17',
'surface': '#151A23',
'surface-bright': '#232A36',
'surface-variant': '#151A23',
'grey-lighten-3': '#2A3240',
'grey-lighten-4': '#151A23',
'grey-lighten-5': '#0B0F17',
'perfect-scrollbar-thumb': '#3A4353',
'track-bg': '#232A36',
},
variables: { 'border-color': '#2A3240' },
},
},
]
export function getPreset(id: string | null | undefined): ThemerPreset | undefined {