Theme Builder
Theme Builder is a tool to make modifications and tweaks to Drafts Themes.
To load an existing theme into Theme Builder from a JSON or `.draftsTheme` file, select the file and click the "Load Theme" button.
Themes can also be loaded directly from the Drafts Directory by browsing to a them you would like to modify, and using the "Open in Theme Builder" link.
Previews
foreground
caption
caption
tint tintAlternate
text
Action Bar ⌘
▮ ▮ ▮ ▮ ▮ ▮ ▮ ▮
# text.heading01
# text.heading02
# text.heading03
# text.heading04
# text.heading05
# text.heading06
text.normal
> text.quotation
* text.normal
`code.inline`
Configuration
Install
{
"name": "LightTealDot",
"author": "Jamie Jenkins",
"description": "Drafts Dots Light Teal Theme",
"isDark": false,
"scopes": {
"text.normal": {
"name": "Normal Text",
"settings": {
"foreground": "foreground",
"fontStyle": "normal"
}
},
"text.normal.large": {
"name": "Large Text",
"settings": {
"foreground": "foreground",
"fontSize": "large"
}
},
"text.normal.extraLarge": {
"name": "Extra Large Text",
"settings": {
"foreground": "foreground",
"fontSize": "extraLarge"
}
},
"text.normal.small": {
"name": "Small Text",
"settings": {
"foreground": "foreground",
"fontSize": "small"
}
},
"text.normal.extraSmall": {
"name": "Extra Small Text",
"settings": {
"foreground": "foreground",
"fontSize": "extraSmall"
}
},
"text.bold": {
"name": "Bold",
"settings": {
"fontWeight": "bold"
}
},
"text.bold.large": {
"name": "Large Bold",
"settings": {
"fontWeight": "bold",
"fontSize": "large"
}
},
"text.bold.extraLarge": {
"name": "Extra Large Bold",
"settings": {
"fontWeight": "bold",
"fontSize": "extraLarge"
}
},
"text.bold.small": {
"name": "Small Bold",
"settings": {
"fontWeight": "bold",
"fontSize": "small"
}
},
"text.bold.extraSmall": {
"name": "Extra Small Bold",
"settings": {
"fontWeight": "bold",
"fontSize": "extraSmall"
}
},
"text.italic": {
"name": "Italic",
"settings": {
"fontStyle": "italic"
}
},
"text.italic.large": {
"name": "Large Italic",
"settings": {
"fontStyle": "italic",
"fontSize": "large"
}
},
"text.italic.extraLarge": {
"name": "Extra Large Italic",
"settings": {
"fontStyle": "italic",
"fontSize": "extraLarge"
}
},
"text.italic.small": {
"name": "Small Italic",
"settings": {
"fontStyle": "italic",
"fontSize": "small"
}
},
"text.italic.extraSmall": {
"name": "Extra Small Italic",
"settings": {
"fontStyle": "italic",
"fontSize": "extraSmall"
}
},
"text.bolditalic": {
"name": "Bold, Italic",
"settings": {
"fontStyle": "italic",
"fontWeight": "bold"
}
},
"text.bolditalic.large": {
"name": "Large Bold, Italic",
"settings": {
"fontStyle": "italic",
"fontWeight": "bold",
"fontSize": "large"
}
},
"text.bolditalic.extraLarge": {
"name": "Extra Large Bold, Italic",
"settings": {
"fontStyle": "italic",
"fontWeight": "bold",
"fontSize": "extraLarge"
}
},
"text.bolditalic.small": {
"name": "Small Bold, Italic",
"settings": {
"fontStyle": "italic",
"fontWeight": "bold",
"fontSize": "small"
}
},
"text.bolditalic.extraSmall": {
"name": "Extra Small Bold, Italic",
"settings": {
"fontStyle": "italic",
"fontWeight": "bold",
"fontSize": "extraSmall"
}
},
"text.monospace": {
"name": "Monospace",
"settings": {
"fontStyle": "monospace"
}
},
"text.monospace.large": {
"name": "Large Monospace",
"settings": {
"fontStyle": "monospace",
"fontSize": "large"
}
},
"text.monospace.extraLarge": {
"name": "Extra Large Monospace",
"settings": {
"fontStyle": "monospace",
"fontSize": "extraLarge"
}
},
"text.monospace.small": {
"name": "Small Monospace",
"settings": {
"fontStyle": "monospace",
"fontSize": "small"
}
},
"text.monospace.extraSmall": {
"name": "Extra Small Monospace",
"settings": {
"fontStyle": "monospace",
"fontSize": "extraSmall"
}
},
"text.monospace.bold": {
"name": "Monospace Bold",
"settings": {
"fontStyle": "monospace",
"fontWeight": "bold"
}
},
"text.monospace.bold.large": {
"name": "Large Monospace Bold",
"settings": {
"fontStyle": "monospace",
"fontWeight": "bold",
"fontSize": "large"
}
},
"text.monospace.bold.extraLarge": {
"name": "Extra Large Monospace Bold",
"settings": {
"fontStyle": "monospace",
"fontWeight": "bold",
"fontSize": "extraLarge"
}
},
"text.monospace.bold.small": {
"name": "Small Monospace Bold",
"settings": {
"fontStyle": "monospace",
"fontWeight": "bold",
"fontSize": "small"
}
},
"text.monospace.bold.extraSmall": {
"name": "Extra Small Monospace Bold",
"settings": {
"fontStyle": "monospace",
"fontWeight": "bold",
"fontSize": "small"
}
},
"text.monospace.italic": {
"name": "Monospace Italic",
"settings": {
"fontStyle": "monospace",
"foreground": "foreground"
}
},
"text.monospace.italic.large": {
"name": "Large Monospace Italic",
"settings": {
"fontStyle": "monospace,italic",
"fontSize": "large"
}
},
"text.monospace.italic.extraLarge": {
"name": "Extra Large Monospace Italic",
"settings": {
"fontStyle": "monospace,italic",
"fontSize": "extraLarge"
}
},
"text.monospace.italic.small": {
"name": "Small Monospace Italic",
"settings": {
"fontStyle": "monospace,italic",
"fontSize": "small"
}
},
"text.monospace.italic.extraSmall": {
"name": "Extra Small Monospace Italic",
"settings": {
"fontStyle": "monospace,italic",
"fontSize": "extraSmall"
}
},
"text.underline": {
"name": "Underline",
"settings": {
"fontStyle": "underline"
}
},
"text.heading": {
"name": "Heading",
"settings": {
"fontWeight": "bold",
"foreground": "accent01"
}
},
"text.heading01": {
"name": "Level 1 Heading",
"settings": {
"fontWeight": "bold",
"foreground": "accent01"
}
},
"text.heading02": {
"name": "Level 2 Heading",
"settings": {
"fontWeight": "bold",
"foreground": "accent02"
}
},
"text.heading03": {
"name": "Level 3 Heading",
"settings": {
"fontWeight": "bold",
"foreground": "accent03"
}
},
"text.heading04": {
"name": "Level 4 Heading",
"settings": {
"fontWeight": "bold",
"foreground": "accent04"
}
},
"text.heading05": {
"name": "Level 5 Heading",
"settings": {
"fontWeight": "bold",
"foreground": "accent05"
}
},
"text.heading06": {
"name": "Level 6 Heading",
"settings": {
"fontWeight": "bold",
"foreground": "accent06"
}
},
"text.link": {
"name": "Link",
"settings": {
"foreground": "link"
}
},
"text.activeLink": {
"name": "Link which is tap/clickable",
"settings": {
"foreground": "activeLink"
}
},
"text.quotation": {
"name": "Quotation block",
"settings": {
"fontStyle": "italic"
}
},
"text.url": {
"name": "URL",
"settings": {
"foreground": "markup"
}
},
"text.linkModeLink": {
"name": "Link Mode Link",
"settings": {
"foreground": "link",
"fontStyle": "underline"
}
},
"text.strikethrough": {
"name": "Strikethrough",
"settings": {
"fontStyle": "strikethrough",
"foreground": "strikethrough"
}
},
"markup": {
"name": "Markup",
"settings": {
"foreground": "markup"
}
},
"markup.heading": {
"name": "Markup",
"settings": {
"foreground": "markup"
}
},
"markup.quotation": {
"name": "Markup",
"settings": {
"foreground": "markup"
}
},
"markup.list": {
"name": "Markup",
"settings": {
"foreground": "markup"
}
},
"markup.link": {
"name": "Markup",
"settings": {
"foreground": "markup"
}
},
"markup.code": {
"name": "Markup",
"settings": {
"foreground": "markup",
"fontStyle": "monospace"
}
},
"markup.addition": {
"name": "Addition",
"settings": {
"fontStyle": "italic",
"foreground": "addition"
}
},
"markup.deletion": {
"name": "Deletion",
"settings": {
"fontStyle": "italic",
"foreground": "deletion"
}
},
"markup.highlight": {
"name": "Highlight",
"settings": {
"background": "highlight"
}
},
"markup.substitution": {
"name": "Substitution",
"settings": {
"fontStyle": "italic",
"foreground": "substitution"
}
},
"code.comment": {
"name": "Comment",
"settings": {
"foreground": "comment"
}
},
"code.inline": {
"name": "Inline code",
"settings": {
"fontStyle": "monospace",
"foreground": "code",
"background": "codeBackground"
}
},
"code.block": {
"name": "Code block",
"settings": {
"fontStyle": "monospace",
"foreground": "code"
}
},
"code.literal": {
"name": "Code block",
"settings": {
"foreground": "literal"
}
},
"code.keyword": {
"name": "Keyword",
"settings": {
"foreground": "keyword"
}
},
"code.operator": {
"name": "Operator",
"settings": {
"foreground": "markup"
}
},
"code.punctuation": {
"name": "Operator",
"settings": {
"foreground": "comment"
}
},
"text.invisibles": {
"name": "Invisible characters",
"settings": {
"fontStyle": "invisibles",
"foreground": "invisibles"
}
},
"color.accent01": {
"name": "Accent color",
"settings": {
"foreground": "accent01"
}
},
"color.accent02": {
"name": "Accent color",
"settings": {
"foreground": "accent02"
}
},
"color.accent03": {
"name": "Accent color",
"settings": {
"foreground": "accent03"
}
},
"color.accent04": {
"name": "Accent color",
"settings": {
"foreground": "accent04"
}
},
"color.accent05": {
"name": "Accent color",
"settings": {
"foreground": "accent05"
}
},
"color.accent06": {
"name": "Accent color",
"settings": {
"foreground": "accent06"
}
},
"color.blue": {
"name": "Blue color",
"settings": {
"foreground": "#017AFF"
}
},
"color.indigo": {
"name": "Indigo color",
"settings": {
"foreground": "#6C00FA"
}
},
"color.purple": {
"name": "Purple color",
"settings": {
"foreground": "#953E96"
}
},
"color.pink": {
"name": "Pink color",
"settings": {
"foreground": "#F6509E"
}
},
"color.red": {
"name": "Red color",
"settings": {
"foreground": "#E0373E"
}
},
"color.orange": {
"name": "Orange color",
"settings": {
"foreground": "#F7831B"
}
},
"color.yellow": {
"name": "Yellow color",
"settings": {
"foreground": "#FFC726"
}
},
"color.green": {
"name": "Green color",
"settings": {
"foreground": "#60BA46"
}
},
"color.black": {
"name": "Black color",
"settings": {
"foreground": "#000000"
}
},
"color.white": {
"name": "White color",
"settings": {
"foreground": "#FFFFFF"
}
},
"color.gray": {
"name": "Gray color",
"settings": {
"foreground": "#989898"
}
}
},
"colors": {
"editor": {
"accent01": "#00778c",
"accent02": "#008299",
"accent03": "#2ea7bd",
"accent04": "#5de6ff",
"accent05": "#5de6ff",
"accent06": "#5de6ff",
"activeLink": "#008299",
"codeBackground": "#5de6ff",
"link": "#00778c",
"addition": "#1ec337",
"background": "#FFFFFF",
"code": "#1c1c1e",
"comment": "#987a54",
"deletion": "#f5234b",
"foreground": "#616165",
"header": "#69696e",
"heading": "#69696e",
"highlight": "#ffd426",
"invisibles": "#e5e5ea",
"keyword": "#5452f5",
"literal": "#9f4bc9",
"markup": "#98989d",
"strikethrough": "#ff3025",
"substitution": "#f58b00"
},
"interface": {
"actionBarKeyBackground": "#d5f8ff",
"backgroundCollection": "#d5f8ff",
"textHighlight": "#d5f8ff",
"actionBarKeyForeground": "#00778c",
"border": "#5de6ff",
"flagged": "#008299",
"tagBackground": "#f0fcff",
"textBackground": "#f0fcff",
"tagForeground": "#00778c",
"textCaret": "#00778c",
"textSelection": "#2ea7bd",
"tint": "#008299",
"tintAlternate": "#00778c",
"widgetBackground": "#44d4ed",
"widgetBackgroundAlternate": "#5de6ff",
"widgetForeground": "#1c1c1e",
"widgetForegroundAlternate": "#2c2c2e",
"foreground": "#3a3a3c",
"background": "#FFFFFF",
"actionBarBackground": "#FFFFFF",
"caption": "#848489",
"delete": "#c11032",
"messageError": "#c20618",
"messageForeground": "#FFFFFF",
"messageInfo": "#66d4cf",
"messageSuccess": "#31de4b",
"messageWarning": "#ffd426",
"move": "#00778c",
"promptBackground": "#FFFFFF",
"promptButtonBackground": "#98989d",
"promptButtonDestructiveBackground": "#ff3a5f",
"promptButtonDestructiveForeground": "#000000",
"promptButtonForeground": "#000000",
"tagAddHighlight": "#00bdb4",
"tagRemoveHighlight": "#ff3025",
"textForeground": "#000000",
"tintBlue": "#007aff",
"tintGray": "#8e8e93",
"tintGreen": "#28cd41",
"tintIndigo": "#5856d6",
"tintOrange": "#ff9500",
"tintPink": "#ff2d55",
"tintRed": "#ff3b30",
"tintViolet": "#af52de",
"tintYellow": "#ffcc00"
}
}
}