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#232225
  • activityBarBadge.background#A97070
  • activityBarBadge.foreground#000000
  • button.background#6C8093
  • button.foreground#000000
  • button.hoverBackground#C5916B
  • debugIcon.breakpointCurrentStackframeForeground#C5916B
  • debugIcon.continueForeground#6C8093
  • debugIcon.restartForeground#778C73
  • debugIcon.stepIntoForeground#6C8093
  • debugIcon.stepOutForeground#6C8093
  • debugIcon.stepOverForeground#6C8093
  • debugIcon.stopForeground#A97070
  • diffEditor.border#24232A
  • diffEditor.diagonalFill#716b8c4d
  • diffEditor.insertedLineBackground#2d303360
  • diffEditor.insertedTextBackground#2d393360
  • diffEditor.removedLineBackground#63363660
  • diffEditor.removedTextBackground#63363660
  • diffEditorOverview.insertedForeground#2d3933fc
  • diffEditorOverview.removedForeground#633636f6
  • editor.background#24232A
  • editor.findMatchBackground#C5916B
  • editor.findMatchForeground#000000
  • editor.findMatchHighlightBackground#aaaaee4e
  • editor.foreground#AFA79D
  • editor.lineHighlightBackground#343434
  • editor.selectionBackground#444444
  • editor.wordHighlightBackground#44444499
  • editorBracketHighlight.foreground1#7F7F7F
  • editorBracketHighlight.foreground2#8F8F8F
  • editorBracketHighlight.foreground3#9F9F9F
  • editorBracketHighlight.foreground4#AFAFAF
  • editorBracketHighlight.foreground5#BFBFBF
  • editorBracketHighlight.foreground6#CFCFCF
  • editorError.foreground#854747
  • editorGroupHeader.tabsBackground#232225
  • editorGroupHeader.tabsBorder#3c3836
  • editorGutter.addedBackground#778C73
  • editorGutter.deletedBackground#A97070
  • editorGutter.modifiedBackground#C5916B
  • editorInfo.foreground#6C8093
  • editorLightBulb.foreground#C5916B
  • editorLineNumber.foreground#4d4d4d
  • editorOverviewRuler.addedForeground#778C73
  • editorOverviewRuler.deletedForeground#A97070
  • editorOverviewRuler.errorForeground#854747
  • editorOverviewRuler.infoForeground#6c8093
  • editorOverviewRuler.modifiedForeground#C5916B
  • editorSuggestWidget.background#24232A
  • editorSuggestWidget.focusHighlightForeground#C5916B
  • editorSuggestWidget.foreground#AFA79D
  • editorSuggestWidget.highlightForeground#C5916B
  • editorSuggestWidget.selectedBackground#444444
  • editorSuggestWidget.selectedForeground#AFA79D
  • editorWarning.foreground#C5916B
  • focusBorder#6C8093
  • gitDecoration.addedResourceForeground#778C73
  • gitDecoration.deletedResourceForeground#854747
  • gitDecoration.ignoredResourceForeground#444444
  • gitDecoration.modifiedResourceForeground#C5916B
  • gitDecoration.untrackedResourceForeground#778C73
  • list.activeSelectionBackground#444444
  • list.activeSelectionForeground#AD9685
  • list.errorForeground#A97070
  • list.warningForeground#C5916B
  • menu.selectionForeground#6C8093
  • problemsErrorIcon.foreground#A97070
  • problemsInfoIcon.foreground#6c8093
  • problemsWarningIcon.foreground#C5916B
  • searchEditor.findMatchBackground#444444
  • settings.focusedRowBackground#444444
  • settings.focusedRowBorder#444444
  • sideBar.background#242325
  • sideBar.border#3c3836
  • sideBarSectionHeader.background#242325
  • sideBarSectionHeader.foreground#AD9685
  • sideBarStickyScroll.border#3c3836
  • sideBarTitle.background#232225
  • sideBarTitle.foreground#AD9685
  • statusBar.background#778C73
  • statusBar.debuggingBackground#C5916B
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#444444
  • tab.activeBackground#444444
  • tab.inactiveBackground#232225
  • terminal.ansiBlack#2C2C30
  • terminal.ansiBlue#6C7F93
  • terminal.ansiBrightBlack#A5A59C
  • terminal.ansiBrightBlue#8A99A8
  • terminal.ansiBrightCyan#8FA4A2
  • terminal.ansiBrightGreen#92A38F
  • terminal.ansiBrightMagenta#CCB3C6
  • terminal.ansiBrightRed#BC8F8F
  • terminal.ansiBrightWhite#C6C0B9
  • terminal.ansiBrightYellow#D9AC8C
  • terminal.ansiCyan#8EA4A2
  • terminal.ansiGreen#778C73
  • terminal.ansiMagenta#B894AF
  • terminal.ansiRed#A97070
  • terminal.ansiWhite#AFA79D
  • terminal.ansiYellow#CC9166
  • terminal.background#25222A
  • terminal.foreground#AEA79C
  • terminalCursor.background#AEA79C
  • terminalCursor.foreground#AEA79C
  • textLink.foreground#6C8093
  • titleBar.activeBackground#232225

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, punctuation#4f4f4f
punctuation, punctuation.quoted, punctuation.definition.arguments.begin, punctuation.definition.parameters, keyword.operator#7F7F7F
constant.other.color, variable.parameter, variable, string constant.other.placeholder, meta.function-call.arguments, meta.block variable.other, meta.interpolation#AFA79Dnormal
invalid, invalid.illegal#A97070
keyword, keyword.other, keyword.operator.expression, storage.type.function, storage.type.class, storage.modifier#A97070
source.python variable.parameter.function.language.special.cls.python, source.python variable.parameter.function.language.special.self.python, support.function.builtin.python, support.type.exception#AD9584
keyword.control, constant.other.clor, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.operator.logical.python#A97070
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#A97070
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#6c8093bold
support.other.variable, string.other.link#A97070
support.constant, constant.character, constant.escape, constant, variable.parameter.function.language.special.cls.python#C5916Bbold
string, punctuation.definition.string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#778C73
entity.name, support.type, support.class, meta.block.js, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, constant.numeric, constant.language, entity.other.inherited-class#886C92
entity.name.function.decorator, punctuation.definition.decorator, meta.function.decorator, keyword.operator.macro, entity.name.function.macro, variable.other.metavariable#886C92
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#B2CCD6
entity.name.module.js, variable.import.parameter.js, variable.other.class.js, support.variable.property.js#AD9685
variable.language, variable.other.object, entity.name.type.primitive#AD9685
source.go storage.type#AD9685
entity.name.type.result.rust, entity.name.type.numeric.rust, entity.name.namespace.rust, meta.use.rust#AD9685
variable.language.super.rust#A97070
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#AD9685
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#FFCB6Bitalic
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#BC8F8F
markup.inserted#C3E88D
markup.deleted#BC8F8F
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
source.js constant.other.object.key.js string.unquoted.label.js#A97070
source.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#AD9584
text.html.markdown, punctuation.definition.list_item.markdown#AFA79D
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#AFA79D
markup.italic#AD9685italic
markup.bold, markup.bold string#854747bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#A97070bold
markup.underline#6C8093underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#AD9584
string.other.link.description.title.markdown#886C92
constant.other.reference.link.markdown#C5916B
markup.raw.block#886C92
markup.raw.block.fenced.markdown#000000
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#AD9584