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
Eclipse Dark Java by Metosco - VS Code Theme