Skip to content

Colors

Colors can have separate light and dark appearances. Set both when a canvas needs different values in light mode and dark mode.

In Shortcuts, color values use hex colors. Common formats are #007AFF, 007AFF, #07F, and #007AFFFF. The last format includes opacity.

When a Shortcuts action has separate light and dark color fields, use the light value for light mode and the dark value for dark mode. If the color should be the same in both appearances, enter the same value in both fields.

These examples show accepted hex formats:

Value Meaning
#007AFF Blue with full opacity
007AFF Same blue without the #
#07F Short form of blue
#007AFF80 Blue with about 50% opacity

Use the same value in both light and dark fields when the color already works in both appearances. Use different values when a color needs more contrast in dark mode.