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": "cGreened",
"description": "*created by [@FlohGro](https://social.lol/@flohgro) / more on my [Blog](https://flohgro.com/)*\n\n*If you like the theme, enjoy using it and want to support me you can* \n\n![\"Buy](\"https://cdn.buymeacoffee.com/buttons/v2/default-blue.png\")
",
"author": "FlohGro",
"isDark": true,
"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": "italic, monospace",
"fontSize": "large"
}
},
"text.monospace.italic.extraLarge": {
"name": "Extra Large Monospace Italic",
"settings": {
"fontStyle": "italic, monospace",
"fontSize": "extraLarge"
}
},
"text.monospace.italic.small": {
"name": "Small Monospace Italic",
"settings": {
"fontStyle": "italic, monospace",
"fontSize": "small"
}
},
"text.monospace.italic.extraSmall": {
"name": "Extra Small Monospace Italic",
"settings": {
"fontStyle": "italic, monospace",
"fontSize": "extraSmall"
}
},
"text.underline": {
"name": "Underline",
"settings": {
"fontStyle": "underline"
}
},
"text.heading": {
"name": "Heading",
"settings": {
"fontWeight": "bold",
"fontSize": "extraLarge",
"foreground": "accent01"
}
},
"text.heading01": {
"name": "Level 1 Heading",
"settings": {
"fontWeight": "bold",
"fontSize": "extraLarge",
"foreground": "accent01"
}
},
"text.heading02": {
"name": "Level 2 Heading",
"settings": {
"fontWeight": "bold",
"fontSize": "large",
"foreground": "accent02"
}
},
"text.heading03": {
"name": "Level 3 Heading",
"settings": {
"fontWeight": "bold",
"fontSize": "normal",
"foreground": "accent03"
}
},
"text.heading04": {
"name": "Level 4 Heading",
"settings": {
"fontWeight": "medium",
"foreground": "accent04"
}
},
"text.heading05": {
"name": "Level 5 Heading",
"settings": {
"fontWeight": "regular",
"foreground": "accent05"
}
},
"text.heading06": {
"name": "Level 6 Heading",
"settings": {
"fontWeight": "regular",
"fontSize": "small",
"foreground": "accent06"
}
},
"text.link": {
"name": "Link",
"settings": {
"foreground": "accent05"
}
},
"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": "link",
"fontWeight": "light",
"fontSize": "small"
}
},
"text.linkModeLink": {
"name": "Link Mode Link",
"settings": {
"foreground": "link",
"fontStyle": "underline",
"fontSize": "small"
}
},
"text.strikethrough": {
"name": "Strikethrough",
"settings": {
"fontStyle": "strikethrough",
"foreground": "strikethrough"
}
},
"markup": {
"name": "Markup",
"settings": {
"foreground": "markup"
}
},
"markup.heading": {
"name": "Markup",
"settings": {
"foreground": "headingMarkup",
"fontWeight": "bold",
"fontSize": "small"
}
},
"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.substitution": {
"name": "Substitution",
"settings": {
"fontStyle": "italic",
"foreground": "substitution"
}
},
"markup.highlight": {
"name": "Highlight",
"settings": {
"background": "highlight"
}
},
"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": {
"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": {}
},
"color.indigo": {
"name": "Blue color",
"settings": {}
},
"color.purple": {
"name": "Purple color",
"settings": {}
},
"color.pink": {
"name": "Pink color",
"settings": {}
},
"color.red": {
"name": "Red color",
"settings": {}
},
"color.orange": {
"name": "Orange color",
"settings": {}
},
"color.yellow": {
"name": "Yellow color",
"settings": {}
},
"color.green": {
"name": "Green color",
"settings": {}
},
"color.black": {
"name": "Black color",
"settings": {}
},
"color.white": {
"name": "White color",
"settings": {}
},
"color.gray": {
"name": "Gray color",
"settings": {}
}
},
"colors": {
"editor": {
"foreground": "#ffffff",
"background": "#11411B",
"heading": "#98d9c2",
"headingMarkup": "#d4c00c",
"strikethrough": "#bbbbbb",
"comment": "#69676c",
"link": "#fcb97d",
"activeLink": "#98d9c2",
"code": "#bbbbbb",
"codeBackground": "#1d722f",
"literal": "#ffe549",
"keyword": "#53dc87",
"markup": "#d4c00c",
"addition": "#9adf67",
"deletion": "#ff4f8d",
"substitution": "#98feff",
"highlight": "#98981f",
"invisibles": "#666666",
"accent01": "#98d9c2",
"accent02": "#98d9c2",
"accent03": "#98d9c2",
"accent04": "#98d9c2",
"accent05": "#98d9c2",
"accent06": "#98d9c2"
},
"interface": {
"foreground": "#ffffff",
"textForeground": "#ffffff",
"background": "#11411B",
"backgroundCollection": "#1d722f",
"tint": "#f3de2c",
"tintAlternate": "#d4c00c",
"textBackground": "#11411B",
"textCaret": "#fcb97d",
"textSelection": "#fddec3",
"textHighlight": "#1d722f",
"promptBackground": "#1d722f",
"promptButtonBackground": "#11411B",
"promptButtonForeground": "#ffffff",
"promptButtonDestructiveBackground": "#ae0300",
"promptButtonDestructiveForeground": "#ffffff",
"caption": "#d4c00c",
"actionBarBackground": "#11411B",
"actionBarKeyBackground": "#1d722f",
"actionBarKeyForeground": "#ffffff",
"flagged": "#f3de2c",
"move": "#1083ff",
"delete": "#ae0300",
"tagForeground": "#f3de2c",
"tagBackground": "#1d722f",
"tagAddHighlight": "#98d9c2",
"tagRemoveHighlight": "#ffd5e1",
"border": "#08200E",
"messageForeground": "#ffffff",
"messageSuccess": "#9adf67",
"messageInfo": "#666b71",
"messageWarning": "#ff8c42",
"messageError": "#ae0300",
"tintGray": "#707070",
"tintRed": "#ae0300",
"tintPink": "#f64f9d",
"tintOrange": "#ff8c42",
"tintYellow": "#ffe449",
"tintGreen": "#9adf67",
"tintIndigo": "#38cad3",
"tintBlue": "#1083ff",
"tintViolet": "#623189"
}
}
}