Skip to main content
CodingTheme

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#181818
  • editor.foreground#eeffff
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.directive.include, keyword.control.directive.pragma, meta.preprocessor.pragma, keyword.control.directive.define, keyword.control.directive.define#e283ffbold
string.quoted.other.lt-gt.include, string.quoted.double.include#f17500bold
meta.preprocessor.macro, meta.preprocessor.conditional, constant.language.nullptr, constant.language.NULL, entity.name.function.preprocessor#ff0e87
keyword.control.directive.conditional.ifdef, keyword.control.directive.endif#e283ffbold
constant.numeric.decimal, constant.numeric.decimal.point, keyword.other.unit.suffix.floating-point#ffc400bold
string.quoted.double, string.quoted.single#d87148
constant.character.escape#fdddad
punctuation.definition.string.begin, punctuation.definition.string.end#df8a0bbold
constant.language.true, constant.language.false#91d650bold
storage.type.namespace.directive, storage.type.namespace.definition#91d650bold
entity.name.namespace#f17500bold
keyword.other.using.directive, storage.modifier, storage.type, keyword.other.typedef, keyword.operator.new, keyword.operator.delete, variable.language#91d650bold
variable, variable.other.property#699adbbold
variable.other.global#88ddf7d0bold
entity.name.type#f3bd6cbold
variable.other.enummember#f38ad0
keyword.control#b97dd1bold
entity.name.function#ffffffbold
punctuation.separator.dot-access, punctuation.separator.pointer-access, punctuation.separator.scope-resolution, keyword.operator.bitwise#ff5b5bbold
comment#517b7ebold
punctuation.definition.comment.documentation, comment.line.double-slash.documentation, entity.name.tag#6A9955
punctuation.section#d8d8d8
support.type.property-name.json#88ddf7d0bold
comment.line.double-slash.js#6A9955bold
string.quoted.double.json.comments, punctuation.definition.string.begin.json.comments, punctuation.definition.string.end.json.comments#d87148bold
meta.structure.dictionary.json#d8d8d8
entity.name.section.markdown#f17500bold
meta.paragraph.markdown#6A9955
string.other.link.title.markdown#d87148bold
markup.underline.link.markdown#88ddf7d0
punctuation.definition.heading.markdow, punctuation.definition.metadata.markdown, markup.list.unnumbered.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#ffffffd0bold
entity.name.tag.xml#e283ffbold
entity.name.tag.localname.xml#ff0e87bold
entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml#88ddf7d0bold
text.xml#ffffffd0
punctuation.definition.tag.xml#ffffffbold
string.quoted.double.xml#d87148
keyword.cmake#b97dd1bold
entity.source.cmake#91d650bold
storage.source.cmake#f3bd6cbold
source.cmake#ffffff
comment.source.cmake#517b7e
constant.source.cmake#ff0e87bold
string.source.cmake#d87148

Shiki preview

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

Loading...

DarkTheme C++ by DarkThemeCpp - VS Code Theme