Skip to main content
CodingTheme

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.

  • editor.background#181818
  • editor.foreground#93a1a1
  • editor.lineHighlightBackground#212121
  • editor.selectionBackground#8a330f
  • editorCursor.foreground#eee8d5
  • editorLineNumber.foreground#3f3f3f
  • editorWhitespace.foreground#93a1a180
  • gitDecoration.ignoredResourceForeground#999999
  • gitDecoration.modifiedResourceForeground#b58900
  • gitDecoration.untrackedResourceForeground#859900
  • scrollbarSlider.background#292929
  • sideBar.background#222222
  • statusBar.background#252526
  • statusBar.debuggingBackground#3a3a3a
  • statusBar.foreground#eee8d5
  • tab.border#212121
  • terminal.ansiBrightBlue#268bd2
  • terminal.ansiBrightGreen#859900
  • terminal.ansiBrightRed#cb4b16
  • terminal.ansiRed#dc322f
  • terminal.ansiYellow#b58900

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
*#93a1a1ff
comment#586e75italic
string#6c71c4
string.regexp#6c71c4
constant.numeric#d33682
variable.language, meta.definition.variable variable.other, variable.other.object, variable.other.property#93a1a1
variable.other.property#839496
keyword#93a1a1bold
storage#93a1a1bold
entity.name.class, entity.name.type.class#93a1a1bold
entity.name.function#93a1a1
punctuation.definition.variable#859900
punctuation.section.embedded.begin, punctuation.section.embedded.end#dc322f
constant.language, meta.preprocessor#b58900
support.function.construct, keyword.other.new#93a1a1bold
constant.character, constant.other#cb4b16
entity.other.inherited-class#6c71C4
variable.parameter#cb4b16
entity.name.tag#268bd2
punctuation.definition.tag#657b83
entity.other.attribute-name#93a1a1
support.function#b58900
punctuation.separator.continuation#d30102
support.constant
support.type, support.class#859900
support.type.exception#cb4b16
support.other.variable
invalid
markup.quote#859900
markup.list#b58900
markup.bold, markup.italic#d33682
markup.inline.raw#2aa198
markup.heading#268bd2
markup.heading.setext#268bd2
storage.type.class.jsdoc#657b83bold
variable.other.jsdoc#657b83
entity.name.type.ts#657b83
support.type.primitive.ts#657b83
support.function.dom.js#b58900
meta.definition.method entity.name.function#93a1a1bold
meta.block.ts entity.name.function.ts, meta.block.js entity.name.function.js, entity.name.function.jsx, entity.name.function.tsx#b58900
variable.parameter.ts#cb4b16
meta.decorator.ts entity.name.function#859900
meta.block variable.language.this.ts, meta.block variable.language.this.js, variable.language.this.jsx, variable.language.this.tsx#93a1a1bold
variable.other.readwrite#93a1a1
string.template#2aa198
punctuation.definition.template-expression#859900
string.template variable.other.readwrite, string.template variable.other.object, string.template support.variable.property.dom#2aa198
string.template variable.other.readwrite, string.template variable.other.object, string.template support.variable.property.dom#2aa198
support.class.component.jsx, support.class.component.tsx#d33682
support.class.console#268bd2
support.function.dom.js#b58900
meta.definition.function.js entity.name.function.js#93a1a1
variable.parameter.js#cb4b16
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
support.type.stdint.c, support.type.posix-reserved.c#cb4b16
entity.name.type.cpp, meta.function.constructor.cpp entity.name.function.cpp#b58900
meta.function.c#93a1a1
support.class.cpp.arduino#93a1a1
meta.function-call.c entity.name.function.c#b58900
meta.function.c entity.name.function.c#b58900
support.function.C99.c#b58900
constant.language.c#2aa198
constant.other.placeholder.c#d33682
constant.character.escape.cpp#d33682
entity.name.function.preprocessor.c#839496
entity.name.type.class.mermaid#cb4b16
entity.name.function.mermaid#b58900
storage.type.mermaid#b58900

Shiki preview

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

Loading...

Solarized Dark Grey by Ristomatti Airo - VS Code Theme