Skip to content
Share
Explore

ColorMap

Designer's delight
Copy this Color Map Builder

How this works

Whether you’re using Coda in light mode or dark mode, Coda only exports light mode colors. This function maps Coda’s light mode colors to their dark mode counterparts and allows for the overriding of both. If you choose a darkmode style or have customized the email bodyBackground color in ProMode to something sufficiently dark, the dark mode mappings will take precedence.
This runs on an override structure just like ProMode meaning you only need to include the colors you want to override, and only the actual mode you want to override if it’s not both.
When Coda sends a standard text color over, the pack will recognize it and convert it with this map.

ColorMap made easy

This works the same as and also uses a JSON string as the parameter value. But again, no need to write code here, you can make use of the builder below.
Add a new row to
Click “Configure”
Add your overrides to the “lightMode” and/or “darkMode” column
Click “Save” back in your configuration row to save the JSON code
Default values listed for reference as RGB values, but you can enter HEX as well. The pack has a built in color normalizer so you can enter colors in various ways (#333333, 333333, #333, 333, rgb(33, 33, 33), 33, 33, 33).
These configurations are easy to share because it’s just the one table that can be used in other docs with Cross-doc. You only need the table and only the “Name” and “Configuration” columns.
ColorMap Configurations
Name
Configuration
Save
Configure
My new colormap
Open
Save
Configure
There are no rows in this table
Show overrides only
Note: Don’t delete any rows in . There is only one set of rows that all configurations share. We parse the JSON from the configuration when you click “Configure”, which writes the values into these existing rows each time.
ColorMap
Name
lightMode
lightMode Defaults
darkMode
darkMode Defaults
No results from filter

Configuration Helpers

Choose Color Map Configuration

Color Map JSON

Color Map Templates
Name
Template
Blank Template
JSON Codeblock
Open
Open
There are no rows in this table


Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.