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#1c1f26
  • dropdown.background#1c1f26
  • editor.background#2b303b
  • editor.foreground#c0c5ce
  • editor.lineHighlightBackground#65737e30
  • editor.selectionBackground#4f5b66
  • editorCursor.foreground#c0c5ce
  • editorGroup.dropBackground#1c1f26
  • editorGroupHeader.tabsBackground#1c1f26
  • editorHoverWidget.background#232830
  • editorHoverWidget.border#343d46
  • editorIndentGuide.background1#3b5364
  • editorWhitespace.foreground#65737e
  • editorWidget.background#232830
  • gitDecoration.addedResourceForeground#99bd8e
  • gitDecoration.modifiedResourceForeground#7fa1b3
  • input.background#1c1f26
  • list.activeSelectionBackground#343d46
  • list.focusBackground#343d46
  • list.hoverBackground#1c1f26
  • list.inactiveSelectionBackground#343d46
  • sideBar.background#232830
  • sideBarSectionHeader.background#1c1f26
  • statusBar.background#1c1f26
  • statusBar.debuggingBackground#230000
  • statusBar.foreground#eff1f5
  • statusBar.noFolderBackground#1c1f26
  • tab.border#1c1f26
  • tab.inactiveBackground#1c1f26
  • tab.inactiveForeground#65737f
  • terminal.ansiBlack#1e2132
  • terminal.ansiBlue#84a0c6
  • terminal.ansiBrightBlack#6b7089
  • terminal.ansiBrightBlue#91acd1
  • terminal.ansiBrightCyan#95c4ce
  • terminal.ansiBrightGreen#c0ca8e
  • terminal.ansiBrightMagenta#ada0d3
  • terminal.ansiBrightRed#e98989
  • terminal.ansiBrightWhite#d2d4de
  • terminal.ansiBrightYellow#e9b189
  • terminal.ansiCyan#89b8c2
  • terminal.ansiGreen#b4be82
  • terminal.ansiMagenta#a093c7
  • terminal.ansiRed#e27878
  • terminal.ansiWhite#c6c8d1
  • terminal.ansiYellow#e2a478
  • terminal.foreground#c6c8d1
  • terminal.selectionBackground#4a548266
  • terminalCommandDecoration.defaultBackground#6b7089
  • terminalCommandDecoration.errorBackground#e27878
  • terminalCommandDecoration.successBackground#84a0c6
  • titleBar.activeBackground#1c1f26
  • titleBar.inactiveBackground#1c1f26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable#a9b7c6
keyword, storage, punctuation.definition.tag, constant.language.json#5c7ab8italic bold
constant#267dff
meta.object-literal.key, string.json#828eba
variable.other.constant, variable.other.object#9876aaitalic
entity.name.function#d9af6citalic
entity.name.tag#d9af6c
string#807d6eitalic bold
keyword.operator#8fa1b3
comment#666666italic
storage.type.class.jsdoc#629755
Noar Theme by noar - VS Code Theme