Theaninova/DeviceManager
1
0
Fork 0
mirror of https://github.com/CharaChorder/DeviceManager.git synced 2026-01-22 18:02:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: react to user contrast preferences

Browse Source
This commit is contained in:
Thea Schöbl
2024-03-16 13:09:21 +01:00
parent 5d4dbc7e2a
commit 4e4bff02a0
6 changed files with 44 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/routes/config/chords/+page.svelte
View File

@@ -153,16 +153,25 @@
}
textarea {
transition: border-color 250ms ease;
transition: outline-color 250ms ease;
background: none;
color: inherit;
border: 1px dashed var(--md-sys-color-surface-variant);
outline: 1px dashed var(--md-sys-color-surface-variant);
margin: 2px;
border: none;
padding: 8px;
border-radius: 4px;
@media (prefers-contrast: more) {
outline-color: var(--md-sys-color-outline);
&:focus {
outline-width: 2px;
}
}
&:focus {
outline: none;
border-color: var(--md-sys-color-primary);
outline-color: var(--md-sys-color-primary);
}
}
@@ -185,13 +194,23 @@
transition: all 250ms ease;
@media (prefers-contrast: more) {
border-color: var(--md-sys-color-outline);
border-style: dashed;
}
&::placeholder {
color: var(--md-sys-color-on-surface-variant);
opacity: 0.2;
@media (prefers-contrast: more) {
opacity: 0.8;
}
}
&:focus {
border-color: var(--md-sys-color-primary);
border-style: solid;
outline: none;
}
}