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#030303
  • editor.background#141414
  • editor.foreground#dedede
  • editor.selectionBackground#232323
  • editor.selectionForeground#030303
  • editorCursor.foreground#f3f3f3
  • editorLineNumber.foreground#efefef
  • sideBar.background#030303
  • statusBar.background#030303
  • statusBar.noFolderBackground#030303
  • terminal.ansiBlue#c5c5c5
  • terminal.ansiBrightBlue#c5c5c5
  • terminal.ansiBrightCyan#c5c5c5
  • terminal.ansiBrightGreen#b4b4b4
  • terminal.ansiBrightMagenta#dedede
  • terminal.ansiBrightRed#b4b4b4
  • terminal.ansiBrightYellow#f3f3f3
  • terminal.ansiCyan#c5c5c5
  • terminal.ansiGreen#b4b4b4
  • terminal.ansiMagenta#dedede
  • terminal.ansiRed#b4b4b4
  • terminal.ansiYellow#b4b4b4
  • terminal.background#030303
  • terminal.foreground#ffffff
  • terminal.selectionBackground#dedede
  • terminalCursor.background#030303
  • terminalCursor.foreground#f3f3f3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#818181italic
entity.name.function.js#c5c5c5
variable.other.readwrite.js#b4b4b4
storage.type.js, keyword.control.trycatch.js, keyword.control.conditional.js, keyword.control.flow.js, keyword.operator.new.js, keyword.control.module.js, support.type.object.module.js, constant.language.boolean.true.js, entity.other.attribute-name.html#9a9a9a
entity.name.tag.structure.any.html, entity.name.tag.inline.any.html, entity.name.tag.script.html, entity.name.tag.block.any.html, support.type.property-name.css, variable.css, variable.argument.css#b4b4b4
entity.other.attribute-name.pseudo-class.css, entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.css, entity.other.attribute-name.pseudo-element.css, entity.name.tag.wildcard.css#9a9a9a
Soot Theme by Andy Bell - VS Code Theme