mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-08 12:28:32 +02:00
Light theme for the documentation page (#931)
* light theme for docs, wip * several switchers, fixes * format * fix * sooner apllication of user's theme * dark theme by default
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user