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.background#101010
  • activityBarBadge.background#007acc
  • breadcrumb.foreground#909090
  • editor.background#060606
  • editor.findMatchHighlightBackground#66d9ff40
  • editor.findMatchHighlightBorder#66d9ff90
  • editor.foreground#c6c6c6
  • editor.lineHighlightBackground#252525
  • editor.lineHighlightBorder#9fced11f
  • editor.selectionBackground#444
  • editor.selectionForeground#d0d0d0
  • editor.selectionHighlightBorder#66d9ff90
  • editorGroupHeader.tabsBackground#131313
  • editorGutter.background#101010
  • editorRuler.foreground#333
  • menu.background#131313
  • panel.background#181717
  • panel.border#ffffff
  • sash.hoverBorder#ffffff9a
  • selection.background#007acc
  • sideBar.background#080808
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#3f5255af
  • statusBar.debuggingBackground#880a0a
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#131313
  • tab.activeForeground#c6c6c6
  • tab.border#131313
  • tab.inactiveBackground#1b1b1b
  • tab.lastPinnedBorder#ffffff
  • terminal.background#070707

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text, source, meta.interpolation#FFFFFF
git_changes_change#A29F46
git_changes_add#1f9a12
git_changes_del-#A72822
comment#708090
string source, string#DEB887
punctuation.definition.string, string punctuation.definition.string source#FF6347
string.quoted.docstring, string.quoted.docstring punctuation.definition.string#00FF7F
string.quoted.docstring string#00FF7F
string.quoted.docstring storage#00FFFF
constant.numeric#1E90FF
constant.language#1E90FF
constant.character, constant.other, variable.other.constant#AB9DF2
variable#FFFFFF
punctuation.separator.key-value.ini#1E90FF
keyword#FF0000
comment.line.note, string.quoted.docstring.note#b14a58
storage, storage.type.function.async#FF0000
storage.type#00FFFFitalic
meta.function-call.generic#00FFFF
entity.name.class#A6E22E
entity.other.inherited-class, entity.name.type.class, entity.name.type.module#00BFFFunderline
entity.name.function#00FA00
variable.parameter#FF8C00italic
entity.name.tag.namespace#76263a
entity.name.tag, keyword.doctype.xml#ff0066
entity.other.attribute-name#00FFFF
support.function#A6E22E
support.constant#00FFFF
support.type#C71585italic
support.type.exception#00FFFF
support.class, support.other, support.variable#00BFFF
support.other.variable
invalid#7C3636
invalid.deprecated#99732b
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, variable.parameter.function.language.special#FF00F2
entity.name.type#00BFFF
punctuation.accessor, punctuation.definition.template-expression, punctuation.separator, punctuation.section.function, punctuation.terminator, punctuation.definition.section, punctuation.definition.decorator, punctuation.destructuring, punctuation.definition.interpolation, punctuation.definition.block.tag, punctuation.comma#FF0000
storage.type.function.arrow#FF0000
meta.indexed-name#66CDAA
meta.object-literal.key#66CDAA
punctuation.definition.group#66CDAA
punctuation.definition.tag#939293
entity.name.function.operator#FF0000
punctuation.definition.string.template#FF0000
case-clause keyword.control#569CD6
variable.other.env#66CDAA
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 V3 Theme - Coding Theme