Skip to main content
Coding Theme

Color themes

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#2F343E
  • editor.background#282C33
  • editor.findMatchBackground#74ADE866
  • editor.findMatchHighlightBackground#74ADE81A
  • editor.foreground#DCE0E5
  • editor.inactiveSelectionBackground#B477CF3D
  • editor.lineHighlightBackground#2F343EBF
  • editor.selectionBackground#74ADE83D
  • editorBracketMatch.background#74ADE81A
  • editorBracketMatch.border#74ADE8
  • editorCursor.foreground#74ADE8
  • editorLineNumber.foreground#C8CCD459
  • editorWhitespace.foreground#C8CCD40D
  • input.background#2E343E
  • input.border#363C46
  • input.foreground#DCE0E5
  • panel.background#2F343E
  • sideBar.background#2F343E
  • statusBar.background#3B414D
  • tab.activeBackground#282C33
  • tab.activeBorder#74ADE8
  • tab.activeForeground#DCE0E5
  • tab.inactiveBackground#2F343E
  • tab.inactiveForeground#878A98
  • titleBar.activeBackground#3B414D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.cmake#B477CF
comment.source.cmake#5D636Fitalic
string.source.cmake#A1C181
storage.source.cmake#BF956A
variable.source.cmake#a9afbcff
entity.source.cmake#6EB4BF
constant.source.cmake#BF956A
argument.source.cmake#DCE0E5
keyword.control.import, storage.modifier, storage.type, keyword.control#B477CF
string, text.literal, string.quoted.double#A1C181
variable, variable.language, variable.parameter#a9afbcff
constant.numeric, constant.language, constant.character#BF956A
entity.name.function#74ADE8
meta.function-call, meta.method-call#D07277
entity.name.class, entity.name.type, support.class#6EB4BF
punctuation.bracket, punctuation.definition.block, punctuation.definition.bracket, punctuation.definition.parameters#6EB4BF
comment#5D636Fitalic
punctuation.definition.tag, entity.name.tag#74ADE8
meta.decorator, entity.name.function.decorator#74ADE8
storage.type.function, keyword.operator#6EB4BF
markup.heading, markup.heading.setext, markup.heading.markdown#74ADE8bold
markup.bold, markup.bold.markdown#B477CFbold
markup.italic, markup.italic.markdown#D07277italic
markup.inline.raw, markup.fenced_code.block, markup.raw.block#BF956A
markup.link, markup.underline.link, string.other.link#6EB4BFunderline
markup.quote, punctuation.definition.quote#A1C181italic
markup.list, markup.list.numbered, markup.list.unnumbered#D07277
markup.separator#5D636F
ZED One Theme for Visual Studio Code. by lrisguan - VS Code Theme