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#d4d1c4
  • activityBar.border#c3c0b5
  • activityBar.foreground#342d28
  • activityBar.inactiveForeground#7f7a71
  • activityBarBadge.background#b87911
  • activityBarBadge.foreground#191815
  • badge.background#b87911
  • badge.foreground#191815
  • button.background#b87911
  • button.foreground#191815
  • button.hoverBackground#bb7e16
  • button.secondaryBackground#bdb9ad
  • button.secondaryForeground#342d28
  • dropdown.background#d2cfc3
  • dropdown.border#bdb9ad
  • dropdown.foreground#342d28
  • editor.background#e7e5d8
  • editor.findMatchBackground#b8791136
  • editor.findMatchHighlightBackground#b879111a
  • editor.foreground#342d28
  • editor.lineHighlightBackground#cecabe
  • editor.selectionBackground#b8791126
  • editor.selectionHighlightBackground#b8791113
  • editor.wordHighlightBackground#b8791118
  • editorBracketHighlight.foreground1#83640f
  • editorBracketHighlight.foreground2#855a70
  • editorBracketHighlight.foreground3#237296
  • editorBracketMatch.background#83640f14
  • editorBracketMatch.border#83640f3d
  • editorCursor.background#e7e5d8
  • editorCursor.foreground#486a59
  • editorError.foreground#83640f
  • editorGroupHeader.tabsBackground#d4d1c4
  • editorGroupHeader.tabsBorder#c3c0b5
  • editorIndentGuide.activeBackground1#8b7d63
  • editorIndentGuide.background1#c8c5b9
  • editorInfo.foreground#237296
  • editorLineNumber.activeForeground#7c5f34
  • editorLineNumber.foreground#a7a399
  • editorWarning.foreground#b17818
  • editorWhitespace.foreground#c8c5b9
  • focusBorder#94650feb
  • gitDecoration.addedResourceForeground#397625
  • gitDecoration.conflictingResourceForeground#83640f
  • gitDecoration.deletedResourceForeground#83640f
  • gitDecoration.ignoredResourceForeground#7f7a71
  • gitDecoration.modifiedResourceForeground#b17818
  • gitDecoration.untrackedResourceForeground#397625
  • input.background#d2cfc3
  • input.border#bdb9ad
  • input.foreground#342d28
  • input.placeholderForeground#7f7a71
  • inputOption.activeBackground#b8791111
  • inputOption.activeBorder#b87911
  • list.activeSelectionBackground#bebaae
  • list.activeSelectionForeground#2c2722
  • list.focusBackground#bebaae
  • list.highlightForeground#b87911
  • list.hoverBackground#cac7bb
  • list.hoverForeground#342d28
  • list.inactiveSelectionBackground#c7c4b8
  • notificationLink.foreground#b87911
  • notifications.background#d2cfc3
  • notifications.border#bdb9ad
  • notifications.foreground#342d28
  • panel.background#d4d1c4
  • panel.border#c3c0b5
  • panelTitle.activeBorder#b87911
  • panelTitle.activeForeground#342d28
  • panelTitle.inactiveForeground#645e57
  • progressBar.background#b87911
  • scrollbarSlider.activeBackground#b49d7baa
  • scrollbarSlider.background#d2c2a566
  • scrollbarSlider.hoverBackground#d2c2a599
  • selection.background#b8791126
  • sideBar.background#d4d1c4
  • sideBar.border#c3c0b5
  • sideBar.foreground#47413b
  • sideBarSectionHeader.background#c7c4b8
  • sideBarSectionHeader.border#c3c0b5
  • sideBarSectionHeader.foreground#645e57
  • sideBarTitle.foreground#645e57
  • statusBar.background#bb7c12
  • statusBar.border#c3c0b5
  • statusBar.debuggingBackground#7f4313
  • statusBar.debuggingForeground#f6efe5
  • statusBar.foreground#191815
  • statusBar.noFolderBackground#8a562d
  • statusBar.noFolderForeground#f6efe5
  • statusBarItem.activeBackground#b8791133
  • statusBarItem.hoverBackground#b8791126
  • tab.activeBackground#e7e5d8
  • tab.activeBorder#b87911
  • tab.activeForeground#342d28
  • tab.border#c3c0b5
  • tab.hoverBackground#cac7bb
  • tab.inactiveBackground#d4d1c4
  • tab.inactiveForeground#645e57
  • tab.unfocusedActiveForeground#47413b
  • terminal.ansiBlack#3a342e
  • terminal.ansiBlue#517d76
  • terminal.ansiBrightBlack#8c7c69
  • terminal.ansiBrightBlue#658d85
  • terminal.ansiBrightCyan#70946f
  • terminal.ansiBrightGreen#79914c
  • terminal.ansiBrightMagenta#b9758b
  • terminal.ansiBrightRed#c9675c
  • terminal.ansiBrightWhite#2d241e
  • terminal.ansiBrightYellow#ab8034
  • terminal.ansiCyan#608763
  • terminal.ansiGreen#718246
  • terminal.ansiMagenta#a26179
  • terminal.ansiRed#ba5146
  • terminal.ansiWhite#43382e
  • terminal.ansiYellow#9d7124
  • terminal.background#e7e5d8
  • terminal.foreground#342d28
  • terminalCursor.foreground#486a59
  • titleBar.activeBackground#d4d1c4
  • titleBar.activeForeground#342d28
  • titleBar.border#c3c0b5
  • titleBar.inactiveBackground#d4d1c4
  • titleBar.inactiveForeground#645e57
  • widget.shadow#00000033

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7f766aitalic
keyword, storage.type, storage.modifier, keyword.control#83640fbold
keyword.operator, keyword.operator.assignment#5f5c57
meta.function-call entity.name.function, meta.function-call.js entity.name.function.js, meta.function-call.ts entity.name.function.ts, meta.function-call.py entity.name.function.py, meta.function-call.python entity.name.function.python, meta.function-call.go entity.name.function.go, meta.function-call.rust entity.name.function.rust#3e752b—
meta.method-call entity.name.function, meta.method-call.js entity.name.function.js, meta.method-call.ts entity.name.function.ts, meta.method-call.py entity.name.function.py, meta.method-call.python entity.name.function.python, meta.method-call.go entity.name.function.go, meta.method-call.rust entity.name.function.rust#0e7963—
entity.name.function, support.function, meta.function-call.generic#3e752b—
entity.name.function.member, entity.name.function.member.python, entity.name.function.member.go, entity.name.function.member.rust#0e7963—
variable.other.property, variable.other.member, meta.property-name, support.type.property-name#46703f—
string, string.quoted, string.template, string.regexp#7e5a2a—
constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined#1768a6—
entity.name.type, entity.name.class, storage.type.java, storage.type.primitive.java, entity.name.struct.rust, entity.name.type.class, support.type, support.type.builtin, support.class#237296italic
variable, variable.other.readwrite, variable.other.constant#46423d—
meta.object-literal.key#80441b—
entity.other.attribute-name#0067c5—
entity.name.tag, punctuation.definition.tag#5f6b24—
meta.decorator, punctuation.decorator#8c4c02italic
punctuation, meta.brace#935e79—
constant.other.color, support.constant#1768a6—
markup.heading#7a4500bold
markup.bold#a2251dbold
markup.italic#914b00italic
markup.inline.raw, markup.fenced_code#007301—
markup.underline.link#007301—
invalid.deprecated#b53616strikethrough
invalid.illegal#b53616underline