Skip to main content

Theme

Admins can brand DQX Studio for their company under Settings → Theme. It applies to every Studio user. Users still choose light or dark mode themselves.

Branding​

  • Company name adds your company to the top bar: DQX Studio | Acme. It saves as you type. Reset it to show DQX Studio only.
  • Logo replaces the DQX icon in the top bar. Click a logo preview, or drop an image onto it, to upload. The previews show the logo on the light and dark mode top bars. Your first logo is used in both modes; after that, uploading to the light or dark preview changes only that mode.
  • Logos must be PNG, JPEG or WebP, up to 256 KB. SVG isn't supported. Logos are shown 24 px tall and up to 160 px wide, so a logo about 200 px tall is plenty.

Theme​

Pick a preset or set five colours: Brand (top bar), Sidebar, Page background, Interactive elements (buttons and highlights) and Text. Studio derives the rest (cards, hover, borders, button text) from them.

  • Use Light and Dark next to Colours to choose which mode's colours you are editing. The preview always shows both modes.
  • Changing a colour in one mode generates the same colour in the other mode, until you set that one yourself.
  • Saving changes updates the selected preset, built-in or custom. Reset theme restores a built-in preset's original colours.
  • Add new starts a theme with no colours set. As you fill in colours, the same colours in the other mode are generated for you. Saving it adds Custom 1, Custom 2 and so on. Click a custom theme's name to rename it, or delete it with its bin icon.
  • If a colour combination may be hard to read, Studio shows a warning that names the colour to adjust. You can still save.
  • Status colours (pass, warn, fail) and chart colours don't change.
  • Reset theme restores the original colours of the preset you started from. It doesn't change the company name, logo or custom presets, and isn't shown for custom presets.

Presets: DQX Studio (the default), Databricks, High contrast, Aubergine, Dracula, Nord, Ocean and Solarized.