Article Details
| Id: | 21030 |
| Product: | finPOWER Connect |
| Type: | NEW |
| Version: | 4.01.00 |
| Opened: | 20/12/2023 |
| Closed: | 20/12/2023 |
| Released: | 29/04/2024 |
| Job: | J032671 |
Summary Pages; finPOWER Connect Cloud Theme Colours are now available via CSS variables
Summary Page can now access the finPOWER Connect Cloud Theme Colours via the following root-level CSS variables:
- theme-bgcolour-main
- theme-bgcolour-contrast
- theme-colour-main
- theme-colour-contrast
The following HTML snipped shows how these variables can be used:
<h1 style='background-color:var(--theme-bgcolour-main); color:var(--theme-colour-main)'>Main Colours</h1><h1 style='background-color:var(--theme-bgcolour-contrast); color:var(--theme-colour-contrast)'>Contrast Colours</h1>