ArkHost/HelixNotes
1
0
Fork 0
mirror of https://gitlab.com/ArkHost/HelixNotes.git synced 2026-07-24 15:55:55 +02:00
Code Issues Projects Releases Wiki Activity

Added Solarized, Github, Nord, Tokyo Night, Dracula, and Catppuccin themes. (#76)

Browse Source 
Reviewed-on: https://codeberg.org/ArkHost/HelixNotes/pulls/76
This commit is contained in:
blake
2026-06-04 21:49:49 +02:00
committed by ArkHost
parent 139ecc8176
commit 0436136533
7 changed files with 376 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/CommandPalette.svelte
+47 -1
View File
@@ -55,6 +55,46 @@
$showCommandPalette = false;
}
},
{
id: 'theme-solarized-light',
label: 'Switch to Solarized Light Theme',
action: () => { $theme = 'solarized-light'; setTheme('solarized-light'); applyTheme('solarized-light'); $showCommandPalette = false; }
},
{
id: 'theme-solarized-dark',
label: 'Switch to Solarized Dark Theme',
action: () => { $theme = 'solarized-dark'; setTheme('solarized-dark'); applyTheme('solarized-dark'); $showCommandPalette = false; }
},
{
id: 'theme-catppuccin',
label: 'Switch to Catppuccin Theme',
action: () => { $theme = 'catppuccin'; setTheme('catppuccin'); applyTheme('catppuccin'); $showCommandPalette = false; }
},
{
id: 'theme-nord',
label: 'Switch to Nord Theme',
action: () => { $theme = 'nord'; setTheme('nord'); applyTheme('nord'); $showCommandPalette = false; }
},
{
id: 'theme-tokyo-night',
label: 'Switch to Tokyo Night Theme',
action: () => { $theme = 'tokyo-night'; setTheme('tokyo-night'); applyTheme('tokyo-night'); $showCommandPalette = false; }
},
{
id: 'theme-github-light',
label: 'Switch to GitHub Light Theme',
action: () => { $theme = 'github-light'; setTheme('github-light'); applyTheme('github-light'); $showCommandPalette = false; }
},
{
id: 'theme-github-dark',
label: 'Switch to GitHub Dark Theme',
action: () => { $theme = 'github-dark'; setTheme('github-dark'); applyTheme('github-dark'); $showCommandPalette = false; }
},
{
id: 'theme-dracula',
label: 'Switch to Dracula Theme',
action: () => { $theme = 'dracula'; setTheme('dracula'); applyTheme('dracula'); $showCommandPalette = false; }
},
{
id: 'toggle-source',
label: 'Toggle Source/WYSIWYG Mode',
@@ -102,9 +142,15 @@
}
function applyTheme(t: string) {
const darkThemes = ['dark', 'solarized-dark', 'catppuccin', 'nord', 'tokyo-night', 'github-dark', 'dracula'];
const namedThemes = ['solarized-light', 'solarized-dark', 'catppuccin', 'nord', 'tokyo-night', 'github-light', 'github-dark', 'dracula'];
const root = document.documentElement;
root.classList.remove('dark');
if (t === 'dark' || (t === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
root.removeAttribute('data-theme');
if (namedThemes.includes(t)) {
root.setAttribute('data-theme', t);
if (darkThemes.includes(t)) root.classList.add('dark');
} else if (t === 'dark' || (t === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
root.classList.add('dark');
}
}