123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- $limeThemes: light, dark;
- $theme: light;
- @mixin use-theme($mode: null) {
- @if $mode != null {
- /* #ifndef APP-ANDROID || APP-IOS || APP-NVUE || APP-HARMONY */
- @media (prefers-color-scheme: $mode) {
- @content;
- }
- /* #endif */
- /* #ifdef APP-ANDROID || APP-IOS || APP-NVUE || APP-HARMONY */
- &.#{$mode} {
- @content;
- }
- /* #endif */
- } @else {
- @each $mode in $limeThemes {
- $theme: $mode !global;
- /* #ifndef APP-ANDROID || APP-IOS || APP-NVUE || APP-HARMONY */
- @media (prefers-color-scheme: $mode) {
- @content;
- }
- /* #endif */
-
- /* #ifdef APP-ANDROID || APP-IOS || APP-NVUE || APP-HARMONY */
- &.#{$mode} {
- @content;
- }
- /* #endif */
- }
- }
-
- }
- @mixin theme-dark {
- /* #ifndef APP-ANDROID || APP-IOS || APP-NVUE || APP-HARMONY */
- @media (prefers-color-scheme: dark) {
- page {
- @content;
- }
- }
- /* #endif */
- /* #ifdef APP-ANDROID || APP-IOS || APP-NVUE || APP-HARMONY */
- .dark {
- @content;
- }
- /* #endif */
- /* #ifdef WEB */
- :root[data-lime-theme='dark'] page {
- @content;
- }
- /* #endif */
- }
- @function get-var($themes, $key) {
- @return map-get($themes, $key)
- }
|