This commit is contained in:
steph 2022-12-04 21:51:29 -08:00
parent d451a0c508
commit 24560b7d13

View File

@ -50,7 +50,7 @@ To make a custom theme, modify `themeVariables` via `init`.
You will need to use the [base](#available-themes) theme as it is the only modifiable theme. You will need to use the [base](#available-themes) theme as it is the only modifiable theme.
| Parameter | Description | Type | Properties | | Parameter | Description | Type | Properties |
| -------------- | ------------------------------------------------------------------ | ------ | ---------------------------------- | | -------------- | ------------------------------------ | ------ | --------------------------------------------------------------------------------------------------- |
| themeVariables | Modifiable with the `init` directive | Object | `primaryColor`, `primaryTextColor`, `lineColor` ([see full list](#theme-variables-reference-table)) | | themeVariables | Modifiable with the `init` directive | Object | `primaryColor`, `primaryTextColor`, `lineColor` ([see full list](#theme-variables-reference-table)) |
Example of modifying `themeVariables` using the `init` directive: Example of modifying `themeVariables` using the `init` directive:
@ -94,7 +94,7 @@ The theming engine will only recognize hex colors and not color names. So, the v
## Theme Variables ## Theme Variables
| Variable | Default value | Description | | Variable | Default value | Description |
| -------------------- | -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | | -------------------- | ---------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
| darkMode | false | Affects how derived colors are calculated. Set value to `true` for darkmode. | | darkMode | false | Affects how derived colors are calculated. Set value to `true` for darkmode. |
| background | #f4f4f4 | Used to calculate color for items that should either be background colored or contrasting to the background | | background | #f4f4f4 | Used to calculate color for items that should either be background colored or contrasting to the background |
| fontFamily | trebuchet ms, verdana, arial | | | fontFamily | trebuchet ms, verdana, arial | |
@ -123,7 +123,7 @@ The theming engine will only recognize hex colors and not color names. So, the v
## Flowchart Variables ## Flowchart Variables
| Variable | Default value | Description | | Variable | Default value | Description |
| ------------------- | -------------------------------- | ---------------------------- | | ------------------- | ------------------------------ | --------------------------- |
| nodeBorder | primaryBorderColor | Node Border Color | | nodeBorder | primaryBorderColor | Node Border Color |
| clusterBkg | tertiaryColor | Background in subgraphs | | clusterBkg | tertiaryColor | Background in subgraphs |
| clusterBorder | tertiaryBorderColor | Cluster Border Color | | clusterBorder | tertiaryBorderColor | Cluster Border Color |