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#DDD6C1
  • activityBar.dropBackground#FFFFFF
  • activityBar.foreground#584c27
  • activityBarBadge.background#B58900
  • badge.background#B58900AA
  • button.background#AC9D57
  • debugExceptionWidget.background#DDD6C1
  • debugExceptionWidget.border#AB395B
  • debugToolBar.background#DDD6C1
  • dropdown.background#FFFFFF
  • dropdown.border#D3AF86
  • editor.background#F9F8F6
  • editor.findMatchBackground#99FF99
  • editor.foreground#4D3F32
  • editor.lineHighlightBackground#F0E7DF
  • editor.selectionBackground#b9b0ff6e
  • editorCursor.foreground#657B83
  • editorGroup.border#DDD6C1
  • editorGroup.dropBackground#DDD6C1AA
  • editorGroupHeader.tabsBackground#D9D2C2
  • editorHoverWidget.background#CCC4B0
  • editorIndentGuide.activeBackground#081E2580
  • editorIndentGuide.background#4D3F3280
  • editorLineNumber.activeForeground#787878
  • editorLink.activeForeground#0000FF
  • editorWhitespace.foreground#4D3F3280
  • editorWidget.background#F9F8F6
  • extensionButton.prominentBackground#b58900
  • extensionButton.prominentHoverBackground#584c27aa
  • focusBorder#D3AF86
  • input.background#DDD6C1
  • input.foreground#4D3F32
  • input.placeholderForeground#4D3F32AA
  • inputOption.activeBorder#D3AF86
  • list.activeSelectionBackground#DFCA88
  • list.activeSelectionForeground#6C6C6C
  • list.focusBackground#DFCA8866
  • list.highlightForeground#B58900
  • list.hoverBackground#DFCA8844
  • list.inactiveSelectionBackground#D1CBB8
  • minimap.selectionHighlight#B9B0B4
  • panel.border#DDD6C1
  • peekView.border#B58900
  • peekViewEditor.background#FFFBF2
  • peekViewEditor.matchHighlightBackground#7744AA40
  • peekViewResult.background#FFFFFF
  • peekViewTitle.background#FFFFFF
  • pickerGroup.border#DB9D1899
  • pickerGroup.foreground#DB9D1899
  • progressBar.background#B58900
  • selection.background#CCC4B0
  • sideBar.background#FFFFFF
  • sideBarTitle.foreground#4D3F32
  • statusBar.background#FFFFFF
  • statusBar.debuggingBackground#FFFF00
  • statusBar.foreground#4D3F32
  • statusBar.noFolderBackground#FFFFFF
  • statusBarItem.prominentBackground#DDD6C1
  • statusBarItem.prominentHoverBackground#DDD6C199
  • statusBarItem.remoteBackground#AC9D57
  • tab.activeBackground#FFFFFF
  • tab.activeModifiedBorder#cb4b16
  • tab.border#DDD6C1
  • tab.inactiveBackground#D3CBB7
  • tab.inactiveForeground#4D3F32
  • terminal.ansiBlack#073642
  • terminal.ansiBlue#268bd2
  • terminal.ansiBrightBlack#4D3F32
  • terminal.ansiBrightBlue#839496
  • terminal.ansiBrightCyan#ADADAD
  • terminal.ansiBrightGreen#4D3F32
  • terminal.ansiBrightMagenta#6c71c4
  • terminal.ansiBrightRed#cb4b16
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#657b83
  • terminal.ansiCyan#DB9D18
  • terminal.ansiGreen#859900
  • terminal.ansiMagenta#55AAFF
  • terminal.ansiRed#dc322f
  • terminal.ansiWhite#F9F8F6
  • terminal.ansiYellow#b58900
  • titleBar.activeBackground#FFFFFF
  • walkThrough.embeddedEditorBackground#00000014

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#657B83
constant.character.format.placeholder.other.python#DB9D18
comment#ADADADitalic
string#DB9D18
string.regexp#DB9D18
constant.numeric, storage.type.numeric#55AAFF
variable.language, support.variable.magic, variable.other, support.type#900090italic
keyword.control, keyword.other#F92690
support.function.builtin#F92690
storage#F92690
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution#00AA00bold
entity.name.function#00AA00
punctuation.definition.variable#859900
punctuation.section.embedded.begin, punctuation.section.embedded.end#D30102
meta.function.decorator.python#008080
constant.language, storage.type.function.inline#F92690
support.function.construct, keyword.other.new#D30102
constant.other#498BA7bold
entity.other.inherited-class
variable.parameter#051c25
entity.name.tag#268BD2
punctuation.definition.tag.begin, punctuation.definition.tag.end#ADADAD
entity.other.attribute-name#ADADAD
support.function.magic#F92690
punctuation.separator.continuation#D30102
support.constant#FF0000
support.type, support.class#859900
support.type.exception#CB4B16
support.other.variable
invalid#FF0000
meta.diff, meta.diff.header#268bd2italic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186
markup.quote#859900
markup.list#B58900
markup.bold, markup.italic#55AAFF
markup.inline.raw#DB9D18
markup.heading#268BD2
markup.heading.setext#268BD2
Lucid Parchment Theme by FeiFei Liu - VS Code Theme