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#0D0221
  • editor.background#0D0221
  • editor.foreground#F4F1FF
  • editor.lineHighlightBackground#1A0B33
  • editor.selectionBackground#4A2A7A
  • editorBracketMatch.background#3A1B6D
  • editorBracketMatch.border#FF2E88
  • editorCursor.foreground#00FFC8
  • editorIndentGuide.activeBackground#5A2A9D
  • editorIndentGuide.background#2A1B4D
  • editorLineNumber.activeForeground#FF2E88
  • editorLineNumber.foreground#5A4B8C
  • editorWhitespace.foreground#2A1B4D
  • sideBar.background#100327
  • statusBar.background#1A0B33
  • statusBar.foreground#F4F1FF
  • terminal.background#0D0221
  • titleBar.activeBackground#0D0221

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.double-slash.ms, comment.block.ms#7A6FA8italic
keyword.control.conditional.ms#FF2E88bold
keyword.control.loop.ms#FF8800bold
keyword.control.exception.ms#FF3838bold
keyword.control.flow.ms#FF2E88bold
keyword.control.yield.ms#FF61E6bold italic
keyword.control.import.ms#FF2E88bold
storage.modifier.ms#00E5FFbold
storage.modifier.async.ms#C77DFFbold italic
storage.type.function.ms, storage.type.class.ms#00E5FFbold
storage.modifier.ms, storage.modifier.accessor.ms#C77DFFbold
keyword.control.class.inherit.ms#FF2E88bold
keyword.operator.new.ms#FF8800bold
variable.language.self.ms, variable.language.super.ms#FF6EC7bold italic
keyword.operator.instanceof.ms, keyword.operator.typeof.ms, keyword.operator.delete.ms, keyword.operator.void.ms, keyword.other.debugger.ms#FF8800bold
constant.language.boolean.ms, constant.language.null.ms#D264FFbold
constant.numeric.ms#FFB300bold
string.quoted.double.ms, string.quoted.single.ms, string.template.ms#39FF14
punctuation.definition.template-expression.begin.ms, punctuation.definition.template-expression.end.ms#FFE800bold
constant.character.escape.ms#FFE800
string.regexp.ms#FF5FA2
support.function.write.ms, support.function.write.member.ms#00FFC8bold
entity.name.class.ms, entity.other.inherited-class.ms#FFEE00bold
entity.name.function.ms, entity.name.function.call.ms#00FFC8
variable.other.property.ms#8BE9FD
variable.other.readwrite.ms#F4F1FF
keyword.operator#FF79C6bold
keyword.operator.arrow.ms, keyword.operator.spread.ms, keyword.operator.optional-chain.ms, keyword.operator.nullish.ms#00FFC8bold
punctuation.section.braces.ms, punctuation.section.brackets.ms, punctuation.section.parens.ms#B4A9D6
punctuation.accessor.ms#FF79C6
punctuation.terminator.statement.ms, punctuation.separator.comma.ms#7A6FA8
ModzScript by Modz Never Die - VS Code Theme