Skip to main content
CodingTheme

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.

  • activityBarBadge.background#007ACC
  • checkbox.border#6B6B6B
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41
  • editor.selectionHighlightBackground#ADD6FF26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • input.placeholderForeground#A6A6A6
  • list.activeSelectionIconForeground#FFF
  • list.dropBackground#383B3D
  • menu.background#252526
  • menu.border#454545
  • menu.foreground#CCCCCC
  • menu.separatorBackground#454545
  • ports.iconRunningProcessForeground#369432
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#ccc3
  • sideBarTitle.foreground#BBBBBB
  • statusBar.noFolderBackground#4c4c4c
  • statusBar.noFolderBorder#626262
  • statusBarItem.remoteBackground#16825D
  • statusBarItem.remoteForeground#FFF
  • tab.lastPinnedBorder#ccc3
  • terminal.inactiveSelectionBackground#3A3D41
  • widget.border#303031

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.comment.python#46932e
punctuation.definition.string.begin.python#33ff00
punctuation.definition.string.end.python#33ff00
punctuation.separator.element.python#ffffff
punctuation.separator.dict.python#ff7b00
punctuation.separator.period.python#ff8800
punctuation.separator.parameters.python#ff8800
punctuation.separator.arguments.python#ffffff
comment.line.number-sign.python#46932e
keyword.control.flow.python#fe4677
keyword.operator.arithmetic.python#00b1f7
keyword.operator.comparison.python#9a47a5
keyword.operator.assignment.python#62d19d
keyword.operator.unpacking.arguments.python#ffbf00
constant.numeric.dec.python#50d33e
string.quoted.multi.python#ffffff
string.quoted.single.python#ffffff
constant.language.python#b1b4ffc3
meta.function-call.arguments.python#cfcfcf
meta.function-call.generic.python#e78484
storage.type.function.python#97e7ffcb
storage.type.string.python#ffaa00d6
storage.type.format.python#00ff8090
constant.numeric.float.python#B5CEA8
source.python#ffffff
variable.parameter.function.language.python#ffffff
entity.name.function.python#ffae57
support.function.builtin.python#7b9fffbf
support.type.property-name.json.comments#ce9078e4
punctuation.separator.dictionary.key-value.json.comments, punctuation.separator.dictionary.pair.json.comments, punctuation.separator.array.json.comments#ffe07bc5
string.quoted.double.json.comments#ffffff
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown#D4D4D4
emphasisitalic
strongbold
header#000080
comment#6A9955
constant.language#569cd6
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#b5cea8
constant.regexp#646695
entity.name.tag#569cd6
entity.name.tag.css#d7ba7d
entity.other.attribute-name#9cdcfe
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#b47ea9italic
invalid#f44747
markup.underlineunderline
markup.bold#569cd6bold
markup.heading#569cd6bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796e6
markup.inline.raw#ce9178
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#569cd6
meta.preprocessor.string#ce9178
meta.preprocessor.numeric#b5cea8
meta.diff.header#569cd6
storage#569cd6
storage.type#569cd6
storage.modifier, keyword.operator.noexcept#569cd6

Shiki preview

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

Loading...

Basic Dark Python Theme by Evening Star Dev - VS Code Theme