Document graph color variables for custom themes (#7011)

* Document graph color variables for custom themes

Added documentation for graph color variables in custom themes.

* [autofix.ci] apply automated fixes

* Update custom themes documentation for clarity

Clarify the impact of color palettes on custom report widget graphs and format the list of color variables.

* Update packages/docs/docs/experimental/custom-themes.md

Co-authored-by: Matt Fiddaman <github@m.fiddaman.uk>

* Fix color variable syntax in custom themes documentation

Updated color variable syntax for chart colors in documentation.

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Matt Fiddaman <github@m.fiddaman.uk>
This commit is contained in:
Karim Kodera
2026-02-18 20:24:52 +02:00
committed by GitHub
parent 848eaadb0f
commit bc32f4fcde

View File

@@ -103,6 +103,20 @@ Common variables include:
- `--color-sidebarItemText` - Sidebar item text
- `--color-sidebarItemTextSelected` - Selected sidebar item text
**Graph Colors:**
These color palette impact custom report series colors in all variations - bar, line, donut, etc...
- `--color-chartQual1`
- `--color-chartQual2`
- `--color-chartQual3`
- `--color-chartQual4`
- `--color-chartQual5`
- `--color-chartQual6`
- `--color-chartQual7`
- `--color-chartQual8`
- `--color-chartQual9`
And many more! To see all available variables, check the theme files in the source code or look at an existing theme.
### Validation Rules