Skip to main content
Coding Theme

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#202225
  • activityBarBadge.background#F04747
  • editor.background#36393f
  • editor.foreground#ffffff
  • editorGroupHeader.tabsBackground#2f3136
  • list.hoverBackground#2f3136
  • menu.background#202225
  • menubar.selectionBackground#4F545C
  • sideBar.background#2f3136
  • sideBarSectionHeader.background#2f3136
  • sideBarTitle.foreground#ffffff
  • statusBar.background#202225
  • tab.activeBackground#36393f
  • tab.inactiveBackground#2f3136
  • titleBar.activeBackground#202225
  • titleBar.inactiveBackground#202225

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable.language.special.self.python#38c0ff
meta.function-call.python, meta.function-call.generic.python#8ddbff
storage.type.function.python, meta.function.python#38c0ff
storage.type.class.python, meta.class.python#38c0ff
punctuation.separator.period.python#ffffff
source.python#8ddbff
variable.parameter.function-call.python#38c0ff
storage.type.string.python#38c0ff
punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python#ffe449
storage.type.js, meta.var.expr.js#38c0ff
storage.type.class.js, meta.class.js#38c0ff
storage.type.function.js, meta.function.js#38c0ff
punctuation.definition.block.js#8DDBFF
meta.brace.round.js#fff9da
meta.arrow#cc72c5
punctuation.terminator.statement.js#ffe449
support.type.object.module.js#cc72c5
support.type.property-name.json#8ddbff
support.class, entity.name.class, entity.other.attribute-name.class, entity.name.type.class#8dff9c
entity.other.inherited-class#b4ffbe
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#cc72c5
keyword.control, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#cc72c5
comment#6ab646
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#d3ffbb
invalid#F44747
variable, meta.definition.variable.name, support.variable, entity.name.variable, variable.other.constant, variable.other.enummember, constant.language#8ddbff
constant.character.escape#ffe449
string, string.value, string.tag#ff837e
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#ffe18f

Shiki preview

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

Loading...

Discord Tools - Coding Theme