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.

  • diffEditor.diagonalFill#888888
  • diffEditor.insertedTextBackground#FFFFFF
  • diffEditor.removedTextBackground#CCCCCC
  • editor.background#EEEEEE
  • editor.foreground#444444
  • editor.inactiveSelectionBackground#CCCCCC
  • editor.selectionBackground#CCCCCC
  • editor.selectionHighlightBackground#CCCCCC
  • editorCursor.foreground#111111
  • foreground#444444
  • selection.background#CCCCCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
markup.underlineunderline
markup.bold#683824bold
markup.heading#484069bold
markup.italic#554600italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext#234B69
markup.inline.raw, markup.raw.restructuredtext#2E502E
markup.underline.link, markup.underline.link.image#234B69
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title#613651
entity.name.directive.restructuredtext, markup.quote#554600italic
meta.separator.markdown#888888
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown#2E502E
punctuation.definition.constant.restructuredtext#484069
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end#484069
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end#444444
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end#554600
comment, punctuation.definition.comment#888888
keywordbold
storage.modifier, storage.type.modifier#234B69bold
storage.type.namespace#111111bold
storage.type.class, storage.type.struct, storage.type.union, storage.type.enum#683824bold
storage.type.templatebold
storage.type.function#111111bold
variable.language.this, variable.parameter.function.language.special.selfbold
keyword.control#234B69
keyword.control.return, keyword.control.throw#683824
keyword.operator, entity.name.operator#234B69
storage.modifier.reference
constant.language#234B69bold
constant.numeric#234B69
string#2E502E
entity.name.namespace#554600
storage.type.primitive, storage.type.built-in#484069bold
entity.name.type#484069
storage.type.return-type.lambda#484069
entity.name.function.member, variable.other.property, variable.other.enummemberitalic
variable.parameter#613651
variable.parameter.function-call#888888bold
meta.function.definition.parameters variable.parameterunderline
entity.name.function.preprocessor, entity.name.function.macro#888888
entity.name.other.preprocessor.macro.predefinedbold
support.function.builtinbold
keyword.operator.new, keyword.operator.delete#683824bold
keyword.other.using, keyword.other.typedef#683824
keyword.other.default.constructor.cpp, keyword.other.delete.constructor.cpp#234B69
keyword.other.operator.overload.cpp#234B69
variable.parameter.preprocessor.cppunderline
keyword.operator.logical.pythonbold
punctuation.definition.decorator.python#888888
entity.name.function.decorator.python#888888bold
keyword.control.new.java#683824
keyword.operator.instanceof.javabold
variable.language.javabold
storage.modifier.import.java
punctuation.definition.annotation.java#888888
storage.type.annotation.java#888888bold
key.function.go#111111bold
storage.type.boolean.go#234B69bold
entity.name.tag#484069
entity.other.attribute-name#613651italic
entity.other.attribute-name.parent-selector#484069
storage.type.js#234B69bold
keyword.operator.expressionbold
support.function.jsbold
meta.directive.vue entity.other.attribute-namebold italic
expression.embedded punctuation.definition.generic.begin, expression.embedded punctuation.definition.generic.end#234B69
entity.name.function.target.makefile, entity.name.tag.yaml, support.type.property-name.json#234B69