mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-03 09:58:30 +02:00
trean
6f49a1e761
* light theme for docs, wip * several switchers, fixes * format * fix * sooner apllication of user's theme * dark theme by default
35 lines
772 B
SCSS
35 lines
772 B
SCSS
.theme-switch {
|
|
display: block;
|
|
width: $spacer * 1.25;
|
|
height: $spacer * 1.25;
|
|
border-radius: 50%;
|
|
background-color: transparent;
|
|
border: 0;
|
|
|
|
@mixin mask($url) {
|
|
mask: url($url);
|
|
mask-repeat: no-repeat;
|
|
mask-size: contain;
|
|
mask-position: center;
|
|
-webkit-mask: url($url);
|
|
-webkit-mask-repeat: no-repeat;
|
|
-webkit-mask-size: contain;
|
|
-webkit-mask-position: center;
|
|
}
|
|
|
|
&[data-theme-label='light'] {
|
|
@include mask('/icons/outline/sun.svg');
|
|
background-color: $neutral-60;
|
|
}
|
|
|
|
&[data-theme-label='dark'] {
|
|
@include mask('/icons/outline/moon.svg');
|
|
background-color: $neutral-60;
|
|
}
|
|
|
|
&[data-theme-label='auto'] {
|
|
@include mask('/icons/outline/half-circle.svg');
|
|
background-color: $neutral-60;
|
|
}
|
|
}
|