Skip to main content
Coding Theme

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.

  • activityBar.background#2A2A2A
  • editor.background#2B2B2B
  • editor.findMatchBackground#32593D
  • editor.findMatchHighlightBackground#32593D88
  • editor.foreground#F9FAF4
  • editor.inactiveSelectionBackground#2D4F85AA
  • editor.lineHighlightBackground#323232
  • editor.selectionBackground#214283
  • editor.wordHighlightBackground#26535A66
  • editor.wordHighlightStrongBackground#26535A99
  • editorBracketHighlight.foreground1#F9FAF4
  • editorBracketHighlight.foreground2#F9FAF4
  • editorBracketHighlight.foreground3#F9FAF4
  • editorBracketHighlight.foreground4#F9FAF4
  • editorBracketHighlight.foreground5#F9FAF4
  • editorBracketHighlight.foreground6#F9FAF4
  • editorBracketHighlight.unexpectedBracket.foreground#F9FAF4
  • editorBracketMatch.background#3B514D
  • editorBracketMatch.border#6A8759
  • editorCursor.foreground#AEAFAD
  • editorError.foreground#F44747
  • editorGutter.addedBackground#6A8759
  • editorGutter.deletedBackground#CC7832
  • editorGutter.modifiedBackground#6897BB
  • editorIndentGuide.activeBackground1#4A4A4A
  • editorIndentGuide.background1#3A3A3A
  • editorInfo.foreground#4FC1FF
  • editorLineNumber.activeForeground#F9FAF4
  • editorLineNumber.foreground#5A6470
  • editorOverviewRuler.wordHighlightForeground#036B13
  • editorOverviewRuler.wordHighlightStrongForeground#B56277
  • editorWarning.foreground#CCA700
  • editorWhitespace.foreground#3F3F3F
  • sideBar.background#252526
  • statusBar.background#1E1E1E
  • tab.activeBackground#2B2B2B
  • tab.inactiveBackground#252526
  • titleBar.activeBackground#2A2A2A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#808080
keyword.control, keyword.other.package.java, keyword.other.import.java, keyword.operator.expression.instanceof, storage.modifier, storage.type.java#CC6C1Dbold
string, string.quoted, string.template#17C6A3—
constant.numeric, constant.language#CC81BA—
constant.character.escape#DB771D—
entity.name.type, entity.name.class, entity.name.type.class, entity.name.type.class.java, meta.method-call.java entity.name.type.class.java, meta.method-call.java support.class.java, support.class, support.class.java, storage.type, entity.name.type.interface#1290C3—
entity.name.type.interface#80F2F6—
meta.package.declaration.java, meta.import.java, entity.name.package.java, entity.name.namespace.java, entity.name.namespace, meta.import.java storage.modifier, meta.package.java storage.modifier, support.other.package.java#1290C3—
meta.annotation, meta.annotation.java, storage.type.annotation, storage.type.annotation.java, entity.name.function.annotation, entity.name.type.annotation, entity.name.type.annotation.java, meta.annotation entity.name.type, meta.annotation.java entity.name.type, meta.annotation entity.name.type.class, meta.annotation.java entity.name.type.class, meta.annotation entity.name.type.class.java, meta.annotation.java entity.name.type.class.java, meta.annotation support.class, meta.annotation.java support.class, meta.annotation support.class.java, meta.annotation.java support.class.java, support.type.annotation, support.type.annotation.java, variable.annotation, punctuation.definition.annotation#a0a0a0
entity.other.attribute-name.annotation#EB4B64—
meta.method-call.java entity.name.function#A7EC21—
meta.method.declaration entity.name.function, meta.function entity.name.function#1EB540—
variable.language.this, variable.language.super, keyword.other.this, keyword.other.super#CC6C1Dbold
variable, meta.definition.variable.name#F2F250—
variable.parameter#79ABFF—
variable.other.property, variable.object.property, meta.field#66E1F8—
variable.other.constant, variable.other.constant.property#8DDAF8italic
comment.block.documentation#808080—
storage.type.class.javadoc, entity.name.tag.javadoc#8E8070bold italic
comment.block.documentation variable.parameter#9A8C7C—
keyword.operator, punctuation.terminator#E6E6FA—
punctuation.separator.colon, punctuation.separator.colon.java, punctuation.separator.method-reference, punctuation.separator.method-reference.java, keyword.operator.colon, keyword.operator.colon.java, keyword.operator.double-colon, keyword.operator.double-colon.java, keyword.operator.method-reference, keyword.operator.method-reference.java#F9FAF4—
punctuation.bracket, punctuation.definition.bracket, punctuation.section.braces, punctuation.section.brackets, punctuation.section.parens, punctuation.section.group.begin, punctuation.section.group.end, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.section.method.begin, punctuation.section.method.end, meta.brace, meta.group.braces, meta.group.brackets, meta.group.parens#F9FAF4—
invalid, invalid.illegal#FFFFFF—
entity.name.tag, entity.name.tag.xml, entity.name.tag.html, entity.name.tag.localname.xml#569CD6—
entity.other.attribute-name, entity.other.attribute-name.xml, entity.other.attribute-name.html, entity.other.attribute-name.localname.xml#9CDCFE—
punctuation.definition.tag, punctuation.definition.tag.xml, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml#808080—
meta.tag.preprocessor.xml, entity.name.tag.preprocessor.xml, meta.processing-instruction, meta.tag.sgml, entity.name.tag.sgml#569CD6—
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml#569CD6—
string.quoted.double.xml, string.quoted.single.xml, meta.tag string.quoted, string.quoted.double.html, string.quoted.single.html#CE9178—
string.unquoted.cdata.xml#CE9178—
constant.character.entity, constant.character.entity.xml, punctuation.definition.entity.xml#569CD6—
variable.language.documentroot.xml, keyword.other.doctype, meta.tag.sgml.doctype#569CD6—
comment.block.xml#6A9955—
support.type.property-name.json, support.type.property-name.json.comments#9CDCFE—
string.quoted.double.json, string.quoted.double.json.comments#CE9178—
constant.numeric.json, constant.numeric.json.comments#B5CEA8—
constant.language.json, constant.language.json.comments#569CD6—
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json#D4D4D4—
entity.name.tag.yaml, support.type.property-name.yaml#569CD6—
string.quoted.double.yaml, string.quoted.single.yaml, string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml#CE9178—
constant.numeric.integer.yaml, constant.numeric.float.yaml#B5CEA8—
constant.language.boolean.yaml, constant.language.null.yaml#569CD6—
entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml, keyword.control.flow.block-scalar.literal.yaml, keyword.control.flow.block-scalar.folded.yaml#569CD6—
punctuation.separator.key-value.mapping.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml#D4D4D4—
comment.line.number-sign.yaml#6A9955—
keyword.other.directive.yaml, entity.other.document.begin.yaml, entity.other.document.end.yaml#569CD6—
Eclipse Dark Theme Java by Metosco - VS Code Theme