diff options
Diffstat (limited to 'themes/tabi-lean/sass/skins/lowcontrast_pink.scss')
| -rw-r--r-- | themes/tabi-lean/sass/skins/lowcontrast_pink.scss | 26 |
1 files changed, 0 insertions, 26 deletions
diff --git a/themes/tabi-lean/sass/skins/lowcontrast_pink.scss b/themes/tabi-lean/sass/skins/lowcontrast_pink.scss deleted file mode 100644 index 3f96d1d..0000000 --- a/themes/tabi-lean/sass/skins/lowcontrast_pink.scss +++ /dev/null @@ -1,26 +0,0 @@ -// 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: #ee59d2; // Contrast ratio: 3:1. Not very accessible. - } - @else if $theme == 'dark' { - --primary-color: #f49ee9; // Contrast ratio: 9.87: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'); - } -} |
