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
required

The color scheme of the website

themeColors
Object
primaryColor
string
required

The primary color of the website as HEX code

secondaryColor
string

The secondary color of the website as HEX code