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#DDCCB1
  • activityBar.foreground#584823
  • activityBarBadge.background#B58200
  • badge.background#B58200AA
  • button.background#AC954F
  • debugExceptionWidget.background#DDCCB1
  • debugExceptionWidget.border#AB3653
  • debugToolBar.background#DDCCB1
  • dropdown.background#EEDDC3
  • dropdown.border#D3A77B
  • editor.background#FDEBD0
  • editor.foreground#657578
  • editor.lineHighlightBackground#EEDDC3
  • editor.selectionBackground#EEDDC3
  • editorCursor.foreground#657578
  • editorGroup.border#DDCCB1
  • editorGroup.dropBackground#DDCCB1AA
  • editorGroupHeader.tabsBackground#D9C8B2
  • editorHoverWidget.background#CCBBA1
  • editorIndentGuide.activeBackground1#081C2180
  • editorIndentGuide.background1#58696B80
  • editorLineNumber.activeForeground#567378
  • editorWhitespace.foreground#58696B80
  • editorWidget.background#EEDDC3
  • extensionButton.prominentBackground#b58200
  • extensionButton.prominentHoverBackground#584823aa
  • focusBorder#b48d67
  • input.background#DDCCB1
  • input.foreground#58696B
  • input.placeholderForeground#58696BAA
  • inputOption.activeBorder#D3A77B
  • list.activeSelectionBackground#DFC07C
  • list.activeSelectionForeground#6C6763
  • list.highlightForeground#B58200
  • list.hoverBackground#DFC07C44
  • list.inactiveSelectionBackground#D1C1A9
  • minimap.selectionHighlight#EEDDC366
  • notebook.cellEditorBackground#F7E5CE
  • panel.border#DDCCB1
  • peekView.border#B58200
  • peekViewEditor.background#FFEFDE
  • peekViewEditor.matchHighlightBackground#77409C40
  • peekViewResult.background#EEDDC3
  • peekViewTitle.background#EEDDC3
  • pickerGroup.border#2A998B99
  • pickerGroup.foreground#2A998B99
  • ports.iconRunningProcessForeground#2A998B99
  • progressBar.background#B58200
  • quickInputList.focusBackground#DFC07C66
  • selection.background#87848580
  • sideBar.background#EEDDC3
  • sideBarTitle.foreground#58696B
  • statusBar.background#EEDDC3
  • statusBar.debuggingBackground#EEDDC3
  • statusBar.foreground#58696B
  • statusBar.noFolderBackground#EEDDC3
  • statusBarItem.prominentBackground#DDCCB1
  • statusBarItem.prominentHoverBackground#DDCCB199
  • statusBarItem.remoteBackground#AC954F
  • tab.activeBackground#FDEBD0
  • tab.activeModifiedBorder#cb4713
  • tab.border#DDCCB1
  • tab.inactiveBackground#D3C1A8
  • tab.inactiveForeground#58696B
  • tab.lastPinnedBorder#FDEBD0
  • terminal.ansiBlack#07333c
  • terminal.ansiBlue#2684c1
  • terminal.ansiBrightBlack#002831
  • terminal.ansiBrightBlue#838d89
  • terminal.ansiBrightCyan#939993
  • terminal.ansiBrightGreen#58696b
  • terminal.ansiBrightMagenta#6c6bb4
  • terminal.ansiBrightRed#cb4713
  • terminal.ansiBrightWhite#fdebd0
  • terminal.ansiBrightYellow#657578
  • terminal.ansiCyan#2a998b
  • terminal.ansiGreen#859200
  • terminal.ansiMagenta#d33377
  • terminal.ansiRed#dc2f2a
  • terminal.ansiWhite#eeddc3
  • terminal.ansiYellow#b58200
  • terminal.background#FDEBD0
  • titleBar.activeBackground#EEDDC3
  • walkThrough.embeddedEditorBackground#00000014

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#657578
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#657578
comment#939993italic
string#2A998B
string.regexp#DC2F2A
constant.numeric#D33377
variable.language, variable.other#2684C1
keyword#859200
storage#58696Bbold
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution#CB4713
entity.name.function#2684C1
punctuation.definition.variable#859200
punctuation.section.embedded.begin, punctuation.section.embedded.end#DC2F2A
constant.language, meta.preprocessor#B58200
support.function.construct, keyword.other.new#CB4713
constant.character, constant.other#CB4713
entity.other.inherited-class, punctuation.separator.namespace.ruby#6C6BB4
variable.parameter
entity.name.tag#2684C1
punctuation.definition.tag#939993
entity.other.attribute-name#939993
support.function#2684C1
punctuation.separator.continuation#DC2F2A
support.constant, support.variable
support.type, support.class#859200
support.type.exception#CB4713
support.other.variable
invalid#DC2F2A
meta.diff, meta.diff.header#2684C1italic
markup.deleted#DC2F2A
markup.changed#CB4713
markup.inserted#859200
markup.quote#859200
markup.list#B58200
markup.bold, markup.italic#D33377
markup.boldbold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inline.raw#2A998B
markup.heading#2684C1bold
markup.heading.setext#2684C1