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#202020
  • activityBar.foreground#B0B0B0
  • activityBarBadge.background#FFD1A6
  • activityBarBadge.foreground#000
  • badge.background#FFD1A6
  • badge.foreground#000
  • button.background#FFD1A6
  • button.foreground#000
  • button.hoverBackground#FFD9B8
  • diffEditor.insertedLineBackground#99FFE415
  • diffEditor.insertedTextBackground#99FFE420
  • diffEditor.removedLineBackground#FF808015
  • diffEditor.removedTextBackground#FF808020
  • disabledForeground#606060
  • editor.background#181818
  • editor.foreground#F0F0F0
  • editor.selectionBackground#FFFFFF30
  • editor.selectionHighlightBackground#FFFFFF25
  • editorBracketHighlight.foreground1#7FA7A4
  • editorBracketHighlight.foreground2#7F82A7
  • editorBracketHighlight.foreground3#987FA7
  • editorBracketHighlight.foreground4#A77F96
  • editorBracketHighlight.foreground5#83A77F
  • editorBracketHighlight.foreground6#FFB8E5
  • editorBracketHighlight.unexpectedBracket.foreground#f20000
  • editorError.foreground#FF9090
  • editorGroupHeader.tabsBackground#181818
  • editorGutter.addedBackground#A3FFE9
  • editorGutter.deletedBackground#FF9090
  • editorGutter.modifiedBackground#FFD1A6
  • editorHoverWidget.background#242424
  • editorHoverWidget.border#383838
  • editorInlayHint.background#242424
  • editorInlayHint.foreground#B0B0B0
  • editorLineNumber.foreground#606060
  • editorOverviewRuler.border#181818
  • editorWarning.foreground#FFD1A6
  • editorWidget.background#202020
  • focusBorder#FFD1A6
  • icon.foreground#B0B0B0
  • input.background#242424
  • inputOption.activeBorder#FFD1A699
  • list.activeSelectionBackground#303030
  • list.errorForeground#FF9090
  • list.highlightForeground#FFD1A6
  • list.hoverBackground#38383855
  • scrollbarSlider.background#40404080
  • scrollbarSlider.hoverBackground#404040
  • selection.background#666
  • settings.modifiedItemIndicator#FFD1A6
  • sideBar.background#1A1A1A
  • sideBarSectionHeader.background#1A1A1A
  • sideBarSectionHeader.foreground#B0B0B0
  • sideBarTitle.foreground#B0B0B0
  • statusBar.background#1C1C1C
  • statusBar.debuggingBackground#FF7300
  • statusBar.debuggingForeground#FFF
  • statusBar.foreground#B0B0B0
  • statusBarItem.remoteBackground#FFD1A6
  • statusBarItem.remoteForeground#000
  • tab.activeBackground#282828
  • tab.border#181818
  • tab.inactiveBackground#202020
  • terminal.ansiBlack#002B36
  • terminal.ansiBlue#268BD2
  • terminal.ansiBrightBlack#073642
  • terminal.ansiBrightBlue#839496
  • terminal.ansiBrightCyan#93A1A1
  • terminal.ansiBrightGreen#586E75
  • terminal.ansiBrightMagenta#6C71C4
  • terminal.ansiBrightRed#CB4B16
  • terminal.ansiBrightWhite#FDF6E3
  • terminal.ansiBrightYellow#657B83
  • terminal.ansiCyan#1CD6C7
  • terminal.ansiGreen#859900
  • terminal.ansiMagenta#D33682
  • terminal.ansiRed#DC322F
  • terminal.ansiWhite#EEE8D5
  • terminal.ansiYellow#B58900
  • terminal.background#181818
  • textLink.activeForeground#FFD9B8
  • textLink.foreground#FFD1A6
  • titleBar.activeBackground#202020
  • titleBar.activeForeground#909090
  • titleBar.inactiveBackground#202020
  • titleBar.inactiveForeground#808080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#657B83
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#657B83
comment#93A1A1italic
string#CB4B16
entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.class#1CD6C7
constant.numeric#D33682
support.type, entity.name.type#1CD6C7
constant.language, constant.numeric, constant.character.escape, constant.character, constant.other#7070db
entity.name.function, support.function, meta.function-call#FFD9B8
variable.parameter#ffb066
support.type.go, entity.name.type.go, storage.type.go, storage.type.string.go, storage.type.numeric.go, storage.type.primitive.go, storage.type.boolean.go#1CD6C7
constant.language.go#7070db
entity.name.function.go, meta.function-call.go#FFD9B8
variable.parameter.go#ffb066
variable.language, variable.other#ffb066
keyword.control, keyword.operator#fff2e6
storage#586E75bold
Peachy Dolphin Theme by Durelius - VS Code Theme