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#20272f
  • activityBar.foreground#ffffff
  • activityBarBadge.background#46ce7a
  • activityBarBadge.foreground#20272f
  • editor.background#132227
  • editor.foreground#ffffff
  • editor.inactiveSelectionBackground#223843f8
  • editor.selectionBackground#46ce7a40
  • editorCursor.foreground#46ce7a
  • editorIndentGuide.activeBackground#46ce7a40
  • editorIndentGuide.background#193038
  • editorLineHighlightBackground#193038
  • editorLineNumber.activeForeground#46ce7a
  • editorLineNumber.foreground#3c5768
  • panel.background#132227
  • panel.border#223843
  • sideBar.background#132227
  • sideBar.foreground#ffffff
  • statusBar.background#20272f
  • statusBar.foreground#ffffff
  • tab.activeBackground#193038
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#20272f
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#20272f
  • terminal.ansiBlue#3c5768
  • terminal.ansiBrightBlack#223843
  • terminal.ansiBrightBlue#283cea
  • terminal.ansiBrightCyan#46c3ce
  • terminal.ansiBrightGreen#46ce7a
  • terminal.ansiBrightMagenta#ffffff
  • terminal.ansiBrightRed#bb453e
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffb121
  • terminal.ansiCyan#46aece
  • terminal.ansiGreen#46ce7a
  • terminal.ansiMagenta#ffffff
  • terminal.ansiRed#ce5146
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#f8ff1f
  • terminal.background#132227
  • terminal.foreground#ffffff
  • terminalCursor.foreground#46ce7a
  • titleBar.activeBackground#20272f
  • titleBar.activeForeground#ffffff
  • titleBar.inactiveBackground#193038
  • titleBar.inactiveForeground#ffffff80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#029e6a
keyword.operator, keyword.operator.type#30ac7c
entity.name.type, support.class#ffffff
string, constant.other.symbol#46ce7a
keyword, storage.type, storage.modifier#22939b
variable, identifier#ffffff
function, entity.name.function#05d0e2
constant.numeric, constant.language.boolean#e47a15
entity.name.type, support.class#ffffff
meta.import, keyword.control.import#46ce7a
entity.name.tag#46aece
punctuation.definition.tag#46aece
entity.other.attribute-name#ffd322
string.quoted#46ce7a
Duete Theme by gabrielduete - VS Code Theme