diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/+layout.svelte | 10 | ||||
| -rw-r--r-- | src/routes/settings/+page.svelte | 2 | ||||
| -rw-r--r-- | src/styles/colours.css | 24 |
3 files changed, 23 insertions, 13 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 633fdffc..0cfde36d 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -397,6 +397,16 @@ $: { text-decoration: none; } + .header-item:focus { + outline: none; + } + + .header-item:focus-visible { + outline: 2px solid var(--base0D); + outline-offset: 2px; + border-radius: 4px; + } + .header-item:active { outline: none; } diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte index 33c7b096..c93f4dc9 100644 --- a/src/routes/settings/+page.svelte +++ b/src/routes/settings/+page.svelte @@ -77,7 +77,7 @@ export let data: PageData; <Category title={$locale().settings.display.title}><Display /></Category> <Category title={$locale().settings.calculation.title}><Calculation /></Category> <Category title={$locale().settings.cache.title}><Cache /></Category> - <Category id="debug"> + <Category id="debug" open={false}> <summary> {$locale().settings.debug.title} <button diff --git a/src/styles/colours.css b/src/styles/colours.css index 84669a0d..e7ac3474 100644 --- a/src/styles/colours.css +++ b/src/styles/colours.css @@ -54,18 +54,18 @@ } :where( - a, - button, - input, - select, - textarea, - details, - summary, - .card, - [role="button"], - [role="menuitem"], - [role="option"] -) { + a, + button, + input, + select, + textarea, + details, + summary, + .card, + [role="button"], + [role="menuitem"], + [role="option"] + ) { transition: color var(--duration-fast) var(--ease-in-out-quart), background-color var(--duration-fast) var(--ease-in-out-quart), |