113 lines
3.9 KiB
SCSS
113 lines
3.9 KiB
SCSS
:root {
|
|
--background: #{$page--bg--light};
|
|
--page-hover: #{$page--hover--light};
|
|
|
|
--grid-rep-hover: #{$grid--rep--hover--light};
|
|
|
|
--card-bg: #{$grey-100};
|
|
--bar-bg: #{$grey-100};
|
|
|
|
--input-bg: #{$input--bg--light};
|
|
--input-bg-hover: #{$input--bg--light--hover};
|
|
--input-bound-bg: #{$input--bound--bg--light};
|
|
--input-bound-bg-hover: #{$input--bound--bg--light--hover};
|
|
|
|
--select-bg: #{$select--bg--light};
|
|
--select-separator: #{$select--separator--light};
|
|
--option-bg-hover: #{$option--bg--light--hover};
|
|
|
|
--text-primary: #{$text--primary--color--light};
|
|
|
|
--text-secondary: #{$text--secondary--color--light};
|
|
--text-secondary-hover: #{$text--secondary--hover--light};
|
|
|
|
--text-tertiary: #{$text--tertiary--color--light};
|
|
|
|
--icon-secondary: #{$icon--secondary--color--light};
|
|
--icon-secondary-hover: #{$icon--secondary--hover--light};
|
|
|
|
--switch-nub: #{$switch--nub--bg--light};
|
|
|
|
--extra-purple-bg: #{$extra--purple--bg--light};
|
|
--extra-purple-card-bg: #{$extra--purple--card--bg--light};
|
|
--extra-purple-primary: #{$extra--purple--primary--light};
|
|
--extra-purple-secondary: #{$extra--purple--secondary--light};
|
|
--extra-purple-text: #{$extra--purple--text--light};
|
|
|
|
--subaura-orange-bg: #{$subaura--orange--bg--light};
|
|
--subaura-orange-card-bg: #{$subaura--orange--card--bg--light};
|
|
--subaura-orange-primary: #{$subaura--orange--primary--light};
|
|
--subaura-orange-secondary: #{$subaura--orange--secondary--light};
|
|
--subaura-orange-text: #{$subaura--orange--text--light};
|
|
|
|
--grid-border-color: #{$grid--border--color--light};
|
|
|
|
--wind-hover-bg: #{$wind-bg-20};
|
|
--wind-hover-text: #{$wind-text-20};
|
|
--fire-hover-bg: #{$fire-bg-20};
|
|
--fire-hover-text: #{$fire-text-20};
|
|
--water-hover-bg: #{$water-bg-20};
|
|
--water-hover-text: #{$water-text-20};
|
|
--earth-hover-bg: #{$earth-bg-20};
|
|
--earth-hover-text: #{$earth-text-20};
|
|
--dark-hover-bg: #{$dark-bg-20};
|
|
--dark-hover-text: #{$dark-text-20};
|
|
--light-hover-bg: #{$light-bg-20};
|
|
--light-hover-text: #{$light-text-20};
|
|
}
|
|
|
|
[data-theme='dark'] {
|
|
--background: #{$page--bg--dark};
|
|
--page-hover: #{$page--hover--dark};
|
|
|
|
--grid-rep-hover: #{$grid--rep--hover--dark};
|
|
|
|
--card-bg: #{$page--element--bg--dark};
|
|
--bar-bg: #{$grey-10};
|
|
|
|
--input-bg: #{$input--bg--dark};
|
|
--input-bg-hover: #{$input--bg--dark--hover};
|
|
--input-bound-bg: #{$input--bound--bg--dark};
|
|
--input-bound-bg-hover: #{$input--bound--bg--dark--hover};
|
|
|
|
--select-bg: #{$select--bg--dark};
|
|
--select-separator: #{$select--separator--dark};
|
|
--option-bg-hover: #{$option--bg--dark--hover};
|
|
|
|
--text-primary: #{$text--primary--color--dark};
|
|
|
|
--text-secondary: #{$text--secondary--color--dark};
|
|
--text-secondary-hover: #{$text--secondary--hover--dark};
|
|
|
|
--text-tertiary: #{$text--tertiary--color--dark};
|
|
|
|
--icon-secondary: #{$icon--secondary--color--dark};
|
|
--icon-secondary-hover: #{$icon--secondary--hover--dark};
|
|
|
|
--switch-nub: #{$switch--nub--bg--dark};
|
|
|
|
--extra-purple-bg: #{$extra--purple--bg--dark};
|
|
--extra-purple-card-bg: #{$extra--purple--card--bg--dark};
|
|
--extra-purple-primary: #{$extra--purple--primary--dark};
|
|
--extra-purple-secondary: #{$extra--purple--secondary--dark};
|
|
--extra-purple-text: #{$extra--purple--text--dark};
|
|
|
|
--subaura-orange-bg: #{$subaura--orange--bg--dark};
|
|
--subaura-orange-card-bg: #{$subaura--orange--card--bg--dark};
|
|
--subaura-orange-primary: #{$subaura--orange--primary--dark};
|
|
--subaura-orange-secondary: #{$subaura--orange--secondary--dark};
|
|
--subaura-orange-text: #{$subaura--orange--text--dark};
|
|
|
|
--grid-border-color: #{$grid--border--color--dark};
|
|
|
|
--wind-hover-bg: #{$wind-bg-00};
|
|
--wind-hover-text: #{$wind-text-00};
|
|
--fire-hover-bg: #{$fire-bg-00};
|
|
--fire-hover-text: #{$fire-text-00};
|
|
--earth-hover-bg: #{$earth-bg-00};
|
|
--earth-hover-text: #{$earth-text-00};
|
|
--dark-hover-bg: #{$dark-bg-00};
|
|
--dark-hover-text: #{$dark-text-00};
|
|
--light-hover-bg: #{$light-bg-00};
|
|
--light-hover-text: #{$light-text-00};
|
|
}
|