Theming Reference
Complete reference for viewer theming including light and dark modes, colour customisation, and CSS variables.
The published viewer supports light and dark themes with customisable colours.
Theme Modes
| Mode | Description |
|---|---|
| Light | Light background with dark text, optimised for daytime viewing |
| Dark | Dark background with light text, reduces eye strain in low light |
| System | Follows operating system preference automatically |
Colour Configuration
| Property | Description |
|---|---|
| primaryColor | Main brand colour for links, buttons, and primary accents |
| secondaryColor | Supporting brand colour for secondary elements |
| tertiaryColor | Additional accent colour for subtle highlights |
Component Colours
CSS Variables
| Variable | Description |
|---|---|
| --primary-color | Primary brand colour |
| --secondary-color | Secondary brand colour |
| --background-color | Page background colour |
| --text-color | Primary text colour |
| --border-color | Border and separator colour |