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#06141B
  • activityBar.foreground#CCD0CF
  • editor.background#06141B
  • editor.foreground#CCD0CF
  • editor.inactiveSelectionBackground#11212D88
  • editor.selectionBackground#11212D
  • editor.wordHighlightBackground#25374544
  • editor.wordHighlightStrongBackground#4A5C6A66
  • editorBracketMatch.background#25374566
  • editorBracketMatch.border#9BA8AB
  • editorCursor.foreground#9BA8AB
  • editorIndentGuide.activeBackground1#253745
  • editorIndentGuide.background1#11212D
  • editorLineNumber.activeForeground#4A5C6A
  • editorLineNumber.foreground#253745
  • focusBorder#4A5C6A
  • list.activeSelectionBackground#253745
  • list.activeSelectionForeground#CCD0CF
  • list.hoverBackground#11212D
  • sideBar.background#06141B
  • sideBar.foreground#9BA8AB
  • statusBar.background#11212D
  • statusBar.foreground#CCD0CF
  • tab.activeBackground#11212D
  • tab.activeForeground#CCD0CF
  • tab.inactiveBackground#06141B
  • tab.inactiveForeground#4A5C6A
  • terminal.ansiBlack#06141B
  • terminal.ansiBlue#4A5C6A
  • terminal.ansiBrightBlack#253745
  • terminal.ansiBrightBlue#9BA8AB
  • terminal.ansiBrightCyan#CCD0CF
  • terminal.ansiBrightGreen#CCD0CF
  • terminal.ansiBrightMagenta#CCD0CF
  • terminal.ansiBrightRed#9BA8AB
  • terminal.ansiBrightWhite#CCD0CF
  • terminal.ansiBrightYellow#CCD0CF
  • terminal.ansiCyan#9BA8AB
  • terminal.ansiGreen#9BA8AB
  • terminal.ansiMagenta#9BA8AB
  • terminal.ansiRed#4A5C6A
  • terminal.ansiWhite#CCD0CF
  • terminal.ansiYellow#CCD0CF
  • terminal.background#06141B
  • terminal.foreground#CCD0CF
  • terminalCursor.background#9BA8AB
  • terminalCursor.foreground#9BA8AB
  • titleBar.activeBackground#06141B
  • titleBar.activeForeground#CCD0CF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A5C6Aitalic
keyword, storage.type, storage.modifier, variable.language#9BA8AB
string, constant.other.symbol, punctuation.definition.string#9BA8AB
constant.numeric, constant.language, support.constant#CCD0CF
entity.name.function, support.function#9BA8AB
variable, entity.name.variable, parameter#CCD0CF
entity.name.type, support.type, entity.name.class#9BA8AB
punctuation, meta.brace, keyword.operator#4A5C6A
ZynOps by ZynOps Software Solutions - VS Code Theme