Theme Config
Color Scheme
Theme Config
Color Scheme
A String which sets the color scheme of the whole website.
theme: SoftUI({
colorScheme: string,
});
Available Colors
- dark
- pink
- blue
- red
- green
- yellow
Example Usage
theme: SoftUI({
colorScheme: "pink",
});
Image
Custom Color Scheme
You can also define your own color scheme by setting the colorScheme to custom and adding the themeColors Object.
Example Usage
theme: SoftUI({
colorScheme: "custom",
themeColors: {
primaryColor: "#ff0000",
secondaryColor: "#ff0000",
},
});
Props
colorScheme
string
requiredThe color scheme of the website
themeColors
Object
primaryColor
string
requiredThe primary color of the website as HEX code
secondaryColor
string
The secondary color of the website as HEX code
Was this page helpful?