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#202020
  • activityBar.border#2b2b2b
  • activityBarBadge.background#6096A9
  • button.background#335d6c
  • editor.background#202020
  • editor.foreground#dadada
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionHighlightBackground#add6ff26
  • editorBracketHighlight.foreground1#c0c0c0
  • editorBracketHighlight.foreground2#c0c0c0
  • editorBracketHighlight.foreground3#c0c0c0
  • editorBracketHighlight.foreground4#c0c0c0
  • editorBracketHighlight.foreground5#c0c0c0
  • editorGroupHeader.tabsBackground#202020
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • editorInlayHint.background#ffffff00
  • editorInlayHint.foreground#7a8286
  • editorInlayHint.parameterBackground#ffffff00
  • editorInlayHint.parameterForeground#7a8286
  • editorInlayHint.typeBackground#ffffff00
  • editorInlayHint.typeForeground#7a8286
  • editorLineNumber.activeForeground#7a8286
  • editorLineNumber.foreground#7a828653
  • focusBorder#335d6c
  • input.placeholderForeground#a6a6a6
  • list.activeSelectionBackground#335d6cc8
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#383b3d
  • list.inactiveSelectionBackground#5d636753
  • menu.background#303031
  • menu.foreground#cccccc
  • ports.iconRunningProcessForeground#369432
  • scrollbarSlider.background#7a828653
  • sideBar.background#202020
  • sideBar.border#2b2b2b
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#202020
  • statusBar.noFolderBackground#202020
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2b2b2b
  • tab.activeBorder#202020
  • tab.border#202020
  • tab.inactiveBackground#202020
  • tab.lastPinnedBorder#cccccc33
  • terminal.inactiveSelectionBackground#3a3d41
  • titleBar.activeBackground#202020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7a8286
punctuation.definition.comment#7a8286
string#D8AF64
string.regexp#D8AF64
meta.embedded.assembly#D8AF64
punctuation.definition.string#C0C0C0
constant.character.escape#FFD68F
keyword - keyword.operator#6096A9
keyword.control#6096A9
keyword.other#6096A9
keyword.other.using#6096A9
keyword.operator#C0C0C0
keyword.operator.assignment#C0C0C0
storage#6096A9
storage.type#6096A9
storage.modifier#6096A9
constant.numeric#82C1BD
constant.language#C0C0C0
constant.character#6096A9
constant.character.math.tex#82C1BD
entity.name.type#82C1BD
entity.name.type.class#82C1BD
entity.name.type.enum#82C1BD
entity.name.type.interface#82C1BD
entity.name.type.struct#82C1BD
entity.name.class#82C1BD
entity.name.class.python#82C1BD
support.type#82C1BD
support.type.primitive#82C1BD
support.type.builtin#82C1BD
support.class#82C1BD
entity.name.function#EB6E70
entity.name.function.python#EB6E70
support.function#EB6E70
support.function.builtin#EB6E70
support.function.magic#EB6E70
variable#C0C0C0
variable.other#C0C0C0
variable.other.property#C0C0C0
variable.other.member#C0C0C0
variable.object.property#C0C0C0
variable.parameter#C0C0C0
variable.language#6096A9
entity.name.variable#C0C0C0
variable.other.enummember#B5CEA8
source.cpp#C0C0C0
source.python#C0C0C0
keyword.other.unit.exponent.decimal.cpp#82c1bd
text.tex.latex#C0C0C0
punctuation.definition.string.begin.tex#D8AF64
punctuation.definition.string.end.tex#D8AF64
markup.bold#C0C0C0
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
Lausanne Theme by Lausanne Theme - VS Code Theme