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#101010
  • 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#131313
  • editorGutter.background#101010
  • editorRuler.foreground#333
  • gitDecoration.ignoredResourceForeground#808080
  • menu.background#131313
  • panel.background#131313
  • sideBar.background#131313
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#131313
  • statusBar.foreground#c6c6c6
  • statusBar.noFolderBackground#131313
  • tab.activeForeground#c6c6c6
  • tab.border#131313
  • tab.inactiveBackground#151515

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#c6c6c6
text, source#c6c6c6
git_changes_change#A29F46
git_changes_add#1f9a12
git_changes_del-#A72822
comment#747475
string#d3c970
string.quoted.docstring#7c9f57
string.quoted.docstring string#7c9f57
string.quoted.docstring storage#66D9EF
constant.numeric#9a79d7
constant.language#9a79d7
constant.character, constant.other#9a79d7
variable
keyword#e8364f
comment.line.note, string.quoted.docstring.note#b14a58
storage#e8364f
storage.type#66D9EF
entity.name.class#A6E22E
entity.other.inherited-class#A6E22E
entity.name.function#A6E22E
variable.parameter#e99c42
entity.name.tag.namespace#76263a
entity.name.tag, keyword.doctype.xml#d33c78
entity.other.attribute-name#D77C23
support.function#66D9EF
support.constant#66D9EF
support.type#66D9EF
support.class, support.other, support.variable#66D9EF
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#75715E
markup.deleted#e8364f
markup.inserted#A6E22E
markup.changed#E6DB74
variable.language.special, variable.parameter.function.language.special#b0af95
comment.typehint#888A84
comment.typehint.ignore#7E6461
comment.typehint.type#44727B

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Chromodynamics Theme - Coding Theme