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#222222
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.lineHighlightBackground#2c323c
  • editorCursor.foreground#528bff
  • editorWhitespace.foreground#4b525b
  • peekViewEditor.background#222222
  • sideBar.background#1E1E1E
  • statusBar.background#222222
  • tab.inactiveBackground#282828
  • terminal.ansiBrightBlue#C4B0EB
  • terminal.ansiGreen#81E98F
  • titleBar.activeBackground#1E1E1E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#D4D4D4
comment, string.comment#5c6370italic
string#DABD80
constant.numeric#c678dd
string.embedded.begin, string.embedded.end#c678dd
string.embedded#A0C180
constant.language#6EB3C0
constant.character, constant.other#6EB3C0
variable.language#c56c72
variable.readwrite, variable.readwrite.other.block#6EB3C0
keyword, keyword.operator.logical, keyword.operator.constructor#c56c72
keyword.operator#c56c72
storage#c56c72
storage.type#6EB3C0
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class#91BDEA
variable.other.object#d4d4d4
variable.other.property, variable.other.block#d4d4d4
entity.other.inherited-class#A0C180
entity.name.function, support.function#A0C180
variable.parameter#C79B6Ditalic
entity.name.function-call#d4d4d4
function.support.builtin, function.support.core#A0C180
entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx#c56c72
entity.name.tag.class, entity.name.tag.id#6EB3C0
entity.other.attribute-name#A0C180
support.constant#6EB3C0
support.type, support.variable#6EB3C0
support.dictionary.json#6EB3C0
support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass#d4d4d4
support.constant.css, support.constant.scss, support.constant.less, support.constant.sass#A0C180
variable.css, variable.scss, variable.less, variable.sass#6EB3C0
variable.css.string, variable.scss.string, variable.less.string, variable.sass.string#DABD80
unit.css, unit.scss, unit.less, unit.sass#c678dd
function.css, function.scss, function.less, function.sass#6EB3C0
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
structure.dictionary.property-name.json#6EB3C0
string.detected-link#6EB3C0
meta.diff, meta.diff.header#75715E
markup.deleted#c678dd
markup.inserted#DABD80
markup.changed#DABD80
constant.numeric.line-number.find-in-files - match#6EB3C0A0
entity.name.filename.find-in-files#DABD80

Shiki preview

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

Loading...

One Monokai Darker - Coding Theme