Skip to main content
Coding Theme

Color themes

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.activeBackground#000000
  • activityBar.activeBorder#FFFF00
  • activityBar.background#000000
  • activityBar.border#303030
  • activityBar.foreground#bebeb1
  • activityBarBadge.background#FFFF00
  • activityBarBadge.foreground#000000
  • editor.background#000000
  • editor.foldBackground#0f0f0f7b
  • editor.foreground#7e7e7e
  • editor.lineHighlightBackground#0f0f0f
  • editorBracketHighlight.foreground1#290014
  • editorBracketHighlight.foreground2#002017
  • editorBracketHighlight.foreground3#00153c
  • editorBracketHighlight.foreground4#290014
  • editorBracketHighlight.foreground5#002017
  • editorBracketHighlight.foreground6#00153c
  • editorGroup.border#303030
  • editorGroupHeader.border#000000
  • editorGroupHeader.noTabsBackground#000000
  • editorGroupHeader.tabsBackground#000000
  • editorIndentGuide.activeBackground1#252525
  • editorIndentGuide.background1#101010
  • editorInlayHint.foreground#565656
  • editorInlayHint.typeForeground#445047
  • editorLineNumber.foreground#4d4d4d
  • editorRuler.foreground#101010
  • menu.background#171717
  • sideBar.background#000000
  • sideBar.border#303030
  • sideBar.foreground#bebeb1
  • statusBar.background#000000
  • statusBar.border#303030
  • statusBar.foreground#4d4d4d
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#BBE1CA
  • tab.activeBackground#000000
  • tab.activeBorderTop#FFFF00
  • tab.activeForeground#ffffff
  • tab.border#000000
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#bebeb1
  • tab.unfocusedActiveBackground#000000
  • tab.unfocusedActiveForeground#bebeb1
  • terminal.background#000000
  • terminal.tab.activeBorder#8904e8bc
  • titleBar.activeBackground#000000
  • tree.indentGuidesStroke#202020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, variable, meta.embedded.line, variable.object.property, storage.modifier, keyword.operator.rest, keyword.operator.spread, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.control.import, keyword.control.from, meta.import keyword.control.as, keyword.control.import.swift#b8b0cb
keyword.control.export, keyword.control.flow, keyword.control.conditional, keyword.operator.ternary, keyword.control.loop, keyword.control.switch, keyword.control.import, keyword.control.from, keyword.operator.logical, entity.name.section.fsharp keyword.fsharp, keyword.package.go, keyword.const.go, keyword.var.go, keyword.operator.channel.go, keyword.control.default, storage.modifier.async, meta.class storage.modifier, keyword.control.trycatch, keyword.generator.asterisk, entity.name.function.just, keyword.operator.quiet.just, support.function.system.just, entity.name.function.target.makefile, keyword.control.@.makefile, constant.character.escape.continuation.makefile, keyword.other.inherit.nix, storage.type.function.async.python, keyword.control.rust, keyword.operator.arrow.fat.rust, keyword.operator.question.rust, meta.use.rust keyword.other.rust, keyword.other.inherit.nix, punctuation.separator.statement.background.shell, keyword.control, storage.modifier.export.shell, keyword.operator.pipe.shell, keyword.operator.pattern.case.shell, punctuation.definition.evaluation.backticks.shell, punctuation.separator.statement.and.shell, keyword.operator.redirect.shell, storage.modifier.swift, keyword.other.declaration-specifier.accessibility.swift#ff8df4
keyword.operator.assignment, meta.function-call entity.name.function, keyword.operator.expression.delete, keyword.operator.comparison, keyword.operator.expression.extends, keyword.operator.expression.instanceof, keyword.operator.expression.of, keyword.operator.new, support.class.component, keyword.symbol.fsharp, entity.name.function.support.go, entity.name.function.support.builtin.go, keyword.operator.arithmetic.bitwise.go, meta.function-call support.class, meta.function-call variable.language.super, entity.name.function.tagged-template, keyword.operator.spread, meta.scope.prerequisites.makefile, support.function.nix, keyword.operator.nix, keyword.operator.bind.nix, meta.function-call.python, meta.function.call.rust entity.name.function.rust, entity.name.function.call.shell, variable.language.special.wildcard.shell, storage.modifier.declare.shell#d4b0ff
storage.type, keyword.function.go, keyword.other.nix, source keyword.other.rust, keyword.other.fn.rust, storage.modifier.local.shell, storage.modifier.readonly.shell, keyword.other.declaration-specifier.swift#a39be3
variable.other.readwrite.alias, meta.definition.function, meta.definition.variable, meta.field.declaration variable.object.property, meta.definition.method, variable.fsharp, entity.name.section.fsharp, variable.other.constant.go, variable.other.assignment.go, variable.parameter.go, meta.function.definition.rust entity.name.function.rust, meta.use.rust entity.name.type.rust, variable.other.assignment.shell, entity.name.function.shell, variable.other.for.shell, meta.import.swift entity.name.type.swift#f2ebff
support.variable.property, entity.name.tag, variable.other.fish, source.fsharp.fsl, variable.other.go, variable.language.arguments, source.just, source.makefile#C5C5C5
punctuation, punctuation.terminator.statement, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, meta.brace.round, punctuation.definition.block, storage.type.function.arrow, punctuation.separator.comma, punctuation.separator.parameter, punctuation.definition.section.case-statement, punctuation.accessor, punctuation.comma, keyword.operator.recipe.end.just, punctuation.separator.key-value.makefile, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.separator.inheritance.python, punctuation.section.class.begin.python, punctuation.section.function.begin.python, punctuation.separator.parameters.python, punctuation.separator.colon.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.separator.element.python, punctuation.separator.arguments.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, meta.function-call.python punctuation.separator.period.python, meta.member.access.python punctuation.separator.period.python, keyword.operator.logical.rust, punctuation.brackets.round.rust, punctuation.brackets.curly.rust, punctuation.semi.rust, keyword.operator.arrow.skinny.rust, keyword.operator.namespace.rust, keyword.operator.key-value.rust, punctuation.brackets.square.rust, keyword.operator.access.dot.rust, constant.character.escape.line-continuation.shell, punctuation.section.function.begin.swift, punctuation.section.function.end.swift, punctuation.section.scope.begin.swift, punctuation.section.scope.end.swift#575165
entity.name.tag, markup.quote.markdown, punctuation.definition.list.begin.markdown, meta.separator.markdown, markup.underline.link.markdown, constant.other.reference.link.markdown, string.unquoted.argument#a2acec
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, markup.heading, string.other.link.title.markdown, markup.underline.link.image.markdown, punctuation.section.embedded.begin.nix, punctuation.section.embedded.end.nix, string.interpolated.python storage.type, constant.character.format.placeholder.other.python, punctuation.definition.subshell.single.shell, punctuation.definition.variable.shell, entity.other.document.begin.yaml, keyword.control.flow.block-scalar.literal.yaml, punctuation.definition.anchor.yaml, entity.name.type.anchor.yaml, punctuation.definition.alias.yaml, variable.other.alias.yaml#668aff
meta.object-literal.key, variable.other.property.go, entity.other.attribute-name, support.type.property-name.json, entity.other.attribute-name.js.jsx, entity.name.tag.yaml#bfc5e9
constant.numeric, constant.language, string, markup.inline.raw.string.markdown#94c0ef
text.astro, text.html.derivative, meta.jsx.children meta.jsx.children, meta.paragraph.markdown, text.html.markdown#e8efff
punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.tag, punctuation.separator.key-value, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, meta.objectliteral punctuation.definition.block, punctuation.separator.key-value, meta.objectliteral punctuation.separator.comma, meta.array.literal meta.brace.square, meta.array.literal punctuation.separator.comma, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.separator.dictionary.key-value.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.array.json, punctuation.separator.dictionary.pair.json, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, meta.tag.attributes.js.jsx keyword.operator.assignment.js.jsx, meta.link.inline.markdown, meta.link.reference.def.markdown, punctuation.definition.raw.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.markdown, fenced_code.block.language.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.metadata.markdown, meta.link.reference.markdown, punctuation.definition.string.double.start.nix, punctuation.definition.string.double.end.nix, punctuation.definition.string.other.start.nix, punctuation.definition.string.other.end.nix, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.separator.dict.python, punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.mapping.yaml, punctuation.definition.string.begin.yaml, punctuation.definition.string.end.yaml, punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml, punctuation.separator.sequence.yaml#4b5072
meta.type.declaration storage.type, storage.type.namespace, meta.field.declaration storage.modifier, meta.interface, keyword.operator.type.annotation, meta.field.declaration, meta.type.annotation, meta.interface, meta.namespace.declaration punctuation.terminator, entity.name.type.go, source.graphql, meta.function.definition.rust entity.name.type.rust, entity.name.type.rust, support.type.swift, meta.import keyword.control.type, storage.type.tag-handle.yaml#b5cfb7
meta.namespace.declaration keyword.control.export, meta.type.declaration keyword.control.export, meta.interface keyword.control.export, meta.type.declaration keyword.operator.ternary, meta.type.infer keyword.operator.expression.extends, meta.type.declaration storage.modifier, meta.type.parameters storage.modifier, meta.interface keyword.operator.ternary, keyword.control.satisfies, keyword.schema.graphql, keyword.type.graphql, punctuation.or.graphql, keyword.directive.graphql, keyword.fragment.graphql, keyword.operation.graphql, keyword.union.graphql, keyword.input.graphql, keyword.interface.graphql, keyword.enum.graphql, keyword.scalar.graphql, meta.export keyword.control.type#5ff0b1
keyword.operator.type, keyword.operator.expression.infer, meta.indexer.mappedtype.declaration keyword.operator.expression.in, keyword.operator.expression.keyof, meta.interface storage.modifier, meta.type.annotation storage.modifier, keyword.control.as, keyword.operator.nulltype.graphql, meta.type.object.graphql entity.name.function.directive.graphql, keyword.operator.expression.typeof#3aeca8
storage.type.interface, keyword.struct.go, keyword.interface.go#86d2a9
support.type.primitive, meta.type.parameters string, meta.type.annotation string, meta.type.annotation support.type.builtin, meta.interface support.type.builtin, meta.type.declaration support.type.builtin, meta.namespace.declaration string, meta.interface constant, meta.field.declaration, meta.object.type variable.object.property, meta.interface meta.objectliteral, keyword.other.unit.binary.go, keyword.other.unit.octal.go, keyword.other.unit.hexadecimal.go, storage.type.numeric.go, storage.type.string.go, storage.type.byte.go, entity.name.type.any.go, keyword.map.go, storage.type.error.go, entity.name.type.comparable.go, support.type.builtin.graphql, string.quoted.double.graphql, support.type.builtin#94edef
entity.name.type.alias, meta.type.infer entity.name.type, meta.interface variable.parameter, meta.interface variable.object.property, meta.interface entity.name.function, entity.name.type.go, entity.name.function.go, support.type.enum.graphql, support.type.graphql, entity.scalar.graphql, entity.name.fragment.graphql, entity.name.function.directive.graphql, entity.name.function.graphql, constant.character.enum.graphql#edfff0
meta.interface variable.other.readwrite, meta.interface entity.other.inherited-class, meta.interface variable.other.property, variable.parameter.graphql, variable.fragment.graphql#b7d9bc
variable.graphql, variable.arguments.graphql#a9d4d0
punctuation.colon.graphql, punctuation.operation.graphql, punctuation.definition.string.begin.graphql, punctuation.definition.string.begin.graphql, punctuation.definition.string.end.graphql, meta.brace.round.directive.graphql, meta.brace.square.graphql, punctuation.comma.graphql, meta.brace.round.graphql, punctuation.separator.annotation.result.python, punctuation.separator.annotation.python, punctuation.brackets.angle.rust, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, meta.type.parameters punctuation.separator.comma, meta.object.type.ts punctuation.definition.block.ts, meta.object.type.ts meta.brace.square.ts, keyword.operator.type.annotation, meta.return.type punctuation.accessor#445047
storage.modifier.unsafe.cs#ff8989
punctuation.separator.asterisk.cs, keyword.operator.borrow.and.rust, keyword.operator.dereference.rust, punctuation.definition.lifetime.rust, storage.modifier.mut.rust#ff718b
entity.name.function.macro.rules.rust, keyword.operator.macro.dollar.rust, variable.other.metavariable#eeff01
meta.macro.rust#e8d84a
entity.name.function.decorator.python#cbc05e
meta.macro.metavariable.rust keyword.operator.key-value.rust#564e16
comment, comment.block.documentation, string.quoted.docstring#cca879
storage.type.class.jsdoc#fba83b
variable.other.jsdoc#f7dcb9
punctuation.definition.comment, punctuation.definition.block.tag.jsdoc, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python#55514b
markup.heading, markup.boldbold
markup.italicitalic
markup.underline, string.other.link.title.markdown, constant.other.reference.link.markdownunderline