svelte-core Svelte Themes

Svelte Core

Svelte Core

svelte-core

Component Theming

To customise the components themes, you just need to define some CSS variables. Below are the variables and their defaults.

  • --theme-primary | #16a7e0
  • --theme-primary-hover | #0f85b3
  • --theme-primary-transparent | rgba(22, 167, 224, 0.2)
  • --theme-secondary | #f17a21
  • --theme-lighter | #56cfff
  • --theme-lighter-transparent | rgba(86, 207, 255, 0.2)
  • --theme-error-colour | red

Top categories

Loading Svelte Themes