Merge commit '9475df0914
'
This commit is contained in:
parent
232e4c414e
commit
ce09642e23
332 changed files with 25244 additions and 0 deletions
26
themes/tabi-lean/sass/skins/lowcontrast_peach.scss
Normal file
26
themes/tabi-lean/sass/skins/lowcontrast_peach.scss
Normal file
|
@ -0,0 +1,26 @@
|
|||
// 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
|
||||
@mixin theme-variables($theme) {
|
||||
@if $theme =='light' {
|
||||
--primary-color: #ffa057; // Contrast ratio: 2.01:1. Not very accessible.
|
||||
}
|
||||
@else if $theme == 'dark' {
|
||||
--primary-color: #ffab7f; // Contrast ratio: 8.93:1. Accessible.
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
@include theme-variables('light');
|
||||
}
|
||||
|
||||
[data-theme='dark'] {
|
||||
@include theme-variables('dark');
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not([data-theme='light']) {
|
||||
@include theme-variables('dark');
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue