summaryrefslogtreecommitdiff
path: root/sass/skins/teal.scss
diff options
context:
space:
mode:
Diffstat (limited to 'sass/skins/teal.scss')
-rw-r--r--sass/skins/teal.scss33
1 files changed, 0 insertions, 33 deletions
diff --git a/sass/skins/teal.scss b/sass/skins/teal.scss
deleted file mode 100644
index 3a1fbcd..0000000
--- a/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');
- }
-}