max/nodarium
1
0
Fork 0
Code Issues 11 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

feat: add high-contrast-light theme

Browse Source
This commit is contained in:
max_richter
2026-02-09 16:04:17 +01:00
parent 46202451ba
commit 21d0f0da5a
4 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/src/lib/settings/app-settings.svelte.ts
View File

@@ -6,6 +6,7 @@ const themes = [
'catppuccin', 'catppuccin',
'solarized', 'solarized',
'high-contrast', 'high-contrast',
'high-contrast-light',
'nord', 'nord',
'dracula' 'dracula'
] as const; ] as const;

12
packages/ui/src/lib/app.css
View File

@@ -144,11 +144,21 @@ html.theme-high-contrast {
--color-outline: white; --color-outline: white;
--color-layer-0: black; --color-layer-0: black;
--color-layer-1: black; --color-layer-1: black;
--color-layer-2: #ababab; --color-layer-2: black;
--color-layer-3: white; --color-layer-3: white;
--color-connection: #fff; --color-connection: #fff;
} }
html.theme-high-contrast-light {
--color-text: black;
--color-outline: black;
--color-layer-0: white;
--color-layer-1: white;
--color-layer-2: white;
--color-layer-3: black;
--color-connection: black;
}
html.theme-nord { html.theme-nord {
--color-text: #d8dee9; --color-text: #d8dee9;
--color-outline: #4c566a; --color-outline: #4c566a;

2
packages/ui/src/lib/inputs/InputCheckbox.svelte
View File

@@ -18,7 +18,7 @@
</script> </script>
<label <label
class="relative inline-flex h-5.5 w-5.5 cursor-pointer items-center justify-center bg-layer-2 rounded-[5px]" class="relative inline-flex h-5.5 w-5.5 cursor-pointer items-center justify-center bg-layer-2 outline-1 outline-outline rounded-[5px]"
> >
<input <input
type="checkbox" type="checkbox"

1
packages/ui/src/routes/ThemeSelector.svelte
View File

@@ -6,6 +6,7 @@
'solarized', 'solarized',
'catppuccin', 'catppuccin',
'high-contrast', 'high-contrast',
'high-contrast-light',
'nord', 'nord',
'dracula', 'dracula',
'custom' 'custom'