useTheme.scss 700 B

12345678910111213141516171819202122232425262728293031323334353637
  1. $limeThemes: light, dark;
  2. $theme: light;
  3. @mixin use-theme($mode: null) {
  4. @if $mode != null {
  5. /* #ifndef APP-ANDROID || APP-IOS || APP-NVUE */
  6. @media (prefers-color-scheme: $mode) {
  7. @content;
  8. }
  9. /* #endif */
  10. /* #ifdef APP-ANDROID || APP-IOS || APP-NVUE */
  11. &.#{$mode} {
  12. @content;
  13. }
  14. /* #endif */
  15. } @else {
  16. @each $mode in $limeThemes {
  17. $theme: $mode !global;
  18. /* #ifndef APP-ANDROID || APP-IOS || APP-NVUE */
  19. @media (prefers-color-scheme: $mode) {
  20. @content;
  21. }
  22. /* #endif */
  23. /* #ifdef APP-ANDROID || APP-IOS || APP-NVUE */
  24. &.#{$mode} {
  25. @content;
  26. }
  27. /* #endif */
  28. }
  29. }
  30. }
  31. @function get-var($themes, $key) {
  32. @return map-get($themes, $key)
  33. }