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#000000
  • activityBarBadge.background#007acc
  • breadcrumb.foreground#909090
  • editor.background#060606
  • editor.findMatchHighlightBackground#66d9ff40
  • editor.findMatchHighlightBorder#66d9ff90
  • editor.foreground#c6c6c6
  • editor.lineHighlightBackground#252525
  • editor.selectionBackground#444
  • editor.selectionForeground#d0d0d0
  • editor.selectionHighlightBorder#66d9ff90
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.background#000000
  • editorRuler.foreground#333
  • gitDecoration.ignoredResourceForeground#808080
  • menu.background#131313
  • panel.background#000000
  • panel.border#00fff2
  • sideBar.background#000000
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#000000
  • tab.activeBackground#000000
  • tab.activeForeground#ffffff
  • tab.border#00fff2
  • tab.inactiveBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FFFFFF
text, source#FFFFFF
git_changes_change#A29F46
git_changes_add#1f9a12
git_changes_del-#A72822
comment#708090
string#FFFF00
string.quoted.docstring#00FF7F
string.quoted.docstring string#00FF7F
string.quoted.docstring storage#00FFFF
constant.numeric#9932CC
constant.language#9932CC
constant.character, constant.other#9932CC
variable
keyword#FF0000
comment.line.note, string.quoted.docstring.note#b14a58
storage#FF0000
storage.type#00FFFF
meta.function-call.generic#00FFFF
entity.name.class#A6E22E
entity.other.inherited-class#FF0000
entity.name.function#00FF00
entity.name.function.decorator#00c3ff
punctuation.definition.decorator.python#FF0000italic
entity.name.function.decorator.python#00FFFFitalic
variable.parameter#FF8C00
entity.name.tag.namespace#76263a
entity.name.tag, keyword.doctype.xml#ff0066
entity.other.attribute-name#D77C23
entity.other.attribute-name.class#ADFF2F
entity.other.attribute-name.id#C0C0C0
support.function#00FFFF
support.constant#00FFFF
support.type#336EFF
support.type.exception#3364FF
support.class, support.other, support.variable#00FFFF
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#FFFFFF
meta.diff, meta.diff.header#75715E
markup.deleted#FF0000
markup.inserted#A6E22E
markup.changed#E6DB74
variable.language.special, variable.parameter.function.language.special#FF00F2
comment.typehint#888A84
comment.typehint.ignore#7E6461
comment.typehint.type#44727B
ChromodynamicsV2 Theme by yousefabuz17 - VS Code Theme