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#21252B
  • activityBar.foreground#D7DAE0
  • activityBarBadge.background#4D8FFF
  • activityBarBadge.foreground#F8FAFD
  • button.background#4D8FFF
  • editor.background#282C34
  • editor.findMatchBackground#42557B
  • editor.findMatchHighlightBackground#314365
  • editor.foreground#FDF6E3
  • editor.lineHighlightBackground#383E4A
  • editor.selectionBackground#1C5F6B
  • editorCursor.foreground#FDF6E3
  • editorGroup.border#30434C
  • editorGroupHeader.tabsBackground#21252B
  • editorIndentGuide.background#3B4048
  • editorLineNumber.foreground#8F9CA0
  • editorWhitespace.foreground#4D5661
  • editorWidget.background#21252B
  • input.background#1E2227
  • list.activeSelectionBackground#2E3540
  • list.focusBackground#383E4A
  • list.highlightForeground#C5C5C5
  • list.hoverBackground#2C313A
  • list.inactiveSelectionBackground#30434C
  • notifications.background#21252B
  • sideBar.background#21252B
  • sideBarSectionHeader.background#282C34
  • statusBar.background#21252B
  • statusBar.foreground#9DA5B4
  • statusBarItem.hoverBackground#2E3540
  • tab.activeBackground#1C5F6B
  • tab.inactiveBackground#21252B
  • terminal.ansiBlue#61AFEF
  • terminal.ansiBrightBlue#4D8FFF
  • terminal.ansiBrightCyan#56B6C2
  • terminal.ansiBrightGreen#98C379
  • terminal.ansiBrightMagenta#C678DD
  • terminal.ansiBrightRed#E06C75
  • terminal.ansiBrightYellow#E5C07B
  • terminal.ansiCyan#56B6C2
  • terminal.ansiGreen#98C379
  • terminal.ansiMagenta#C678DD
  • terminal.ansiRed#E06C75
  • terminal.ansiYellow#D19A66
  • titleBar.activeBackground#282C34
  • titleBar.activeForeground#9DA5B4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.comment#7F8C98italic
string, string.template#8CC9AC
constant.numeric#D0826D
string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded#C678DD
constant.language#56B6C2
constant.character, constant.other#56B6C2
keyword, keyword.operator.logical, keyword.operator.constructor, storage, keyword.operator#E06C75
storage.type#C678DD
variable.language#E06C75
variable.other, variable.other.property, variable.other.block, variable.other.module#FDF6E3
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#FDF6E3
variable.parameter, entity.name.variable.parameter, parameter.variable#D19A66italic
meta.function-call.arguments variable.parameter, meta.function-call.arguments entity.name.variable.parameter, meta.function-call.arguments parameter.variable#D19A66italic
entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class#FC804E
entity.other.inherited-class#98C379underline
entity.name.function, support.function#F7D065
entity.name.function-call#FABD2F
function.support.builtin, function.support.core#FABD2F
entity.name.function.decorator, meta.function.decorator.python#E5C07B
punctuation.definition.decorator#FABD2F
storage.modifier.import, storage.modifier.package#C678DD
entity.name.tag, entity.name.tag.class.js#E06C75
entity.name.tag.class, entity.name.tag.id#E5C07B
entity.other.attribute-name#98C379
support.constant#56B6C2
support.type, support.variable#56B6C2
invalid#FDF6E3underline italic
invalid.deprecated#FDF6E3underline italic
meta.member.access, punctuation.accessor, punctuation.separator.property, punctuation.separator.dot-access, punctuation.separator.pointer-access#FDF6E3
meta.function-call.member, support.function.mutator, punctuation.accessor.function#FDF6E3
punctuation.separator, punctuation.section#FDF6E3
markup.italic, markup.italic.markdownitalic
punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown#7F8C98
punctuation.definition.italic.markdownitalic
markup.underline.link.markdown#61AFEF
markup.bold.markdownbold
markup.heading.markdown#E06C75bold
markup.quote.markdown#98C379
meta.separator.markdown#C678DDbold
markup.raw.inline.markdown, markup.raw.block.markdown#56B6C2
punctuation.definition.list_item.markdown#FFFFFFbold
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.self.python, variable.language.special.cls.python#E06C75italic
support.function.builtin.python, meta.function-call.python support.function.builtin.python#61AFEF
support.type.python, meta.function-call.python support.type.python#56B6C2
support.function.magic.python, entity.name.function.magic.python#C678DDbold
support.variable.magic.python, variable.other.special.python#C678DDitalic
string.quoted.docstring.single.python, string.quoted.docstring.multi.python, string.quoted.docstring.python#7F9F7Fitalic
meta.fstring.python string.quoted, string.interpolated.python#8CC9AC
constant.character.format.placeholder.other.python, meta.fstring.python punctuation.definition.template-expression, meta.fstring.python constant.character.format#C678DD
storage.type.format.python, constant.character.format.placeholder.python, meta.format.brace.python#56B6C2
meta.function.parameters.python support.type.python, meta.function.return-type.python, source.python.typing, meta.type.annotation.python#56B6C2italic
support.type.exception.python#E06C75bold
keyword.control.import.python, keyword.control.import.from.python#C678DD
meta.import.python entity.name.import.python, meta.import.python support.module.python, meta.statement.import.python#98C379
keyword.control.flow.python, keyword.control.conditional.python, keyword.control.loop.python, keyword.control.exception.python#E06C75
keyword.control.flow.async.python, keyword.control.flow.await.python, storage.type.function.async.python#C678DDbold
storage.type.function.lambda.python, keyword.other.lambda.python#C678DD
keyword.operator.arithmetic.python, keyword.operator.assignment.python, keyword.operator.comparison.python, keyword.operator.bitwise.python#E06C75
keyword.operator.logical.python, keyword.operator.wordlike.python#C678DD
keyword.operator.unpacking.python, keyword.operator.unpacking.arguments.python, keyword.operator.unpacking.parameter.python#E06C75bold
meta.structure.dictionary.key.python string, meta.mapping.key.python string#61AFEF
meta.comprehension.python, keyword.control.flow.for.in.python#E06C75
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#ABB2BF
punctuation.separator.colon.python, punctuation.separator.slice.python#ABB2BF
punctuation.separator.annotation.result.python, meta.function.return-type.python punctuation#C678DD
entity.name.type.class.python, meta.class.python entity.name.class.python#FC804Ebold
entity.name.function.python, meta.function.python entity.name.function.python#F7D065
constant.language.python#56B6C2italic
constant.character.escape.python#D19A66
string.regexp.python, source.regexp.python#E5C07B
punctuation.definition.group.regexp.python, keyword.operator.quantifier.regexp.python#D19A66
keyword.control.with.python, keyword.control.as.python#E06C75
keyword.control.flow.return.python, keyword.control.flow.yield.python#E06C75italic
keyword.control.flow.assert.python#E06C75
keyword.control.flow.pass.python, keyword.control.flow.break.python, keyword.control.flow.continue.python#E06C75
meta.class.python meta.function.python entity.name.function.python#E8C547
meta.function-call.python meta.attribute.python variable.function, variable.function.python#E5A82B
variable.other.property.python, meta.attribute.python variable.other#D4B896
meta.function-call.python support.function.magic.python#B565C9

Shiki preview

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

Loading...

Chaski Python - Coding Theme