Skip to main content
Coding Theme

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.

  • activityBarBadge.background#007acc
  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionHighlightBackground#add6ff26
  • editorIndentGuide.background#404040
  • list.dropBackground#383b3d
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#d4d4d4ff
meta.embedded, source.groovy.embedded#D4D4D4
emphasisitalic
strongbold
header#000080
comment#5bc95bitalic
comment.temporario#85c569
constant.language#5856d6
constant.numeric#b5cea8
constant.regexp#646695
entity.name.tag#5856d6
entity.name.tag.css#d7ba7d
entity.other.attribute-name#9cdcfe
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#d7ba7d
invalid#f44747
markup.underlineunderline
markup.bold#5856d6bold
markup.heading#5856d6bold
markup.italicitalic
markup.inserted#b5cea8
markup.deleted#5856d6
markup.changed#5856d6
beginning.punctuation.definition.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown#6796e6
markup.inline.raw#5856d6
meta.selector#d7ba7d
punctuation.definition.tag#808080
meta.preprocessor#5856d6
meta.preprocessor.string#5856d6
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9cdcfe
meta.diff.header#5856d6
storage#5856d6
storage.type#5856d6
storage.modifier#5856d6
string#5856d6
string.tag#5856d6
string.value#5856d6
string.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#5856d6
meta.template.expression#d4d4d4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#9cdcfe
keyword#5856d6
keyword.control#5856d6
keyword.operator#d4d4d4
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python#5856d6
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#5856d6
support.function.git-rebase#9cdcfe
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language#5856d6
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
constant.language.lsp#f44747bold
entity.name.function.lsp#e067e6bold
invalid.deprecated.lsp#aaaaaaitalic
keyword.control.lsp#ffffffbold
entity.name.method.lsp#fd7600

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Tema LSP - Coding Theme