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