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.

  • activityBarBadge.background#007acc
  • editor.background#1f1e1e
  • editor.hoverHighlightBackground#402b4c8f
  • editor.inactiveSelectionBackground#402b4c8f
  • editor.lineHighlightBackground#2a2828
  • editor.selectionBackground#402b4c
  • editor.selectionHighlightBackground#7a5d8494
  • editorBracketHighlight.foreground1#faf6c3
  • editorBracketHighlight.foreground2#9960b6
  • editorBracketHighlight.foreground3#d10f93
  • editorBracketHighlight.foreground4#9e6ac6
  • editorBracketHighlight.foreground5#e175bb
  • editorBracketHighlight.foreground6#0782cf
  • editorBracketMatch.background#402b4c
  • editorBracketMatch.border#faf6c3
  • editorCursor.foreground#c79cd7
  • editorLineNumber.activeForeground#ae32cd
  • editorLineNumber.foreground#523563
  • editorSuggestWidget.background#1f1e1e
  • editorSuggestWidget.focusHighlightForeground#9960b6
  • editorSuggestWidget.highlightForeground#9960b6
  • editorSuggestWidget.selectedBackground#402b4c
  • editorUnnecessaryCode.opacity#0000009f
  • editorWidget.background#1f1e1e
  • editorWidget.border#121111
  • editorWidget.resizeBorder#9960b6
  • panelInput.border#9960b6
  • panelTitle.activeBorder#9960b6
  • panelTitle.activeForeground#9960b6
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#402b4c
  • statusBarItem.activeBackground#402b4c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#728445italic
keyword.control, storage.type.template, storage.type.template.argument.typename, keyword.operator.delete, keyword.operator.new, keyword.other.typedef, keyword.other, punctuation.definition.decorator, entity.name.function.decorator#d10f93bold
keyword.operator, punctuation.separator.delimiter.comma, punctuation.separator.comma#9960b6bold
variable, variable.other.property, support.variable.property, meta.object-literal.key, entity.other.attribute-name, support.type.property-name, support.type.vendored.property-name, source.python, support.function.parser, source.antlr, meta.class.body, source.haskell, source.glsl, source.sql, meta.function.environment.general.latex, markup.italic#f9a8dc
string.quoted.double, string.quoted.single, meta.preprocessor.include, punctuation.definition.string.template.begin, string.template, constant.other.color.rgb-value.hex, keyword.directive.preprocessor, string#dcae16italic
punctuation.terminator, punctuation.separator.colon.case.default, punctuation.section.angle-brackets, keyword.operator.comparison, keyword.operator.arithmetic#faf6c3bold
storage.type.built-in.primitive, storage.modifier.specifier.const, keyword.other.using.directive, storage.modifier.specifier.functional.post-parameters.const, constant.language.nullptr, storage.modifier.static, storage.type.modifier.access.control.public, storage.type.modifier.access.control.private, storage.type.modifier.access.control.protected, storage.modifier.specifier.functional.pre-parameters, storage.modifier.specifier.static, constant.language.false, constant.language.true, storage.type.struct, storage.type.enum, storage.modifier.inline, storage.type.modifier.access, storage.modifier.virtual, storage.type.namespace.definition, storage.modifier, storage.type, support.type.object.module, support.type.primitive, entity.name.tag, support.constant.property-value, support.type, entity.other.attribute-name.id#d5a7f9bold
entity.name.function.definition, storage.type.class, storage.type.namespace.directive, entity.name.type, entity.name.namespace, entity.name.scope-resolution.cpp, entity.other.attribute-name.class, entity.name.tag.css, entity.other.inherited-class, constant.other.database-name, constant.other.table-name, support.class#b35defitalic bold
entity.name.function.call, templateFunction, entity.name.function, support.constant.font-name#faf6c3italic bold
entity.name.function.member, punctuation.definition.variable, support.function.url, support.function.misc, meta.function-call.generic, constant.other.symbol.prolog, support.function, meta.block#faf6c3bold
entity.name.function.preprocessor, meta.preprocessor.macro, constant.numeric.decimal, variable.other.enummember, keyword.other.unit.suffix, support.function.target.SUFFIXES, entity.other.attribute-name.pragma, constant.language.boolean, constant.language.null, constant.language, constant.numeric, support.constant.color.w3c-standard-color-name, support.other.token.lexer, constant.other, meta.parameter, entity.name.other.preprocessor.macro#0782cfbold
storage.modifier.reference#ecd7fditalic
punctuation.separator.scope-resolution.function.definition, punctuation.separator.scope-resolution, punctuation.separator.scope-resolution.function.call, punctuation.separator.scope-resolution, punctuation.separator.dot-access, storage.modifier.pointer, punctuation.separator.pointer-access, punctuation.definition.function.pointer.dereference, punctuation.accessor, punctuation.separator, meta.action.lexer, meta.rule.lexer, meta.rule.parser, entity.other.pointer#c94605
text, source.ignore, source#cdcdcd
punctuation.definition.heading, entity.name.section#0782cf
Jaslo Dark by DarkJaslo - VS Code Theme