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.activeBackground#0c0c0c
  • activityBar.activeBorder#00a2ff
  • activityBar.background#0a0a0a
  • activityBar.foreground#00a2ff
  • activityBarBadge.background#00a2ff
  • breadcrumb.background#101010
  • dropdown.background#0c0c0c
  • dropdown.border#0c0c0c
  • dropdown.foreground#dadada
  • editor.background#121212
  • editorGroupHeader.tabsBackground#0c0c0c
  • focusBorder#0c0c0c
  • input.background#151515
  • input.border#151515
  • list.activeSelectionBackground#050505
  • list.activeSelectionForeground#7ed0ff
  • list.inactiveSelectionBackground#050505
  • list.inactiveSelectionForeground#7ed0ff
  • scrollbar.shadow#0c0c0c
  • scrollbarSlider.activeBackground#353535
  • scrollbarSlider.background#222222
  • sideBar.background#0c0c0c
  • sideBar.foreground#dadada
  • sideBarSectionHeader.background#0a0a0a
  • statusBar.background#00a2ff
  • statusBar.foreground#ffffff
  • tab.activeBackground#0a0a0a
  • tab.activeBorder#00a2ff
  • tab.border#0c0c0c
  • tab.inactiveBackground#0c0c0c
  • terminal.background#0c0c0c
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#dadada
  • window.activeBorder#0c0c0c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
Global settings#EEFFFF
string#C3E88D
punctuation, constant.other.symbol#89DDFF
constant.character.escape, text.html constant.character.entity.named#EEFFFF
constant.language.boolean#ff9cac
constant.numeric#F78C6C
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments#EEFFFF
keyword.other#F78C6C
keyword, modifier, variable.language.this, support.type.object, constant.language#89DDFF
entity.name.function, support.function#82AAFF
storage.type, storage.modifier, storage.control#C792EA
support.module, support.node#f07178italic
support.type, constant.other.key#FFCB6B
entity.name.type, entity.other.inherited-class, entity.other#FFCB6B
comment#545454italic
comment punctuation.definition.comment, string.quoted.docstring#545454italic
punctuation#89DDFF
entity.name, entity.name.type.class, support.type, support.class, meta.use#FFCB6B
variable.object.property, meta.field.declaration entity.name.function#f07178
meta.definition.method entity.name.function#f07178
meta.function entity.name.function#82AAFF
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#89DDFF
meta.embedded, source.groovy.embedded, meta.template.expression#EEFFFF
entity.name.tag.yaml#f07178
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json#f07178
constant.language.json#89DDFF
entity.other.attribute-name.class#FFCB6B
entity.other.attribute-name.id#F78C6C
source.css entity.name.tag#FFCB6B
support.type.property-name.css#B2CCD6
meta.tag, punctuation.definition.tag#89DDFF
entity.name.tag#f07178
entity.other.attribute-name#C792EA
punctuation.definition.entity.html#EEFFFF
markup.heading#89DDFF
text.html.markdown meta.link.inline, meta.link.reference#f07178
text.html.markdown beginning.punctuation.definition.list#89DDFF
markup.italic#f07178italic
markup.bold#f07178bold
markup.bold markup.italic, markup.italic markup.bold#f07178italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown#C3E88D
markup.inline.raw.string.markdown#C3E88D
keyword.other.definition.ini#f07178
entity.name.section.group-title.ini#89DDFF
source.cs meta.class.identifier storage.type#FFCB6B
source.cs meta.method.identifier entity.name.function#f07178
source.cs meta.method-call meta.method, source.cs entity.name.function#82AAFF
source.cs storage.type#FFCB6B
source.cs meta.method.return-type#FFCB6B
source.cs meta.preprocessor#545454
source.cs entity.name.type.namespace#EEFFFF
meta.jsx.children, SXNested#EEFFFF
support.class.component#FFCB6B
source.cpp meta.block variable.other#EEFFFF
source.python meta.member.access.python#f07178
source.python meta.function-call.python, meta.function-call.arguments#82AAFF
meta.block#f07178
entity.name.function.call#82AAFF
source.php support.other.namespace, source.php meta.use support.class#EEFFFF
constant.keyword#89DDFFitalic
entity.name.function#82AAFF
Global settings#EEFFFF
keyword.control#89DDFFitalic
markup.quote#89DDFFitalic
markup.fenced_code.block#EEFFFF90
punctuation.definition.quote#ff9cac
meta.structure.dictionary.json support.type.property-name.json#C792EA
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FFCB6B
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F78C6C
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f07178
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#916b53
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#ff9cac
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D
KineticTheme by KineticTactic - VS Code Theme