forked from deepStateMirrors/tabi
✨ feat: introduce skins to customise the theme (#105)
This commit is contained in:
parent
d2780f42a3
commit
f8cce3001c
45 changed files with 673 additions and 7 deletions
12
sass/skins/lowcontrast_orange.scss
Normal file
12
sass/skins/lowcontrast_orange.scss
Normal file
|
@ -0,0 +1,12 @@
|
|||
// WARNING! This skin, in light theme, may not provide optimal contrast for readability
|
||||
// and might not be suitable for users with certain types of visual impairment.
|
||||
// Furthermore, low contrast will affect your Google Lighthouse rating.
|
||||
// For more information on web accessibility: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
|
||||
|
||||
:root {
|
||||
--primary-color: #f56a00; // Contrast ratio: 3.02:1. Not very accessible.
|
||||
}
|
||||
|
||||
[data-theme='dark'] {
|
||||
--primary-color: #ec984f; // Contrast ratio: 7.19:1. Accessible.
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue