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#EBE1C8
  • activityBar.foreground#3C3836
  • activityBarBadge.background#3574C4
  • activityBarBadge.foreground#FFFFFF
  • button.background#3574C4
  • editor.background#F5EDD8
  • editor.findMatchBackground#C8DDE0
  • editor.findMatchHighlightBackground#DCEAEC
  • editor.foreground#3C3836
  • editor.lineHighlightBackground#E5DBBC
  • editor.selectionBackground#ABCED3
  • editorCursor.foreground#3C3836
  • editorGroup.border#D6CBB0
  • editorGroupHeader.tabsBackground#EBE1C8
  • editorIndentGuide.background#D6CBB0
  • editorLineNumber.foreground#A89984
  • editorWhitespace.foreground#CEC0A0
  • editorWidget.background#E8DDBE
  • input.background#F5EDD8
  • list.activeSelectionBackground#C8DDE0
  • list.focusBackground#E5DBBC
  • list.highlightForeground#3C3836
  • list.hoverBackground#E8DDBE
  • list.inactiveSelectionBackground#D6CBB0
  • notifications.background#EBE1C8
  • sideBar.background#EBE1C8
  • sideBarSectionHeader.background#E5DBBC
  • statusBar.background#EBE1C8
  • statusBar.foreground#665C54
  • statusBarItem.hoverBackground#E5DBBC
  • tab.activeBackground#F5EDD8
  • tab.activeForeground#3C3836
  • tab.border#D6CBB0
  • tab.inactiveBackground#EBE1C8
  • tab.inactiveForeground#665C54
  • terminal.ansiBlue#2E6CB3
  • terminal.ansiBrightBlue#3574C4
  • terminal.ansiBrightCyan#1E7A85
  • terminal.ansiBrightGreen#4E8A3E
  • terminal.ansiBrightMagenta#9A4EAE
  • terminal.ansiBrightRed#C53A42
  • terminal.ansiBrightYellow#B58B0A
  • terminal.ansiCyan#1E7A85
  • terminal.ansiGreen#4E8A3E
  • terminal.ansiMagenta#9A4EAE
  • terminal.ansiRed#C53A42
  • terminal.ansiYellow#9A6700
  • terminal.background#F5EDD8
  • terminal.foreground#3C3836
  • titleBar.activeBackground#EBE1C8
  • titleBar.activeForeground#3C3836

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.comment#928374italic
string, string.template#4E8A3E—
constant.numeric#9A4EAE—
string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded#9A4EAE—
constant.language#1E7A85—
constant.character, constant.other#1E7A85—
keyword, keyword.operator.logical, keyword.operator.constructor, storage, keyword.operator#C53A42—
storage.type#9A4EAE—
variable.language#C53A42—
variable.other, variable.other.property, variable.other.block, variable.other.module#3C3836—
variable.object.property, variable.other.object.property, variable.other.class.property, variable.other.constant.object.property, variable.other.constant.property, variable.other.constant.object.property, variable.other.readwrite.class.member, variable.other.member, variable.other.readwrite.member, variable.other.readwrite.batchfile, variable.readwrite, variable.readwrite.other.block, variable.other.readwrite, variable.parameter.function.language.special.self#3C3836—
variable.parameter, entity.name.variable.parameter, parameter.variable#9A6700italic
meta.function-call.arguments variable.parameter, meta.function-call.arguments entity.name.variable.parameter, meta.function-call.arguments parameter.variable#9A6700italic
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class#C75421—
entity.other.inherited-class#4E8A3Eunderline
entity.name.function, support.function#B58B0A—
entity.name.function-call#946D00—
function.support.builtin, function.support.core#946D00—
entity.name.function.decorator, meta.function.decorator.python#8A6D00—
punctuation.definition.decorator#946D00—
storage.modifier.import, storage.modifier.package#9A4EAE—
entity.name.tag, entity.name.tag.class.js#C53A42—
entity.name.tag.class, entity.name.tag.id#8A6D00—
entity.other.attribute-name#4E8A3E—
support.constant#1E7A85—
support.type, support.variable#1E7A85—
invalid#C53A42underline italic
invalid.deprecated#C53A42underline italic
meta.member.access, punctuation.accessor, punctuation.separator.property, punctuation.separator.dot-access, punctuation.separator.pointer-access#3C3836—
meta.function-call.member, support.function.mutator, punctuation.accessor.function#3C3836—
punctuation.separator, punctuation.section#3C3836—
markup.italic, markup.italic.markdown—italic
punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown#928374—
punctuation.definition.italic.markdown—italic
markup.underline.link.markdown#2E6CB3—
markup.bold.markdown—bold
markup.heading.markdown#C53A42bold
markup.quote.markdown#4E8A3E—
meta.separator.markdown#9A4EAEbold
markup.raw.inline.markdown, markup.raw.block.markdown#1E7A85—
punctuation.definition.list_item.markdown#3C3836bold
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python, variable.language.special.cls.python#C53A42italic
support.function.builtin.python, meta.function-call.python support.function.builtin.python#2E6CB3—
support.type.python, meta.function-call.python support.type.python#1E7A85—
support.function.magic.python, entity.name.function.magic.python#9A4EAEbold
support.variable.magic.python, variable.other.special.python#9A4EAEitalic
string.quoted.docstring.single.python, string.quoted.docstring.multi.python, string.quoted.docstring.python#6B8E5Citalic
meta.fstring.python string.quoted, string.interpolated.python#4E8A3E—
constant.character.format.placeholder.other.python, meta.fstring.python punctuation.definition.template-expression, meta.fstring.python constant.character.format#9A4EAE—
storage.type.format.python, constant.character.format.placeholder.python, meta.format.brace.python#1E7A85—
meta.function.parameters.python support.type.python, meta.function.return-type.python, source.python.typing, meta.type.annotation.python#1E7A85italic
support.type.exception.python#C53A42bold
keyword.control.import.python, keyword.control.import.from.python#9A4EAE—
meta.import.python entity.name.import.python, meta.import.python support.module.python, meta.statement.import.python#4E8A3E—
keyword.control.flow.python, keyword.control.conditional.python, keyword.control.loop.python, keyword.control.exception.python#C53A42—
keyword.control.flow.async.python, keyword.control.flow.await.python, storage.type.function.async.python#9A4EAEbold
storage.type.function.lambda.python, keyword.other.lambda.python#9A4EAE—
keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.comparison.python, keyword.operator.bitwise.python#C53A42—
keyword.operator.logical.python, keyword.operator.wordlike.python#9A4EAE—
keyword.operator.unpacking.python, keyword.operator.unpacking.arguments.python, keyword.operator.unpacking.parameter.python#C53A42bold
meta.structure.dictionary.key.python string, meta.mapping.key.python string#2E6CB3—
meta.comprehension.python, keyword.control.flow.for.in.python#C53A42—
punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python#665C54—
punctuation.separator.colon.python, punctuation.separator.slice.python#665C54—
punctuation.separator.annotation.result.python, meta.function.return-type.python punctuation#9A4EAE—
entity.name.type.class.python, meta.class.python entity.name.class.python#C75421bold
entity.name.function.python, meta.function.python entity.name.function.python#B58B0A—
constant.language.python#1E7A85italic
constant.character.escape.python#9A6700—
string.regexp.python, source.regexp.python#8A6D00—
punctuation.definition.group.regexp.python, keyword.operator.quantifier.regexp.python#9A6700—
keyword.control.with.python, keyword.control.as.python#C53A42—
keyword.control.flow.return.python, keyword.control.flow.yield.python#C53A42italic
keyword.control.flow.assert.python#C53A42—
keyword.control.flow.pass.python, keyword.control.flow.break.python, keyword.control.flow.continue.python#C53A42—
meta.class.python meta.function.python entity.name.function.python#9A7608—
meta.function-call.python meta.attribute.python variable.function, variable.function.python#805C00—
variable.other.property.python, meta.attribute.python variable.other#6B5A3E—
meta.function-call.python support.function.magic.python#8A3F9A—
Chaski Python by Chris Kroenke - VS Code Theme