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.

  • activityBar.activeBackground#3574f0
  • activityBar.activeBorder#00000000
  • activityBar.activeForeground#3574f0
  • activityBar.background#2b2d30
  • activityBar.border#1e1f22
  • editor.background#1e1f22
  • editor.foreground#bcbec4
  • editor.lineHighlightBackground#26282E
  • editorCursor.foreground#CED0D6
  • editorLineNumber.activeForeground#A1A3AB
  • editorLineNumber.foreground#4B5059
  • list.activeSelectionBackground#2e436e
  • list.activeSelectionForeground#FFFFFF
  • list.activeSelectionOutlinetransparent
  • list.focusOutline#ffffff00
  • list.hoverBackground#2A2D2E
  • list.inactiveSelectionBackground#264F7850
  • sideBar.background#2b2d30
  • statusBar.background#2b2d30
  • statusBar.border#1e1f22
  • statusBarItem.hoverBackground#37373D
  • statusBarItem.remoteBackground#2b2d30
  • titleBar.background#3574f0
  • titleBar.border#1e1f22
  • tree.indentGuidesStrokeWidth10px

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, text#F8F8F2
comment, punctuation.definition.comment#6272A4italic
keyword, storage, storage.type, storage.modifier#FF79C6
meta.annotation, meta.annotation.identifier, punctuation.definition.annotation, storage.type.annotation#FFB86C
entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.annotation, support.class, support.type#8BE9FD
entity.name.function, entity.name.function.java, meta.method.java, meta.definition.method.java#50FA7B
meta.method-call.java, meta.function-call.java#50FA7B
variable, variable.parameter, variable.other.local, variable.other.field, variable.other.object.property, variable.other.readwrite#8BE9FD
string, string.quoted, string.quoted.double.java#F1FA8C
constant, constant.numeric, constant.language, constant.character#BD93F9
constant.language.boolean, variable.language, support.constant#BD93F9
meta.generic.java, meta.type.parameters#8BE9FD
meta.import, meta.package, storage.modifier.import, storage.modifier.package#F8F8F2
punctuation, punctuation.definition, punctuation.separator, punctuation.terminator#F8F8F2
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical#FF79C6
variable.language.this, variable.language.super#BD93F9
punctuation.definition.tag.xml#F8F8F2
string#6aab73
keyword#cf8e6d
constant.numeric#2aacb8
entity.name.function#56a8f5
entity.name.type, support.class#bcbec4