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#3c3f41
  • activityBar.foreground#cacbcc
  • activityBar.inactiveForeground#646464
  • activityBarBadge.background#ffff00
  • activityBarBadge.foreground#000000
  • badge.background#45494a
  • badge.foreground#a6a7a8
  • debugToolBar.background#162c1e
  • diffEditor.diagonalFill#50505040
  • diffEditor.insertedTextBackground#438c6540
  • diffEditor.removedTextBackground#8f524740
  • editor.background#2b2b2b
  • editor.foreground#a9b7c6
  • editorError.foreground#ff5252
  • editorGutter.addedBackground#438c65
  • editorGutter.deletedBackground#8f5247
  • editorGutter.modifiedBackground#43698d
  • editorHint.foreground#155221
  • editorInfo.foreground#66663d
  • editorLineNumber.foreground#606366
  • editorWarning.foreground#ffff00
  • foreground#cacbcc
  • gitDecoration.addedResourceForeground#7cff5b
  • gitDecoration.conflictingResourceForeground#f4f149
  • gitDecoration.deletedResourceForeground#ff5d4f
  • gitDecoration.ignoredResourceForeground#777777
  • gitDecoration.modifiedResourceForeground#3da1ed
  • gitDecoration.renamedResourceForeground#3da1ed
  • gitDecoration.stageDeletedResourceForeground#ff5d4f
  • gitDecoration.stageModifiedResourceForeground#3da1ed
  • gitDecoration.submoduleResourceForeground#ff8a4c
  • gitDecoration.untrackedResourceForeground#b270ff
  • input.background#45494a
  • input.border#646464
  • input.foreground#cacbcc
  • input.placeholderForeground#777777
  • list.errorForeground#ff5252
  • list.warningForeground#ffff00
  • merge.currentContentBackground#453d2b40
  • merge.currentHeaderBackground#8f8e4760
  • merge.incomingContentBackground#453d2b40
  • merge.incomingHeaderBackground#8f8e4760
  • minimap.errorHighlight#ff5252
  • minimap.warningHighlight#ffff00
  • minimapGutter.addedBackground#438c65
  • minimapGutter.deletedBackground#8f5247
  • minimapGutter.modifiedBackground#43698d
  • problemsErrorIcon.foreground#ff5252
  • problemsInfoIcon.foreground#66663d
  • problemsWarningIcon.foreground#ffff00
  • scmGraph.foreground1#2a1e21
  • scmGraph.foreground2#282017
  • scmGraph.foreground3#1c241c
  • scmGraph.foreground4#162428
  • scmGraph.foreground5#21202b
  • scmGraph.historyItemBaseRefColor#ff9bf3
  • scmGraph.historyItemHoverLabelForeground#000000
  • scmGraph.historyItemRefColor#feb32d
  • scmGraph.historyItemRemoteRefColor#09e4b5
  • sideBar.background#3c3f41
  • statusBar.background#3c3f41
  • statusBar.debuggingBackground#162c1e
  • statusBar.noFolderBackground#28162c
  • statusBarItem.errorForeground#ff5252
  • statusBarItem.warningForeground#ffff00
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#3993d4
  • terminal.ansiBrightBlack#595959
  • terminal.ansiBrightBlue#10b0ff
  • terminal.ansiBrightCyan#00e5e5
  • terminal.ansiBrightGreen#4fc414
  • terminal.ansiBrightMagenta#ed7eed
  • terminal.ansiBrightRed#ff4050
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e5bf00
  • terminal.ansiCyan#00a3a3
  • terminal.ansiGreen#5c962c
  • terminal.ansiMagenta#a771bf
  • terminal.ansiRed#f0524f
  • terminal.ansiWhite#808080
  • terminal.ansiYellow#a68a0d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.attribute.python#cacbcc
comment, punctuation.definition.comment#555555
comment keyword.codetag#707070bold
entity.other.keyframe-offset, keyword, meta.tag entity.name.tag, storage.type.var, storage, keyword.other.special-method.dockerfile, support.constant.Caddyfile, entity.name.function.Caddyfile#ff9340
meta.brace, meta.environment-variable.ruby, meta.function.calc, meta.tag.inline.template, meta.tag.xml, meta.template punctuation.fix_this_later.pipe, punctuation.math.begin.bracket, punctuation.math.end.bracket, punctuation, source.prisma, storage.modifier.chomping-indicator, storage.modifier.reference, storage.type.function.arrow, meta.directive.dated.beancount meta.account.beancount punctuation.separator.beancount, meta.directive.transaction.beancount meta.account.beancount punctuation.separator.beancount, meta.tag.table.toml, markup.heading.wikitext, keyword.operator.arrow.cs#b16f49
entity.name.module, entity.name.namespace, entity.name.scope-resolution, entity.name.type.module, meta.preamble.latex support.class, support.constant.math, support.type.object.module, constant.language.beancount, meta.import variable, storage.modifier.import, storage.modifier.package, entity.name.type.namespace, constant.other.database-name#99826B
entity.name.type, entity.other.inherited-class, entity.type.commodity, support.class, support.type, constant.other.table-name, variable.other.metavariable.specifier#00ffff
entity.name.type.class.gdscript, entity.name.type.class, entity.name.type.model.prisma, entity.name.type.struct.rust, meta.block.class entity.name.type, meta.block.struct entity.name.type#00ffffbold
entity.name.type.interface#00ff00
entity.name.type.trait, meta.interface entity.name.type.interface#00ff00bold
entity.name.type.alias#00ffaa
entity.name.type.declaration, meta.type.declaration entity.name.type.alias#00ffaabold
constant.character.math.tex, constant.other.general.math.tex, entity.name.function-call, entity.name.function.call, entity.name.function, entity.name.operator, entity.name.tag support.class.component, entity.name.variable.property.cs, entity.other.attribute-name.class.mixin, meta.function-call entity.name.function, meta.function-call.generic, meta.function.call entity.name.function, meta.template meta.function-call.template.mediawiki, punctuation.definition.constant.math.tex, punctuation.definition.function.latex, punctuation.definition.function.tex, support.function.target, support.function, source.rst keyword.control, meta.literal.nodepath.gdscript entity.name.function.gdscript, entity.name.tag.local-name.wikitext, punctuation.definition.logical-expression.shell#ffff00
entity.name.function.target, entity.name.type.config.prisma, meta.definition.variable entity.name.function, meta.definition.function entity.name.function, meta.method.identifier entity.name.function, entity.name.function.python, entity.name.function.gdscript, meta.function.definition entity.name.function#ffff00bold
entity.name.variable.enum-member, variable.other.enummember, source.shell string.regexp#66b2ff
entity.name.type.enum, meta.enum.declaration entity.name.type.enum#2699ffbold
punctuation.definition.lifetime, entity.name.type.lifetime#8a653bbold
constant.other.caps#a5d2ff
variable.other.anchor.yaml#dcaf88bold
entity.name.variable, meta.function.environment support.class.math.block.environment.latex, meta.use, punctuation.definition.variable, support.variable, variable, meta.import meta.block variable, source.rst entity.name.tag#dcaf88
constant.language.import-export-all, constant.other.placeholder.makefile, entity.name.tag.reference.scss, keyword.other.special-method, keyword.other.this, meta.function.definition keyword.operator.logical, keyword.other.crate, support.function.builtin.shorthand.gdscript, support.function.magic, support.function.target.PHONY, support.variable.magic, variable.language, variable.parameter.function.language.special#db88db
constant, keyword.other.unit, punctuation.definition.constant, support.constant, support.type.builtin, meta.amount.beancount keyword.operator.modifier#6897bb
punctuation.definition.string.begin.latex, punctuation.definition.string.end.latex, punctuation.definition.string, punctuation.definition.char, string.quoted.tiers.beancount, string, support.class.math.block.environment.latex#438c5c
meta.literal.nodepath.gdscript constant.character.escape, string.quoted.binary, string.quoted.double.sql punctuation.definition.string, string.quoted.double.sql, string.unquoted, support.function.builtin.shorthand.gdscript constant.character.escape, support.function.builtin.shorthand.gdscript keyword#a7c261
comment.block.documentation, comment.block.javadoc, comment.documentation, comment.line.documentation, string.quoted.docstring, string.quoted.narration, comment.block.documentation punctuation.definition.comment, comment.block.javadoc punctuation.definition.comment, markup.quote, punctuation.definition.quote.begin, punctuation.definition.quote.end#629755
keyword.other.phpdoc, punctuation.definition.block.tag.jsdoc, punctuation.definition.inline.tag.jsdoc, storage.type.class.jsdoc, keyword.other.documentation.javadoc, comment.block.documentation entity.name.tag, comment.block.documentation punctuation.definition.tag#8A8A3B
punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, comment.block.javadoc entity.name.type.class, comment.block.javadoc variable.parameter, variable.other.description.jsdoc, variable.other.jsdoc#8A8A3Bitalic
constant.character.entity, constant.character.escape, punctuation.definition.entity#8A8A3B
constant.character.format.placeholder, entity.name.tag.mustache, entity.other.jinja.delimiter, meta.template-parameter.mediawiki, punctuation.definition.interpolation, entity.other.njk.delimiter, punctuation.other.njk#86ffff
keyword.control.jinja, storage.type.format, storage.type.string.python, punctuation.definition.bold, punctuation.definition.italic, punctuation.definition.underline, keyword.control.njk#597affbold
meta.interpolation, meta.template-parameter.mediawiki variable, variable.other.jinja, markup.bold, markup.italic, markup.underline, variable.other.njk#FFE082
constant.other.symbol.hashkey, source.shell constant.other.option, constant.language.symbol.hashkey, punctuation.definition.constant.hashkey, entity.name.tag, entity.other.attribute-name, keyword.key, keyword.other.definition.ini, meta.object-literal.key, meta.object.member, meta.property-list.scss entity.name.tag.css, meta.template variable, source.pip-requirements entity.name.class, string.other.option, support.type.metaclass, support.type.property-name punctuation, support.type.property-name, variable.css, variable.object.property, variable.other.property, variable.other.env, variable.parameter.function-call.python, variable.parameter.key, support.variable.beancount, keyword.operator.logical.shell#ce603c
comment.line.number-sign.shebang, comment.line.triple-slash.directive punctuation.definition.comment, comment.line.triple-slash.directive, entity.name.function.attribute.prisma, entity.name.function.decorator, entity.name.function.macro, entity.name.function.preprocessor, keyword.control.at-rule punctuation.definition.keyword, keyword.control.at-rule, keyword.control.directive, meta.attribute keyword.operator.attribute.inner, meta.attribute punctuation.brackets.attribute, meta.attribute punctuation.definition.attribute, meta.attribute, meta.preprocessor, meta.tag.metadata, meta.tag.preprocessor entity.name.tag, meta.tag.preprocessor punctuation, meta.tag.preprocessor, meta.template.parser-function, punctuation.definition.decorator, punctuation.definition.directive, support.type.vendored.property-name, meta.function.decorator support.type, keyword.preprocessor, fenced_code.block.language, markup.fenced_code.block.language, meta.shebang#85863a
meta.macro.rules entity.name.function.macro.rust#85863abold
meta.tag.table.toml entity.other.attribute-name, meta.tag.table.array.toml entity.other.attribute-name, entity.name.section.group-title, punctuation.definition.entity.ini, heading, punctuation.definition.heading, markup.heading, string.quoted.other.heading#ff9340bold
meta.image, meta.link string, meta.link, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, string.other.link, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.tag.link, string.quoted.internal-link.wikitext, string.quoted.internal-link.wikitext keyword.operator, keyword.control.caddyfile#00d0ff
meta.image punctuation, meta.image string.other.link, entity.name.tag.namespace.wikitext#80ffd4
keyword.operator.link, markup.underline.link, meta.link.wiki.mediawiki constant, meta.link.wiki.mediawiki punctuation, variable.parameter.url, punctuation.definition.metadata.markdown, entity.name.tag.url, entity.other.attribute-name.wikitext#2a7ede
markup.fenced_code, markup.inline.raw, markup.other.table, punctuation.definition.markdown, punctuation.definition.raw.markdown, source.rst string.interpolated#808080
markup.inserted#99ff99
support.function.directive.txn.completed.beancount#44ff44bold
support.function.directive.txn.incomplete.beancount#ff4444bold
support.function.directive.txn.padding.beancount#44ffffbold
meta.diff.header.to-file, punctuation.definition.inserted, punctuation.definition.to-file#44ff44bold
markup.deleted#ff9999
meta.diff.header.from-file, punctuation.definition.deleted, punctuation.definition.from-file#ff4444bold
log.error, log.fail, log.failure, log.not-ok, log.no-ok#ffa6a6
log.warn, log.warning#ffffa6
log.success, log.ok#a6ffa6
log.info, log.relative#99eeff
log.verbose, meta.indent log.relative#a8a8ff
log.debug, meta.indent meta.indent log.relative#dfabff
constant.numeric.date, log.date, meta.toc-list.line-number, meta.directive.dated.beancount punctuation.separator, meta.directive.transaction.beancount punctuation.separator, log.punctuation, meta.indent meta.indent meta.indent log.relative#808080
log.header#ffffffbold
entity.name.tag.css, entity.name.tag.wildcard.css, entity.name.tag.wildcard.scss#00ff32
meta.attribute-selector, meta.attribute-selector punctuation.definition.entity#ff9340
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity.css#ffff00
entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity.css#00ffff
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-class punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-element punctuation.definition.entity.css, support.function.Caddyfile#CA77FF
entity.other.attribute-name.parent-selector, entity.other.attribute-name.parent-selector punctuation.definition.entity.css#00ffaa
invalid#ff2424
Steffula Code by Stefano Pigozzi - VS Code Theme