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#0D110D
  • activityBar.foreground#CDD5C2
  • activityBar.inactiveForeground#788574
  • activityBarBadge.background#DBD8B0
  • activityBarBadge.foreground#131813
  • badge.background#283128
  • badge.foreground#CDD5C2
  • breadcrumb.focusForeground#CDD5C2
  • breadcrumb.foreground#788574
  • button.background#DBD8B0
  • button.foreground#131813
  • button.hoverBackground#BDB47B
  • diffEditor.insertedTextBackground#7EA77022
  • diffEditor.removedTextBackground#CC605522
  • dropdown.background#1C241C
  • dropdown.border#283128
  • dropdown.foreground#CDD5C2
  • editor.background#131813
  • editor.findMatchBackground#BDB47B55
  • editor.findMatchHighlightBackground#BDB47B33
  • editor.foreground#CDD5C2
  • editor.inactiveSelectionBackground#1C241C
  • editor.lineHighlightBackground#1C241C80
  • editor.selectionBackground#283128
  • editorBracketHighlight.foreground1#999770
  • editorBracketHighlight.foreground2#BDB47B
  • editorBracketHighlight.foreground3#85B7AE
  • editorBracketHighlight.foreground4#999770
  • editorBracketHighlight.foreground5#BDB47B
  • editorBracketHighlight.foreground6#85B7AE
  • editorBracketHighlight.unexpectedBracket.foreground#CC6055
  • editorBracketMatch.border#85B7AE
  • editorCursor.foreground#CDD5C2
  • editorError.foreground#CC6055
  • editorGroupHeader.tabsBackground#0D110D
  • editorGutter.addedBackground#7EA770
  • editorGutter.deletedBackground#CC6055
  • editorGutter.modifiedBackground#BDB47B
  • editorHint.foreground#85B7AE
  • editorHoverWidget.background#1C241C
  • editorHoverWidget.border#283128
  • editorIndentGuide.activeBackground1#283128
  • editorIndentGuide.background1#1C241C
  • editorInfo.foreground#98BDB8
  • editorLineNumber.activeForeground#BDB47B
  • editorLineNumber.foreground#788574
  • editorWarning.foreground#BDB47B
  • editorWhitespace.foreground#283128
  • editorWidget.background#1C241C
  • editorWidget.border#283128
  • focusBorder#283128
  • gitDecoration.addedResourceForeground#7EA770
  • gitDecoration.deletedResourceForeground#CC6055
  • gitDecoration.ignoredResourceForeground#788574
  • gitDecoration.modifiedResourceForeground#BDB47B
  • gitDecoration.untrackedResourceForeground#8AB37D
  • input.background#0D110D
  • input.border#283128
  • input.foreground#CDD5C2
  • input.placeholderForeground#788574
  • list.activeSelectionBackground#283128
  • list.activeSelectionForeground#CDD5C2
  • list.highlightForeground#BDB47B
  • list.hoverBackground#1C241C
  • list.inactiveSelectionBackground#1C241C
  • menu.background#1C241C
  • menu.foreground#CDD5C2
  • menu.selectionBackground#283128
  • notifications.background#1C241C
  • notifications.foreground#CDD5C2
  • panel.background#131813
  • panel.border#283128
  • panelTitle.activeBorder#DBD8B0
  • panelTitle.activeForeground#CDD5C2
  • peekView.border#283128
  • peekViewEditor.background#0D110D
  • peekViewResult.background#0D110D
  • quickInput.background#1C241C
  • quickInputList.focusBackground#283128
  • scrollbarSlider.background#1C241CAA
  • scrollbarSlider.hoverBackground#283128AA
  • selection.background#283128
  • sideBar.background#0D110D
  • sideBar.foreground#A7B09B
  • sideBarSectionHeader.background#0D110D
  • sideBarTitle.foreground#CDD5C2
  • statusBar.background#0D110D
  • statusBar.debuggingBackground#CC6055
  • statusBar.debuggingForeground#131813
  • statusBar.foreground#A7B09B
  • statusBar.noFolderBackground#0D110D
  • tab.activeBackground#131813
  • tab.activeBorderTop#DBD8B0
  • tab.activeForeground#CDD5C2
  • tab.inactiveBackground#0D110D
  • tab.inactiveForeground#788574
  • terminal.ansiBlack#1C241C
  • terminal.ansiBlue#98BDB8
  • terminal.ansiBrightBlack#788574
  • terminal.ansiBrightBlue#98BDB8
  • terminal.ansiBrightCyan#85B7AE
  • terminal.ansiBrightGreen#7EA770
  • terminal.ansiBrightMagenta#A188CC
  • terminal.ansiBrightRed#CC6055
  • terminal.ansiBrightWhite#CDD5C2
  • terminal.ansiBrightYellow#BDB47B
  • terminal.ansiCyan#85B7AE
  • terminal.ansiGreen#7EA770
  • terminal.ansiMagenta#A188CC
  • terminal.ansiRed#CC6055
  • terminal.ansiWhite#A7B09B
  • terminal.ansiYellow#BDB47B
  • terminal.background#131813
  • terminal.foreground#CDD5C2
  • titleBar.activeBackground#0D110D
  • titleBar.activeForeground#A7B09B
  • titleBar.inactiveBackground#0D110D
  • titleBar.inactiveForeground#788574
  • widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#788574italic
string, string.quoted, punctuation.definition.string#8AB37D
constant.character.escape, string.regexp#85B7AE
constant.numeric#BDB47B
constant.language, constant.other, variable.other.constant#BDB47Bbold
keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression#DBD8B0bold
keyword.operator#A7B09B
entity.name.function, support.function, meta.function-call entity.name.function#98BDB8
entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, entity.name.namespace#A188CC
support.type.primitive, keyword.type#A188CCitalic
variable, meta.definition.variable, variable.other.readwrite#CDD5C2
variable.parameter#A7B09Bitalic
variable.other.property, meta.object-literal.key, support.type.property-name#CDD5C2
entity.name.tag#DBD8B0bold
entity.other.attribute-name#A7B09Bitalic
punctuation, meta.brace#A7B09B
keyword.control.exception, keyword.control.trycatch#CC6055
variable.language#85B7AEitalic
invalid, invalid.illegal#CC6055
markup.heading, entity.name.section#DBD8B0bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.fenced_code#8AB37D
markup.underline.link#98BDB8
markup.inserted#7EA770
markup.deleted#CC6055
markup.changed#BDB47B
meta.function-call entity.name.function, meta.function-call support.function#628980
support.type.primitive, support.type.builtin#7563A6
keyword.operator, punctuation.separator, punctuation.terminator, meta.brace#999770