38 lines
700 B
SCSS
38 lines
700 B
SCSS
$limeThemes: light, dark;
|
|
$theme: light;
|
|
|
|
@mixin use-theme($mode: null) {
|
|
@if $mode != null {
|
|
/* #ifndef APP-ANDROID || APP-IOS || APP-NVUE */
|
|
@media (prefers-color-scheme: $mode) {
|
|
@content;
|
|
}
|
|
/* #endif */
|
|
/* #ifdef APP-ANDROID || APP-IOS || APP-NVUE */
|
|
&.#{$mode} {
|
|
@content;
|
|
}
|
|
/* #endif */
|
|
} @else {
|
|
@each $mode in $limeThemes {
|
|
$theme: $mode !global;
|
|
/* #ifndef APP-ANDROID || APP-IOS || APP-NVUE */
|
|
@media (prefers-color-scheme: $mode) {
|
|
@content;
|
|
}
|
|
/* #endif */
|
|
|
|
/* #ifdef APP-ANDROID || APP-IOS || APP-NVUE */
|
|
&.#{$mode} {
|
|
@content;
|
|
}
|
|
/* #endif */
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
@function get-var($themes, $key) {
|
|
@return map-get($themes, $key)
|
|
}
|