shitty theme improvements

This commit is contained in:
Aljaz Ceru
2025-06-05 10:20:10 +02:00
parent 2785d9d6b6
commit 99c701e7a1

251
script.js
View File

@@ -16,16 +16,16 @@ const colorThemes = {
primary: '#4a314d',
background: '#ffffff',
text: '#1a090d',
cardBackground: '#a8ba9a',
cardBackground: '#f8f9fa',
sidebarBackground: '#6b6570',
hoverColor: '#ace894'
},
dark: {
background: '#1a090d',
text: '#ace894',
cardBackground: '#4a314d',
sidebarBackground: '#6b6570',
linkColor: '#a8ba9a'
background: '#1a1a1a',
text: '#e8e8e8',
cardBackground: '#2d2d2d',
sidebarBackground: '#333333',
linkColor: '#88cc88'
}
},
purple: {
@@ -33,16 +33,16 @@ const colorThemes = {
primary: '#9c528b',
background: '#ffffff',
text: '#2f0147',
cardBackground: '#e2c2c6',
cardBackground: '#f7f3f7',
sidebarBackground: '#b9929f',
hoverColor: '#610f7f'
hoverColor: '#c470a4'
},
dark: {
background: '#2f0147',
text: '#e2c2c6',
cardBackground: '#9c528b',
sidebarBackground: '#610f7f',
linkColor: '#b9929f'
background: '#1a0d1a',
text: '#e6d6e6',
cardBackground: '#301a30',
sidebarBackground: '#4a2d4a',
linkColor: '#cc88cc'
}
},
nature: {
@@ -50,16 +50,16 @@ const colorThemes = {
primary: '#2c5530',
background: '#ffffff',
text: '#1a2f1c',
cardBackground: '#a7c4aa',
cardBackground: '#f8faf8',
sidebarBackground: '#718355',
hoverColor: '#90a955'
},
dark: {
background: '#1a2f1c',
text: '#90a955',
cardBackground: '#2c5530',
sidebarBackground: '#718355',
linkColor: '#a7c4aa'
background: '#0f1a0f',
text: '#d4e6d4',
cardBackground: '#1a331a',
sidebarBackground: '#264d26',
linkColor: '#99dd99'
}
},
sunset: {
@@ -67,50 +67,50 @@ const colorThemes = {
primary: '#cf5c36',
background: '#ffffff',
text: '#1f1f1f',
cardBackground: '#eec584',
cardBackground: '#fdf8f3',
sidebarBackground: '#c8963e',
hoverColor: '#f3a953'
},
dark: {
background: '#1f1f1f',
text: '#eec584',
cardBackground: '#cf5c36',
sidebarBackground: '#c8963e',
linkColor: '#f3a953'
background: '#1a0f0a',
text: '#ffd4a3',
cardBackground: '#2d1a0d',
sidebarBackground: '#4d2d1a',
linkColor: '#ffaa55'
}
},
grape: {
light: {
primary: '#642ca9',
background: '#ffffff',
text: '#642ca9',
cardBackground: '#ffb8de',
sidebarBackground: '#ffdde1',
hoverColor: '#ff36ab'
text: '#2d1a47',
cardBackground: '#faf7fd',
sidebarBackground: '#9775cc',
hoverColor: '#8855cc'
},
dark: {
background: '#642ca9',
text: '#ffdde1',
cardBackground: '#ff36ab',
sidebarBackground: '#ff74d4',
linkColor: '#ffb8de'
background: '#0d0a1a',
text: '#e6d4ff',
cardBackground: '#1a0d33',
sidebarBackground: '#33204d',
linkColor: '#bb88ff'
}
},
autumn: {
light: {
primary: '#d95d39',
background: '#ffffff',
text: '#0e1428',
cardBackground: '#f0a202',
sidebarBackground: '#7b9e89',
text: '#2d1a0f',
cardBackground: '#fdf7f0',
sidebarBackground: '#cc8866',
hoverColor: '#f18805'
},
dark: {
background: '#0e1428',
text: '#f0a202',
cardBackground: '#d95d39',
sidebarBackground: '#7b9e89',
linkColor: '#f18805'
background: '#1a0f0a',
text: '#ffcc99',
cardBackground: '#331a0d',
sidebarBackground: '#4d2d1a',
linkColor: '#ffaa77'
}
},
midnight: {
@@ -118,67 +118,101 @@ const colorThemes = {
primary: '#b91372',
background: '#ffffff',
text: '#31081f',
cardBackground: '#fa198b',
sidebarBackground: '#6b0f1a',
hoverColor: '#fa198b'
cardBackground: '#fdf3f7',
sidebarBackground: '#d988aa',
hoverColor: '#e6558c'
},
dark: {
background: '#0e0004',
text: '#fa198b',
cardBackground: '#b91372',
sidebarBackground: '#31081f',
linkColor: '#fa198b'
background: '#0a0005',
text: '#ff99cc',
cardBackground: '#260d1a',
sidebarBackground: '#4d1a33',
linkColor: '#ff77bb'
}
},
rosenoir: {
slate: {
light: {
primary: '#792359',
primary: '#475569',
background: '#ffffff',
text: '#2f2d2e',
cardBackground: '#fd3e81',
sidebarBackground: '#41292c',
hoverColor: '#d72483'
text: '#1e293b',
cardBackground: '#f8fafc',
sidebarBackground: '#94a3b8',
hoverColor: '#64748b'
},
dark: {
background: '#2f2d2e',
text: '#fd3e81',
cardBackground: '#792359',
sidebarBackground: '#41292c',
linkColor: '#d72483'
background: '#0f172a',
text: '#cbd5e1',
cardBackground: '#1e293b',
sidebarBackground: '#334155',
linkColor: '#94a3b8'
}
},
materialkit: {
forest: {
light: {
primary: '#d4a574',
background: '#f8f9fa',
text: '#2c2c2c',
cardBackground: '#7fb069',
sidebarBackground: '#a67c52',
hoverColor: '#7fb069'
primary: '#16a085',
background: '#ffffff',
text: '#2c3e50',
cardBackground: '#f0fdf4',
sidebarBackground: '#52d4a6',
hoverColor: '#1abc9c'
},
dark: {
background: '#2c2c2c',
text: '#f8f9fa',
cardBackground: '#a67c52',
sidebarBackground: '#3d3d3d',
linkColor: '#d4a574'
background: '#0a1a12',
text: '#a7f3d0',
cardBackground: '#064e3b',
sidebarBackground: '#047857',
linkColor: '#6ee7b7'
}
},
ocean: {
light: {
primary: '#2563eb',
background: '#ffffff',
text: '#1e40af',
cardBackground: '#eff6ff',
sidebarBackground: '#60a5fa',
hoverColor: '#3b82f6'
},
dark: {
background: '#0c1429',
text: '#bfdbfe',
cardBackground: '#1e3a8a',
sidebarBackground: '#1d4ed8',
linkColor: '#93c5fd'
}
},
cherry: {
light: {
primary: '#dc2626',
background: '#ffffff',
text: '#991b1b',
cardBackground: '#fef2f2',
sidebarBackground: '#f87171',
hoverColor: '#ef4444'
},
dark: {
background: '#1a0606',
text: '#fecaca',
cardBackground: '#7f1d1d',
sidebarBackground: '#991b1b',
linkColor: '#fb7185'
}
},
cyberpunk: {
light: {
primary: '#1a1a1a',
background: '#121212',
text: '#00ffff',
cardBackground: '#2a2a2a',
sidebarBackground: '#1f1f1f',
hoverColor: '#ff0080'
primary: '#8b5cf6',
background: '#fafafa',
text: '#171717',
cardBackground: '#f5f5f5',
sidebarBackground: '#a78bfa',
hoverColor: '#7c3aed'
},
dark: {
background: '#0d0d0d',
background: '#0a0a0a',
text: '#00ffff',
cardBackground: '#1a1a1a',
sidebarBackground: '#111111',
linkColor: '#ff0080'
cardBackground: '#1a0a1a',
sidebarBackground: '#2a1a2a',
linkColor: '#ff0099'
}
},
nord: {
@@ -186,7 +220,7 @@ const colorThemes = {
primary: '#5e81ac',
background: '#eceff4',
text: '#2e3440',
cardBackground: '#d8dee9',
cardBackground: '#e5e9f0',
sidebarBackground: '#81a1c1',
hoverColor: '#88c0d0'
},
@@ -194,50 +228,33 @@ const colorThemes = {
background: '#2e3440',
text: '#d8dee9',
cardBackground: '#3b4252',
sidebarBackground: '#4c566a',
linkColor: '#8fbcbb'
sidebarBackground: '#434c5e',
linkColor: '#88c0d0'
}
},
pastel: {
warm: {
light: {
primary: '#ff88a2',
background: '#fff9f8',
text: '#301934',
cardBackground: '#ffd7e0',
sidebarBackground: '#ffc7d8',
hoverColor: '#ffb3c6'
primary: '#f59e0b',
background: '#ffffff',
text: '#92400e',
cardBackground: '#fffbeb',
sidebarBackground: '#fbbf24',
hoverColor: '#f97316'
},
dark: {
background: '#301934',
text: '#ffd7e0',
cardBackground: '#ff88a2',
sidebarBackground: '#592653',
linkColor: '#ffc7d8'
}
},
oceanic: {
light: {
primary: '#0077b6',
background: '#f0fbff',
text: '#003049',
cardBackground: '#cce9f7',
sidebarBackground: '#48cae4',
hoverColor: '#0096c7'
},
dark: {
background: '#003049',
text: '#ade8f4',
cardBackground: '#0077b6',
sidebarBackground: '#014f86',
linkColor: '#48cae4'
background: '#1c1917',
text: '#fed7aa',
cardBackground: '#451a03',
sidebarBackground: '#78350f',
linkColor: '#fb923c'
}
},
dracula: {
light: { /* keeps light mode usable */
light: {
primary: '#bd93f9',
background: '#ffffff',
text: '#282a36',
cardBackground: '#eaeaea',
cardBackground: '#f8f8f2',
sidebarBackground: '#cfc9e3',
hoverColor: '#ff79c6'
},