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#221a0f
  • activityBar.foreground#d3af86
  • badge.background#7f5d38
  • button.background#6e583b
  • dropdown.background#51412c
  • editor.background#0b0b18
  • editor.findMatchBackground#5e4e4511
  • editor.findMatchBorder#5e4e45
  • editor.findMatchHighlightBackground#5e4e4511
  • editor.foreground#d3af86e7
  • editor.lineHighlightBackground#131324
  • editor.selectionBackground#2d326473
  • editor.selectionHighlightBackground#2d4b6420
  • editor.wordHighlightBackground#000000
  • editorBracketMatch.background#64412d11
  • editorBracketMatch.border#724d37aa
  • editorCursor.foreground#d3af86
  • editorGroupHeader.tabsBackground#131510
  • editorHoverWidget.background#221a14
  • editorLineNumber.activeForeground#9c6031
  • editorLineNumber.foreground#7c502166
  • editorWhitespace.foreground#a57a4c
  • editorWidget.background#131510
  • focusBorder#a57a4c
  • input.background#51412c
  • inputOption.activeBorder#a57a4c
  • inputValidation.errorBackground#5f0d0d
  • inputValidation.errorBorder#9d2f23
  • inputValidation.infoBackground#2b2a42
  • inputValidation.infoBorder#1b60a5
  • inputValidation.warningBackground#51412c
  • list.activeSelectionBackground#7c5021
  • list.focusBackground#7c5021aa
  • list.highlightForeground#e3b583
  • list.hoverBackground#7c502166
  • list.inactiveSelectionBackground#645342
  • menu.background#362712
  • menu.foreground#cccccc
  • minimap.selectionHighlight#84613daa
  • panel.background#0f0f22
  • peekView.border#5e452b
  • peekViewEditor.background#221a14
  • peekViewEditor.matchHighlightBackground#84613daa
  • peekViewResult.background#362712
  • peekViewTitle.background#362712
  • pickerGroup.border#e3b583
  • pickerGroup.foreground#e3b583
  • progressBar.background#7f5d38
  • selection.background#84613daa
  • sideBar.background#0f0f22
  • statusBar.background#21227c66
  • statusBar.debuggingBackground#423523
  • statusBar.noFolderBackground#423523
  • statusBarItem.remoteBackground#6e583b
  • tab.activeBackground#21227caa
  • tab.inactiveBackground#21227c66
  • tab.lastPinnedBorder#51412c
  • titleBar.activeBackground#21227c66
  • titleBar.inactiveBackground#21227c66

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D3AF86
variable.parameter.function#D3AF86
comment, punctuation.definition.comment#A57A4C
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#D3AF86
none#D3AF86
keyword.operator#D3AF86
keyword, keyword.control, keyword.operator.new.cpp, keyword.operator.delete.cpp, keyword.other.using, keyword.other.operator#98676A
variable#DC3958
entity.name.function, meta.require, support.function.any-method#8AB1B0
support.class, entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution#F06431
keyword.other.special-method#8AB1B0
storage#98676A
support.function#7E602C
string, constant.other.symbol, entity.other.inherited-class#889B4A
constant.numeric#F79A32
none#F79A32
none#F79A32
constant#F79A32
entity.name.tag#DC3958
entity.other.attribute-name#F79A32
entity.other.attribute-name.id, punctuation.definition.entity#8AB1B0
meta.selector#98676A
none#F79A32
markup.heading, markup.heading.setext, punctuation.definition.heading, entity.name.section#8AB1B0bold
keyword.other.unit#F79A32
markup.bold, punctuation.definition.bold#F06431bold
markup.italic, punctuation.definition.italic#98676Aitalic
markup.inline.raw#889B4A
string.other.link#DC3958
meta.link#F79A32
markup.list#DC3958
markup.quote#F79A32
meta.separator#D3AF86
markup.inserted#889B4A
markup.deleted#DC3958
markup.changed#98676A
constant.other.color#7E602C
string.regexp#7E602C
constant.character.escape#7E602C
punctuation.section.embedded, variable.interpolation#088649
invalid#DC3958
comment.line.double-slash#555555
comment.block#555555
comment.block.punctuation.annotation, comment.block.annotation, comment.line.double-slash.punctuation.annotation, comment.line.double-slash.annotation#77AAAA
comment.block.todo, comment.line.double-slash.todo#77AAAA
comment.block.punctuation.annotation.note, comment.block.annotation.note, comment.line.double-slash.punctuation.annotation.note, comment.line.double-slash.annotation.note#779999
comment.block.note, comment.line.double-slash.note#597979
comment.block.punctuation.annotation.urgent, comment.block.annotation.urgent, comment.line.double-slash.punctuation.annotation.urgent, comment.line.double-slash.annotation.urgent#FF4444
comment.block.urgent, comment.line.double-slash.urgent#FF6F6F
comment.block.punctuation.annotation.nocheckin, comment.block.annotation.nocheckin, comment.line.double-slash.punctuation.annotation.nocheckin, comment.line.double-slash.annotation.nocheckin#FF0000
comment.block.nocheckin, comment.line.double-slash.nocheckin#FF0000
comment.block.punctuation.annotation.release, comment.block.annotation.release, comment.line.double-slash.punctuation.annotation.release, comment.line.double-slash.annotation.release#9FC44B
comment.block.release, comment.line.double-slash.release#9FC44B
comment.block.signature, comment.line.double-slash.signature, comment.block.punctuation.signature, comment.line.double-slash.punctuation.signature#557777
comment.block.punctuation.checklist.brackets.todo, comment.line.double-slash.punctuation.checklist.brackets.todo#AA4444
comment.block.checklist.item.todo, comment.line.double-slash.checklist.item.todo#995555
comment.block.punctuation.checklist.brackets.partial, comment.block.punctuation.checklist.mark.partial, comment.line.double-slash.punctuation.checklist.brackets.partial, comment.line.double-slash.checklist.mark.partial#998844
comment.block.checklist.item.partial, comment.line.double-slash.checklist.item.partial#886655
comment.block.punctuation.checklist.brackets.done, comment.block.punctuation.checklist.mark.done, comment.line.double-slash.punctuation.checklist.brackets.done, comment.line.double-slash.punctuation.checklist.mark.done#557755
comment.block.backquoted#888888
comment.line.double-slash.backquoted#888888
markup.quote.comment#333333
punctuation.definition.comment#555555
variable.annotation#7469A1
variable.annotation.parameter#7D7799
punctuation.section.parens.annotation#7469A1
punctuation.definition.annotation#7469A1
keyword.declaration#A38888
keyword.operator#A38888
keyword.operator.pointer#A38888
keyword.other#D38686
keyword.other.directive#BBA337
keyword.control#D38686
keyword.control.jump, keyword.other.directive.asm#BE5A5A
keyword.declaration.struct#D38686
keyword.declaration.enum#D38686
keyword.declaration.union#D38686
keyword.control.cast#D38686
support.type#9C673F
support.class#D69562
support.function#A07171
support.variable#A07171
storage.type#A87A45
storage.modifier#D38686
entity.name.enum#A87A45
entity.name.struct#A87A45
variable.other.declaration, variable.other.constant.declaration#CC9E58
variable.other#D3AF86E7
variable.other.constant#D3AF86E7
variable.enum#BB9161
variable.parameter#D3AF86E7
punctuation#A88F73
punctuation.separator#7A6852
punctuation.terminator#757C50
punctuation.definition.generic#AA81B4
punctuation.section#8D8071
punctuation.section.braces#504232
entity.name.function#A88960
constant.language#BB9161
constant.numeric#BB9161
keyword.other.directive.string#546483
string.quoted#7D8BA3
string.unquoted#7D8BA3
punctuation.definition.string#546483
punctuation.definition.string.empty#7D8BA3
constant.other.stringdelimiter.here.embed#34155E
constant.other.stringdelimiter.here.embed.language#5D3E88
constant.other.stringdelimiter#504232
constant.character.escape#A07171
constant.other.placeholder, string.here keyword.operator.percent#B650B9
support.type.property-name#D3A168
keyword.other.directive.scope, keyword.other.main#6FAF5F
entity.name.namespace#814B6E
entity.name.namespace.member#A87A45
keyword.control.import#8D6780
string-quoted.other.import#C793B6
constant.other.import#A74B88
punctuation.definition.string.import#573E4E
invalid.deprecated#DD2D68
punctuation.definition.string.deprecated#6E3E4E
string-quoted.other.deprecated#DB5D87
support.type.property-name.json#B45F8E
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json#8253AF
punctuation.definition.array.begin.json, punctuation.definition.array.end.json#4FAA5B
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
onelivesleft by onelivesleft - VS Code Theme