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.

  • editor.background#f3f1eb
  • editor.findMatchHighlightBackground#F4BF75
  • editor.foreground#5f5f5e
  • editor.lineHighlightBackground#d4d6cc
  • editor.selectionBackground#d4d6cc
  • editorCursor.foreground#5f5f5e
  • editorIndentGuide.activeBackground1#75715E
  • editorIndentGuide.background1#75715E
  • editorLineNumber.activeForeground#5f5f5e
  • editorRuler.foreground#75715E
  • editorWhitespace.foreground#75715E
  • list.inactiveSelectionBackground#DDDDFF
  • tab.activeBackground#DDDDFF
  • tab.activeForeground#000
  • tab.activeModifiedBorder#660000
  • tab.border#5f5f5e
  • tab.inactiveForeground#7f7f7e
  • tab.inactiveModifiedBorder#660000
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#205988
  • terminal.ansiBrightBlack#75715E
  • terminal.ansiBrightBlue#205988
  • terminal.ansiBrightCyan#4B83CD
  • terminal.ansiBrightGreen#448C27
  • terminal.ansiBrightMagenta#7A3E9D
  • terminal.ansiBrightRed#660000
  • terminal.ansiBrightWhite#5f5f5e
  • terminal.ansiBrightYellow#AB6526
  • terminal.ansiCyan#4B83CD
  • terminal.ansiGreen#448C27
  • terminal.ansiMagenta#7A3E9D
  • terminal.ansiRed#660000
  • terminal.ansiWhite#5f5f5e
  • terminal.ansiYellow#AB6526
  • terminal.background#f3f1eb
  • terminal.border#5f5f5e
  • terminal.foreground#5f5f5e
  • terminal.selectionBackground#456BA5
  • terminalCursor.background#7F7F7F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#5f5f5e—
comment#75715E—
string#AB6526—
punctuation.definition.template-expression, punctuation.section.embedded#660000—
meta.template.expression#5f5f5e—
constant.numeric#7A3E9D—
constant.language#7A3E9D—
constant.character, constant.other#7A3E9D—
variable, variable.language.this.php, keyword.operator.key.php#5f5f5e
keyword#660000—
storage#660000
storage.type#4B83CD—
type, entity.name.type#448C27—
class, entity.name.class, entity.name.type.class, entity.name.namespace, entity.name.scope-resolution, entity.name.type.interface#660000—
entity.other.inherited-class#448C27—
entity.name.function#448C27—
variable.parameter#205988—
entity.name.tag#660000
entity.other.attribute-name#448C27
support.function#4B83CD
support.constant#4B83CD
support.type, support.class#4B83CD—
support.other.variable—
invalid#7f7f7estrikethrough
invalid.deprecated#7f7f7estrikethrough
meta.structure.dictionary.json string.quoted.double.json#AB6526—
meta.diff, meta.diff.header#75715E—
markup.deleted#660000—
markup.inserted#448C27—
markup.changed#AB6526—
constant.numeric.line-number.find-in-files - match#7A3E9D—
entity.name.filename.find-in-files#AB6526—
markup.quote#660000—
markup.list#AB6526—
markup.bold, markup.italic#4B83CD—
markup.inline.raw#205988
markup.heading#448C27—
markup.heading.setext#448C27bold
markup.heading.markdown—bold
markup.bold.markdown—bold
string.other.link.title.markdown,string.other.link.description.markdown#7A3E9D—
markup.underline.link.markdown,markup.underline.link.image.markdown#AB6526underline
markup.italic.markdown—italic
markup.strikethrough—strikethrough
markup.list.unnumbered.markdown, markup.list.numbered.markdown#5f5f5e—
punctuation.definition.list.begin.markdown#448C27—
token.info-token#4B83CD—
token.warn-token#205988—
token.error-token#7f7f7estrikethrough
token.debug-token#7A3E9D—
variable.language#205988—
eink by henderjon - VS Code Theme