Global
Esta página aún no está disponible en tu idioma.
The built-in components comes with a default look and feel, you can customize it using setConfig
or the styles
property in each built-in component and the faivform
function to change the classes names. Or you can change the CSS variables in your global css to change the theme.
Classes
The setConfig
function allows you to customize the class names of the built-in components. You can check the ContextStyles
.
Theme
To use the default theme you must import the globals.css
in your global css file or root application. And to customize the theme you must set in your global css the CSS variables that are used in the built-in components, with your custom values.
Default
Here is the default CSS variables values.
Font
Space
Colors
White | Black |
---|---|
255 255 255 | 0 0 0 |
On light theme:
Name | Background | Text |
---|---|---|
Primary | 33 192 139 | 26 27 37 |
Secondary | 110 42 178 | 255 255 255 |
Placeholder | 255 255 255 | 174 175 183 |
Success | 55 190 57 | 0 0 0 |
Warning | 255 184 0 | 26 27 37 |
Error | 191 58 58 | 255 255 255 |
On dark theme:
Name | Background | Text |
---|---|---|
Primary | 166 230 209 | 225 225 228 |
Secondary | 197 170 224 | 26 27 37 |
Placeholder | 26 27 37 | 114 116 129 |
Success | 115 210 116 | 0 0 0 |
Warning | 255 205 77 | 26 27 37 |
Error | 210 117 117 | 255 255 255 |