Boxy Theme Kit
Publisher: Thanh TranThemes in package: 9
Tomorrow Night, Monokai, Nova, Ocean, Solarized Dark, Solarized Light, and Yesterday color schemes in Sublime Boxy Theme kit.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- editor.background#1d1f21
- editor.foreground#c5c8c6
- editor.lineHighlightBackground#ffffff10
- editor.selectionBackground#ffffff16
- editorCursor.foreground#c5c8c6
- editorIndentGuide.background#ffffff25
- editorWhitespace.foreground#969896
- statusBar.background#2a2b2d
- statusBar.noFolderBackground#2a4466
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #c5c8c6ff | — |
| comment, punctuation.definition.comment, other.meta.jsdoc | #969896 | italic |
| variable.other.jsdoc, storage.type.class.jsdoc | #969896 | normal |
| variable, string constant.other.placeholder | #c5c8c6 | — |
| invalid | #ff0000 | — |
| invalid.deprecated | #b294bb | — |
| keyword, storage.type, storage.modifier, storage.control | #b294bb | — |
| meta.object-literal.key, variable.object.property, keyword.operator, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #8abeb7 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #d75a64 | — |
| meta.function-call.generic.python, support.function.builtin.python, entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace, entity.name.function, variable.function, support.function, keyword.other.special-method, meta.block-level | #81a2be | — |
| support.other.variable, string.other.link | #d75a64 | — |
| constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit | #de935f | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, string.quoted.double.html, string.quoted.single.html, string.unquoted.html | #b5bd68 | normal |
| entity.name.class, entity.name.type.class, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, meta.metadata.simple | #f0c674 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #cc6666 | — |
| variable, variable.other.readwrite.js, variable.other.object.js, variable.other.object.property.js, variable.other.property.js | #cc6666 | |
| entity.name.method.js | #81a2be | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #81a2be | — |
| entity.other.attribute-name | #b294bb | — |
| markup.inserted | #b5bd68 | — |
| markup.deleted | #cc6666 | — |
| markup.changed | #b294bb | — |
| string.regexp | #8abeb7 | — |
| constant.character.escape | #8abeb7 | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #a3685a | — |
| entity.name.filename.find-in-files | #b5bd68 | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #81a2be | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #cc6666 | italic |
| source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #cc6666bf | — |
| source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #81a2bebf | — |
| source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #f0c674bf | — |
| source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #b294bbbf | — |
| source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #de935f | — |
| source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #cc6666 | — |
| source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #81a2be | — |
| source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #f0c674 | — |
| source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #b294bb | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #c5c8c6 | — |
| text.html.markdown markup.inline.raw | #b5bd68 | — |
| text.html.markdown meta.dummy.line-break | #ffffff50 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #d75a64 | — |
| markup.italic, markup.italic string | — | italic |
| markup.bold, markup.bold string | — | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | — | bold italic |
| markup.underline | #b5bd68 | underline |
| markup.strike | #969896 | strike |
| markup.quote punctuation.definition.blockquote.markdown | #ffffff16 | |
| markup.quote | #969896 | italic |
| string.other.link.title.markdown | #81a2be | — |
| string.other.link.description.title.markdown | #b294bb | — |
| constant.other.reference.link.markdown | #f0c674 | — |
| markup.raw.block | #c5c8c6cc | — |
| markup.fenced_code.block.markdown | — | — |
| punctuation.definition.fenced.markdown | — | — |
| markup.fenced_code.block.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #c5c8c6 | — |
| punctuation.definition.fenced.markdown, meta.definition.language.raw.block.fenced.markdown | #ffffff50 | |
| variable.language.fenced.markdown | #969896 | |
| meta.separator | #969896 | bold |
| markup.table | #c5c8c6cc | — |
| text.html.markdown punctuation.definition, text.html.markdown.note punctuation.definition.list_item.markdown, markup.table.markdown punctuation.definition.table.vertical-line.markdown, text.html.markdown markup.checkbox.markdown | #ffffff50 | |
| text.html.markdown meta.disable-markdown punctuation.definition | #8abeb7 | — |
| punctuation.definition.list_item.todo.done | #b5bd68 | — |
| punctuation.definition.list_item.todo.cancelled | #cc6666 | — |
| markup.checkbox.markdown markup.checkbox.checked_symbol.markdown | #b5bd68 | — |
| markup.admonition.markdown string.other.admonition.title.markdown | #c5c8c6 | bold |
| markup.admonition.markdown markup.admonition.header.markdown | — | — |
| markup.admonition.markdown markup.admonition.body.markdown | — | — |
| markup.admonition.markdown punctuation.definition.admonition.markdown, markup.admonition.markdown punctuation.definition.heading,markup.admonition.markdown punctuation.definition.table.vertical-line, markup.admonition.markdown punctuation.definition.table.horizontal-line, markup.admonition.markdown punctuation.definition.table.alignments, markup.admonition.markdown punctuation.definition.heading, markup.admonition.markdown punctuation.definition.bold, markup.admonition.markdown punctuation.definition.italic, markup.admonition.markdown punctuation.definition.list_item, markup.admonition.markdown punctuation.definition.raw, markup.admonition.markdown markup.checkbox.markdown, markup.admonition.markdown punctuation.definition.list_item.todo.pending, markup.admonition.markdown meta.link punctuation.definition, markup.admonition.markdown meta.link.inline markup.underline.link, markup.admonition.markdown meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown punctuation.definition.entity.html, markup.admonition.markdown meta.separator.markdown, markup.admonition.markdown markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown meta.definition.language.raw.block.fenced.markdown | #9f74ab75 | — |
| markup.admonition.markdown entity.name.admonition.markdown | #9f74ab | bold |
| markup.admonition.markdown markup.table, markup.admonition.markdown markup.raw, markup.admonition.markdown markup.raw.block.fenced meta.language, markup.admonition.markdown punctuation.definition.blockquote.markdown, markup.admonition.markdown meta.separator, markup.admonition.markdown markup.inline.raw, markup.admonition.markdown markup.raw.block | — | — |
| markup.admonition.markdown markup.quote punctuation.definition.blockquote.markdown | #9f74ab35 | — |
| markup.admonition.markdown.hint markup.admonition.header.markdown | — | — |
| markup.admonition.markdown.hint markup.admonition.body.markdown | — | — |
| markup.admonition.markdown.hint punctuation.definition.admonition.markdown, markup.admonition.markdown.hint punctuation.definition.heading,markup.admonition.markdown.hint punctuation.definition.table.vertical-line, markup.admonition.markdown.hint punctuation.definition.table.horizontal-line, markup.admonition.markdown.hint punctuation.definition.table.alignments, markup.admonition.markdown.hint punctuation.definition.heading, markup.admonition.markdown.hint punctuation.definition.bold, markup.admonition.markdown.hint punctuation.definition.italic, markup.admonition.markdown.hint punctuation.definition.list_item, markup.admonition.markdown.hint punctuation.definition.raw, markup.admonition.markdown.hint markup.checkbox.markdown, markup.admonition.markdown.hint punctuation.definition.list_item.todo.pending, markup.admonition.markdown.hint meta.link punctuation.definition, markup.admonition.markdown.hint meta.link.inline markup.underline.link, markup.admonition.markdown.hint meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.hint punctuation.definition.entity.html, markup.admonition.markdown.hint meta.separator.markdown, markup.admonition.markdown.hint markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.hint meta.definition.language.raw.block.fenced.markdown | #81a2be75 | — |
| markup.admonition.markdown.hint entity.name.admonition.markdown | #81a2be | bold |
| markup.admonition.markdown.hint markup.table, markup.admonition.markdown.hint markup.raw, markup.admonition.markdown.hint markup.raw.block.fenced meta.language, markup.admonition.markdown.hint punctuation.definition.blockquote.markdown, markup.admonition.markdown.hint meta.separator, markup.admonition.markdown.hint markup.inline.raw, markup.admonition.markdown.hint markup.raw.block | — | — |
| markup.admonition.markdown.hint markup.quote punctuation.definition.blockquote.markdown | #81a2be35 | — |
| markup.admonition.markdown.warning markup.admonition.header.markdown | — | — |
| markup.admonition.markdown.warning markup.admonition.body.markdown | — | — |
| markup.admonition.markdown.warning punctuation.definition.admonition.markdown, markup.admonition.markdown.warning punctuation.definition.heading,markup.admonition.markdown.warning punctuation.definition.table.vertical-line, markup.admonition.markdown.warning punctuation.definition.table.horizontal-line, markup.admonition.markdown.warning punctuation.definition.table.alignments, markup.admonition.markdown.warning punctuation.definition.heading, markup.admonition.markdown.warning punctuation.definition.bold, markup.admonition.markdown.warning punctuation.definition.italic, markup.admonition.markdown.warning punctuation.definition.list_item, markup.admonition.markdown.warning punctuation.definition.raw, markup.admonition.markdown.warning markup.checkbox.markdown, markup.admonition.markdown.warning punctuation.definition.list_item.todo.pending, markup.admonition.markdown.warning meta.link punctuation.definition, markup.admonition.markdown.warning meta.link.inline markup.underline.link, markup.admonition.markdown.warning meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.warning punctuation.definition.entity.html, markup.admonition.markdown.warning meta.separator.markdown, markup.admonition.markdown.warning markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.warning meta.definition.language.raw.block.fenced.markdown | #f0c67475 | — |
| markup.admonition.markdown.warning entity.name.admonition.markdown | #f0c674 | bold |
| markup.admonition.markdown.warning markup.table, markup.admonition.markdown.warning markup.raw, markup.admonition.markdown.warning markup.raw.block.fenced meta.language, markup.admonition.markdown.warning punctuation.definition.blockquote.markdown, markup.admonition.markdown.warning meta.separator, markup.admonition.markdown.warning markup.inline.raw, markup.admonition.markdown.warning markup.raw.block | — | — |
| markup.admonition.markdown.warning markup.quote punctuation.definition.blockquote.markdown | #f0c67435 | — |
| markup.admonition.markdown.danger markup.admonition.header.markdown | — | — |
| markup.admonition.markdown.danger markup.admonition.body.markdown | — | — |
| markup.admonition.markdown.danger punctuation.definition.admonition.markdown, markup.admonition.markdown.danger punctuation.definition.heading,markup.admonition.markdown.danger punctuation.definition.table.vertical-line, markup.admonition.markdown.danger punctuation.definition.table.horizontal-line, markup.admonition.markdown.danger punctuation.definition.table.alignments, markup.admonition.markdown.danger punctuation.definition.heading, markup.admonition.markdown.danger punctuation.definition.bold, markup.admonition.markdown.danger punctuation.definition.italic, markup.admonition.markdown.danger punctuation.definition.list_item, markup.admonition.markdown.danger punctuation.definition.raw, markup.admonition.markdown.danger markup.checkbox.markdown, markup.admonition.markdown.danger punctuation.definition.list_item.todo.pending, markup.admonition.markdown.danger meta.link punctuation.definition, markup.admonition.markdown.danger meta.link.inline markup.underline.link, markup.admonition.markdown.danger meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.danger punctuation.definition.entity.html, markup.admonition.markdown.danger meta.separator.markdown, markup.admonition.markdown.danger markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.danger meta.definition.language.raw.block.fenced.markdown | #cc666675 | — |
| markup.admonition.markdown.danger entity.name.admonition.markdown | #cc6666 | bold |
| markup.admonition.markdown.danger markup.table, markup.admonition.markdown.danger markup.raw, markup.admonition.markdown.danger markup.raw.block.fenced meta.language, markup.admonition.markdown.danger punctuation.definition.blockquote.markdown, markup.admonition.markdown.danger meta.separator, markup.admonition.markdown.danger markup.inline.raw, markup.admonition.markdown.danger markup.raw.block | — | — |
| markup.admonition.markdown.danger markup.quote punctuation.definition.blockquote.markdown | #cc666635 | — |
| markup.admonition.markdown.attention markup.admonition.header.markdown | — | — |
| markup.admonition.markdown.attention markup.admonition.body.markdown | — | — |
| markup.admonition.markdown.attention punctuation.definition.admonition.markdown, markup.admonition.markdown.attention punctuation.definition.heading,markup.admonition.markdown.attention punctuation.definition.table.vertical-line, markup.admonition.markdown.attention punctuation.definition.table.horizontal-line, markup.admonition.markdown.attention punctuation.definition.table.alignments, markup.admonition.markdown.attention punctuation.definition.heading, markup.admonition.markdown.attention punctuation.definition.bold, markup.admonition.markdown.attention punctuation.definition.italic, markup.admonition.markdown.attention punctuation.definition.list_item, markup.admonition.markdown.attention punctuation.definition.raw, markup.admonition.markdown.attention markup.checkbox.markdown, markup.admonition.markdown.attention punctuation.definition.list_item.todo.pending, markup.admonition.markdown.attention meta.link punctuation.definition, markup.admonition.markdown.attention meta.link.inline markup.underline.link, markup.admonition.markdown.attention meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.attention punctuation.definition.entity.html, markup.admonition.markdown.attention meta.separator.markdown, markup.admonition.markdown.attention markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.attention meta.definition.language.raw.block.fenced.markdown | #b5bd6875 | — |
| markup.admonition.markdown.attention entity.name.admonition.markdown | #b5bd68 | bold |
| markup.admonition.markdown.attention markup.table, markup.admonition.markdown.attention markup.raw, markup.admonition.markdown.attention markup.raw.block.fenced meta.language, markup.admonition.markdown.attention punctuation.definition.blockquote.markdown, markup.admonition.markdown.attention meta.separator, markup.admonition.markdown.attention markup.inline.raw, markup.admonition.markdown.attention markup.raw.block | — | — |
| markup.admonition.markdown.attention markup.quote punctuation.definition.blockquote.markdown | #b5bd6835 | — |
| acejump.label | #ffffff | — |
| sublimelinter.mark.warning | #f0c674 | — |
| sublimelinter.gutter-mark | #ffffff | — |
| sublimelinter.mark.error | #cc6666 | — |
| markup.ignored.git_gutter | #969896 | — |
| markup.untracked.git_gutter | #969896 | — |
| markup.inserted.git_gutter | #b5bd68 | — |
| markup.changed.git_gutter | #f0c674 | — |
| markup.deleted.git_gutter | #cc6666 | — |
| brackethighlighter.default | #b294bb | — |
| brackethighlighter.unmatched | #cc6666 | — |
| brackethighlighter.curly | #9f74ab | — |
| brackethighlighter.round | #f0c674 | — |
| brackethighlighter.square | #81a2be | — |
| brackethighlighter.angle | #de935f | — |
| brackethighlighter.tag | #8abeb7 | — |
| brackethighlighter.quote | #b5bd68 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...