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.activeBorder#f47023
  • activityBar.background#4c4c4c
  • activityBarBadge.background#f47023
  • badge.background#252525
  • badge.foreground#7ed321
  • breadcrumb.background#3c3c3c
  • button.background#097bed
  • button.hoverBackground#4a90e2
  • dropdown.background#6e6e6e
  • dropdown.border#5a5a5a
  • editor.background#232834
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41cd
  • editor.lineHighlightBackground#313848
  • editor.selectionHighlightBackground#ADD6FF26
  • editorBracketHighlight.foreground1#e0e0e0
  • editorBracketHighlight.foreground2#FF8C00
  • editorBracketHighlight.foreground3#FFD700
  • editorBracketHighlight.foreground4#35cdff
  • editorBracketHighlight.foreground5#DA70D6
  • editorBracketHighlight.foreground6#91be4e
  • editorBracketHighlight.unexpectedBracket.foreground#FF0000
  • editorBracketMatch.background#505050
  • editorBracketPairGuide.activeBackground1#ffffff30
  • editorBracketPairGuide.background1#ffffff10
  • editorCursor.foreground#ADFF2F
  • editorGroup.border#5a5a5a
  • editorGroupHeader.tabsBackground#4c4c4c
  • editorIndentGuide.background1#404040
  • editorLineNumber.activeForeground#c2c2c2
  • editorSuggestWidget.highlightForeground#7ed321
  • input.background#464646
  • input.border#787878
  • list.dropBackground#383B3D
  • list.focusBackground#6e6e6e
  • list.highlightForeground#C5C5C5
  • list.hoverBackground#3c3c3c
  • list.inactiveSelectionBackground#464646
  • list.inactiveSelectionForeground#d7dae0
  • panel.background#1c202a
  • panelTitle.activeBorder#f47023
  • sideBar.background#333
  • sideBar.border#5a5a5a
  • sideBarSectionHeader.background#3c3c3c
  • sideBarTitle.foreground#BBBBBB
  • tab.activeBackground#3c3c3c
  • tab.activeBorderTop#f47023
  • tab.border#464646
  • tab.inactiveBackground#333
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#396FE2
  • terminal.ansiBrightBlack#696969
  • terminal.ansiBrightBlue#82AAFF
  • terminal.ansiBrightCyan#89DDFF
  • terminal.ansiBrightGreen#C3E88D
  • terminal.ansiBrightMagenta#C792EA
  • terminal.ansiBrightRed#FF5370
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFCB6B
  • terminal.ansiCyan#2DDAFD
  • terminal.ansiGreen#9ECE58
  • terminal.ansiMagenta#BB80B3
  • terminal.ansiRed#E54B4B
  • terminal.ansiWhite#d0d0d0
  • terminal.ansiYellow#FAED70
  • terminal.background#232834
  • terminal.selectionBackground#ADFF2F4C
  • terminalCursor.foreground#ADFF2F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.other.variable, meta.function.misc#D4D4D4
comment#78909Citalic
string.quoted.docstring.multi.python#A1887Fitalic
string, storage.type.string.python#ffaa8a
punctuation.definition.template-expression, punctuation.definition.interpolation#D4BFFF
constant.numeric#c5ddb8
constant.language#9FA8DA
constant.character, constant.other#9FA8DA
variable, variable.other.property, variable.other.readwrite, variable.other.object, meta.definition.variable.name, support.variable, entity.name.variable, meta.interpolation variable.other.readwrite#9ad0ec
meta.object-literal.key#D4BFFF
variable.language.this, keyword.other.this.cs, variable.language.special.self.python, variable.parameter.function.language.special.self.python, variable.language.special.cls.python, variable.parameter.function.language.special.cls.python#CBCCC6italic bold
keyword, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, storage.type, storage.type.accessor, storage.type.class, storage.type.function, keyword.type.void, storage.modifier#03a9f4
punctuation.separator.key-value, punctuation.separator.dictionary.key-value.json#D4D4D4
keyword.operator, keyword.operator.expression.pattern#D4D4D4
keyword.operator.arrow.cs, storage.type.function.arrow#D4D4D4
punctuation.terminator.statement, punctuation.terminator.rule#D4D4D4bold
keyword.control#ffe6b3
punctuation.decorator, meta.decorator variable.other.readwrite, source.python entity.name.function.decorator, source.python meta.function.decorator support.type#FFE6B3bold
keyword.other.unit#9FA8DA
entity.name.type, entity.name.class, entity.name.namespace#95E6CBbold
keyword.type, storage.type.boolean.go, storage.type.byte.go, storage.type.numeric.go, storage.type.rune.go, storage.type.error.go, storage.type.string.go, support.type.primitive.ts#95E6CB
entity.name.type.namespace.cs#CCF3E6
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#95E6CBbold
entity.name.function, support.function, support.constant.handlebars, source.python meta.function-call.generic#BAE67E
variable.parameter#9FA8DA
meta.directive.page#d4d4d4
meta.directive.inherits#95E6CBbold
entity.name.class.attribute.taghelper#D4BFFF
entity.other.attribute-name.class.css, support.constant.property-value.css, constant.numeric.css, meta.property-value.css, source.css constant.other.color, source.css support.constant.color#FFD580
entity.name.tag#5CCFE6
punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#5CCFE6B0
entity.other.attribute-name#D4BFFF
support.constant#D4BFFF
support.type, keyword.type.cs, support.class#D4BFFF
markup.deleted#DC322F
markup.inserted#CDDC39
markup.heading#FFD580bold
markup.underline.link#D4BFFF
markup.list, punctuation.definition.list.begin.markdown#D4BFFF
markup.quote#03A9F4
markup.bold#D4D4AAbold
markup.italic#D4D4AAitalic
markup.italic markup.boldbold italic
markup.bold markup.italicbold italic
markup.inline.raw, markup.fenced_code punctuation.definition.markdown#18FFFF
markup.fenced_code#90D4D4
Nimnus Color Theme by Yurii Tykhovskyi - VS Code Theme