Colors
Color as #RRGGBB, for example #3366FF. It is replaced with the nearest color of the target palette. A color is written as #RRGGBB, for example #1976d2. The value does not have to be a color of a palette: it is replaced with the nearest supported color.
Fields with a color
Three fields take a color. This is what the format says about each of them:
| Entity | Field | What happens to the value | Palette |
|---|---|---|---|
| Card types | color | Type color. It is replaced with the nearest color of the card type palette; an omitted color gets a default one. Constraint: the nearest color of the target palette is used. | Card type palette |
| Custom properties | options[].color | Color of the option as #RRGGBB, for example #e53935; the nearest color of the app's palette is used. The option is shown in this color in the property's list of options and on cards. Left out or null, the option has no color. Constraint: the nearest color of the target palette is used. | Tag and option palette |
| Tags | color | Tag color. It is replaced with the nearest color of the option palette; an omitted color gets a default one. Constraint: the nearest color of the target palette is used. | Tag and option palette |
Card type palette
The colors a card type can have.
| Name | Hex value | Example |
|---|---|---|
| purple 500 | #9c27b0 | |
| blue 700 | #1976d2 | |
| red 400 | #ef5350 | |
| orange 600 | #fb8c00 | |
| pink 200 | #f48fb1 | |
| black | #212121 | |
| amber 400 | #ffca28 | |
| indigo 600 | #3949ab | |
| deep purple 400 | #7e57c2 | |
| green 400 | #66bb6a | |
| purple A400 | #d500f9 | |
| red 100 | #ffcdd2 | |
| purple 200 | #ce93d8 | |
| teal 400 | #26a69a | |
| light blue 500 | #03a9f4 | |
| light green 500 | #8bc34a | |
| lime 400 | #d4e157 | |
| lime 800 | #9e9d24 | |
| red 700 | #d32f2f | |
| blue grey 400 | #78909c | |
| deep orange 500 | #ff5722 | |
| brown 500 | #795548 | |
| yellow 500 | #ffeb3b | |
| pink 400 | #ec407a | |
| cyan 400 | #26c6da |
Tag and option palette
The colors of tags and of the values of select properties.
| Name | Hex value | Example |
|---|---|---|
| red | #ffcdd2 | |
| pink | #f8bbd0 | |
| purple | #e1bee7 | |
| deep purple | #d1c4e9 | |
| indigo | #c5cae9 | |
| blue | #bbdefb | |
| light blue | #b3e5fc | |
| cyan | #b2ebf2 | |
| teal | #b2dfdb | |
| green | #c8e6c9 | |
| light green | #dcedc8 | |
| lime | #f0f4c3 | |
| orange | #ffe0b2 | |
| deep orange | #ffccbc | |
| brown | #d7ccc8 | |
| blue grey | #cfd8dc | |
| yellow | #fff9c4 |
