diff options
Diffstat (limited to 'themes/tabi-lean/sass/skins/teal.scss')
| -rw-r--r-- | themes/tabi-lean/sass/skins/teal.scss | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/themes/tabi-lean/sass/skins/teal.scss b/themes/tabi-lean/sass/skins/teal.scss deleted file mode 100644 index 3a1fbcd..0000000 --- a/themes/tabi-lean/sass/skins/teal.scss +++ /dev/null @@ -1,33 +0,0 @@ -// When creating your own skin, you can use https://webaim.org/resources/contrastchecker/ -// to verify the accessibility and readability of your colourscheme. -// The default light background is #fff and the dark background is #1f1f1f. - -// This defines theme-specific variables. -@mixin theme-variables($theme) { - @if $theme =='light' { - // Light theme colours. - --primary-color: #087e96; // Contrast ratio: 4.73:1 - } - @else if $theme == 'dark' { - // Dark theme colours. - --primary-color: #91e0ee; // Contrast ratio: 11.06:1 - } -} - -// Apply light theme variables by default. -:root { - @include theme-variables('light'); -} - -// Apply dark theme variables when dark theme is explicitly set. -[data-theme='dark'] { - @include theme-variables('dark'); -} - -// Apply dark theme variables when user's system prefers dark mode -// and the theme is not explicitly set to light. -@media (prefers-color-scheme: dark) { - :root:not([data-theme='light']) { - @include theme-variables('dark'); - } -} |
