Geen omschrijving
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_root.scss 2.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. :root,
  2. [data-bs-theme="light"] {
  3. /* Menu */
  4. --#{$prefix}menu-bg: #{$menu-bg};
  5. --#{$prefix}menu-bg-rgb: #{$menu-bg-rgb};
  6. --#{$prefix}menu-color: #{$menu-color};
  7. --#{$prefix}menu-color-rgb: #{$menu-color-rgb};
  8. --#{$prefix}menu-hover-bg: #{$menu-hover-bg};
  9. --#{$prefix}menu-hover-color: #{$menu-hover-color};
  10. --#{$prefix}menu-sub-active-bg: var(--#{$prefix}primary-bg-subtle);
  11. --#{$prefix}menu-sub-active-color: var(--#{$prefix}primary);
  12. --#{$prefix}menu-active-color: #{$menu-active-color};
  13. --#{$prefix}menu-active-bg: #{$menu-active-bg};
  14. --#{$prefix}menu-active-toggle-bg: #{$menu-active-toggle-bg};
  15. --#{$prefix}menu-horizontal-active-bg: var(--#{$prefix}menu-bg);
  16. --#{$prefix}menu-box-shadow: #{$menu-box-shadow};
  17. --#{$prefix}menu-divider-color: #{var(--#{$prefix}white)};
  18. --#{$prefix}menu-width: #{$menu-width};
  19. --#{$prefix}menu-collapsed-width: #{$menu-collapsed-width};
  20. --#{$prefix}menu-item-spacer: #{$menu-item-spacer};
  21. --#{$prefix}menu-vertical-link-padding-y: #{$menu-vertical-link-padding-y};
  22. --#{$prefix}menu-vertical-link-padding-x: #{$menu-vertical-link-padding-x};
  23. --#{$prefix}menu-vertical-menu-link-padding-y: #{$menu-vertical-menu-link-padding-y};
  24. --#{$prefix}menu-vertical-menu-level-spacer: #{$menu-vertical-menu-level-spacer};
  25. --#{$prefix}menu-horizontal-menu-box-shadow: #{$menu-horizontal-menu-box-shadow};
  26. }
  27. //! FIX: Added data-semidark-menu attribute to avoid semi dark menu flicker effect on page load
  28. [data-semidark-menu="true"],
  29. [data-bs-theme="dark"]{
  30. --#{$prefix}menu-bg: #{$menu-bg-dark};
  31. --#{$prefix}menu-bg-rgb: #{$menu-bg-rgb};
  32. --#{$prefix}menu-active-bg: #{$menu-active-bg};
  33. --#{$prefix}menu-horizontal-active-bg: #{var(--#{$prefix}primary-bg-subtle)};
  34. --#{$prefix}menu-color: #{$menu-color-dark};
  35. --#{$prefix}menu-color-rgb: #{$menu-color-rgb-dark};
  36. --#{$prefix}menu-hover-bg: #{rgba($base-dark, .06)};
  37. --#{$prefix}menu-hover-color: #{$menu-color-dark};
  38. --#{$prefix}menu-active-bg: #{$menu-active-bg-dark};
  39. --#{$prefix}menu-active-color: #{$menu-active-color-dark};
  40. --#{$prefix}menu-active-toggle-bg: #{$menu-active-toggle-bg-dark};
  41. --#{$prefix}menu-sub-active-bg: var(--#{$prefix}primary);
  42. --#{$prefix}menu-sub-active-color: #{$menu-active-color-dark};
  43. --#{$prefix}menu-box-shadow: #{$menu-box-shadow-dark};
  44. --#{$prefix}menu-divider-color: #{$menu-divider-color};
  45. --#{$prefix}menu-horizontal-active-bg: var(--#{$prefix}menu-bg);
  46. }