vuestic-ui icon indicating copy to clipboard operation
vuestic-ui copied to clipboard

Themes config

Open m0ksem opened this issue 1 year ago • 2 comments

type ThemeOptions = DeepPartial<{
   colors: {
      // Accents:
      primary: '#f00'
      success
      ...

      // Backgrounds
      background-primary,
      background-secondary

      // Elements background
      background-el-primary
      background-el-secondary

      // Text color
      text-light // Text used on dark background
      text-dark // Text used on light background

      // Other
      focus, shadow
   },
   lightThreshold: 140 // 0-225
   variantDarkness: {
      hover: 0.8, // 0.2 lighter
      focus: 1.2, // 0.2 darken
      press: 1.5 // SUPER-mega-dark
   }
}>

m0ksem avatar Sep 05 '22 13:09 m0ksem

lightThreshold and variantDarkness are free for us, as these values are already hardcoded.

asvae avatar Sep 08 '22 10:09 asvae

Suggested change:

colors :{
  variables: {
      // Backgrounds
      background-primary,
      background-secondary

      // Elements b
  },
  lightThreshold: 140 // 0-225
   variantDarkness: {
      hover: 0.8, // 0.2 lighter
      focus: 1.2, // 0.2 darken
      press: 1.5 // SUPER-mega-dark
   }
}
theme
  colors
  icons
  components
  breakpoints

asvae avatar Sep 08 '22 10:09 asvae