Color Scheme

theme: SoftUI({
  colorScheme: string,
});

Available Colors

theme: SoftUI({
  colorScheme: "pink",
});

You can also define your own color scheme by setting the colorScheme to custom and adding the themeColors Object.

theme: SoftUI({
  colorScheme: "custom",
  themeColors: {
    primaryColor: "#ff0000",
    secondaryColor: "#ff0000",
  },
});

string

required

The color scheme of the website

Object

Hide properties

string

required

The primary color of the website as HEX code

string

The secondary color of the website as HEX code