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.markdownitalic
punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown#928374
punctuation.definition.italic.markdownitalic
markup.underline.link.markdown#2E6CB3
markup.bold.markdownbold
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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Chaski Python - Coding Theme