Color Scheme

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

​

Available Colors

• dark
• pink
• blue
• red
• green
• yellow

​

Example Usage

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

​

Image

• dark
• pink
• blue
• red
• green
• yellow

​

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