2022-11-03 13:54:49 +00:00
|
|
|
# d2themes
|
|
|
|
|
|
|
|
|
|
`d2themes` defines themes for D2. You can add a new one in `./d2themescatalog`, give a
|
|
|
|
|
unique ID, and specify it in the CLI or library to see it.
|
|
|
|
|
|
2022-11-24 16:06:06 +00:00
|
|
|
For example, to use the "Shirley temple" theme, which has an ID of 102:
|
|
|
|
|
|
|
|
|
|
```sh
|
2022-11-24 16:07:22 +00:00
|
|
|
d2 --theme 102 in.d2 out.svg
|
2022-11-24 16:06:06 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Run `d2 --help` or `man d2` for more.
|
|
|
|
|
|
|
|
|
|
|
2022-11-08 02:57:31 +00:00
|
|
|
# Themes overview
|
|
|
|
|
|
|
|
|
|
<img src="../docs/assets/themes_overview.png" />
|
|
|
|
|
|
2022-11-03 13:54:49 +00:00
|
|
|
# Color coding guide
|
|
|
|
|
|
|
|
|
|
<img src="../docs/assets/themes_coding.png" />
|
|
|
|
|
|
|
|
|
|
# Color coding example
|
|
|
|
|
|
|
|
|
|
<img src="../docs/assets/themes_coding_example.png" />
|
|
|
|
|
|
|
|
|
|
# Container gradients
|
|
|
|
|
|
|
|
|
|
To distinguish container nesting, objects get progressively lighter the more nested it is.
|
|
|
|
|
|
|
|
|
|
<img src="../docs/assets/themes_gradients.png" width="300px" />
|
