Themes
UBold comes with multiple overall color schemes. Currently there are six themes available: Default (Default), Creative, Modern, Saas, Purple and Material. Each of these are available in dark mode as well. You can switch to any of them by simply making one line change in the code.
Open src/App.tsx
file and on top of the file, simply import the
respective scss file. e.g. search for "Default.scss". Here you can simply uncomment
import statement for creative or saas or material or modern or purple or material. Make
sure to
comment the import
statement of other themes, otherwise your bundle would have css compiled for all
the themes.
Following table is containing file list for each respective theme/demo:
Theme/Demo | Scss File |
---|---|
Default (Default) | /assets/scss/Default.scss |
Saas | /assets/scss/Saas.scss |
Modern | /assets/scss/Modern.scss |
Creative | /assets/scss/Creative.scss |
Purple | /assets/scss/Purple.scss |
Material | /assets/scss/Material.scss |