cupcakearmy/cryptgeon
1
0
Fork 0
mirror of https://github.com/cupcakearmy/cryptgeon.git synced 2024-12-22 16:26:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

dark mode

Browse Source
This commit is contained in:
cupcakearmy 2021-05-02 15:44:46 +02:00
parent f447cbea2d
commit 64d5953f60
No known key found for this signature in database
GPG Key ID: D28129AE5654D9D9
2 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/app.css
View File

@ -8,7 +8,7 @@
font-family: 'Fira Mono', monospace; font-family: 'Fira Mono', monospace;
--ui-bg-0: #fefefe; --ui-bg-0: #fefefe;
--ui-bg-0-85: #ffffffd9; --ui-bg-0-85: #fefefed9;
--ui-bg-1: #eee; --ui-bg-1: #eee;
--ui-bg-2: #e2e2e2; --ui-bg-2: #e2e2e2;
--ui-text-0: #111; --ui-text-0: #111;
@ -19,6 +19,17 @@
--ui-anim: all 150ms ease; --ui-anim: all 150ms ease;
} }
@media (prefers-color-scheme: dark) {
:root {
--ui-bg-0: #111;
--ui-bg-0-85: #111111d9;
--ui-bg-1: #222;
--ui-bg-2: #282828;
--ui-text-0: #fefefe;
--ui-text-1: #eee;
}
}
.error-text { .error-text {
color: var(--ui-clr-error); color: var(--ui-clr-error);
} }
@ -53,6 +64,13 @@ button {
transition: var(--ui-anim); transition: var(--ui-anim);
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
background: inherit;
color: inherit;
}
*:disabled,
*[disabled='true'] {
opacity: 0.5;
} }
fieldset { fieldset {

2
client/src/lib/ui/TextInput.svelte
View File

@ -32,7 +32,7 @@
</script> </script>
<label> <label>
<small> <small disabled={$$restProps.disabled}>
{label} {label}
</small> </small>
<input bind:value {...$$restProps} /> <input bind:value {...$$restProps} />