Theme

The theme config is a JSON object that defines a set of overrides of the Workspaces portal's default look and feel. theme is an element of the Global config property.

note

The Workspaces theme has been optimized to work well with different color tones and shades. It is strongly recommended to modify only the primary color. Only use other overrides if there are contrast issues.

Example

Theme config

{
  "primary": {
    "main": "#715C95"
  },
  "text": {
    "dark": "#4A4A4A",
    "light": "#6B6E71"
  },
  "grey": {
    "background": "#F9FAFC",
    "keyline": "#E1E1E1"
  },
  "white": "#ffffff",
  "black": "#000000",
  "lightGreen": "#7ED321",
  "green": "#5A9B12",
  "red": {
    "main": "#D0021B",
    "light": "#FBF3F4"
  },
  "blue": {
    "main": "#4A90E2",
    "light": "#EEF3F8"
  },
  "orange": "#F5A623"
}