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.background#262626
  • activityBar.border#ffffff10
  • activityBarBadge.background#aa8866
  • activityErrorBadge.background#be5046
  • charts.red#be5046
  • dropdown.background#1a1a1a
  • dropdown.border#ffffff10
  • editor.background#1a1a1a
  • editor.findMatchBackground#ffffff10
  • editor.findMatchHighlightBackground#ffffff20
  • editor.findRangeHighlightBackground#ffffff30
  • editor.foreground#b9b3ab
  • editor.hoverHighlightBackground#ffffff40
  • editor.lineHighlightBackground#ffffff08
  • editor.rangeHighlightBackground#ffffff40
  • editor.selectionBackground#ffffff20
  • editor.selectionHighlightBackground#ffffff30
  • editor.wordHighlightBackground#ffffff20
  • editor.wordHighlightStrongBackground#ffffff40
  • editorBracketMatch.background#ffffff10
  • editorCursor.background#1a1a1a
  • editorCursor.foreground#b9b3ab
  • editorError.foreground#be5046
  • editorGroupHeader.tabsBackground#262626
  • editorGroupHeader.tabsBorder#ffffff10
  • editorGutter.deletedBackground#be5046
  • editorLineNumber.activeForeground#999999
  • editorLineNumber.foreground#504b4b
  • editorMarkerNavigationError.background#be5046
  • editorMarkerNavigationError.headerBackground#be50461a
  • editorOverviewRuler.deletedForeground#be504699
  • editorRuler.foreground#d4be9830
  • focusBorder#504b4b
  • gitDecoration.addedResourceForeground#81b88b
  • gitlens.decorations.addedForegroundColor#81b88b
  • input.background#1a1a1a
  • input.border#ffffff10
  • list.activeSelectionBackground#ffffff18
  • list.errorForeground#c0777d
  • list.hoverBackground#ffffff10
  • list.inactiveSelectionBackground#ffffff10
  • markdownAlert.caution.foreground#be5046
  • minimapGutter.deletedBackground#be5046
  • notificationsErrorIcon.foreground#be5046
  • problemsErrorIcon.foreground#be5046
  • scmGraph.historyItemHoverAdditionsForeground#81b88b
  • sideBar.background#262626
  • sideBar.border#ffffff10
  • sideBarSectionHeader.background#262626
  • sideBarSectionHeader.border#ffffff10
  • statusBar.background#262626
  • statusBar.border#ffffff10
  • statusBar.debuggingBackground#cc663380
  • statusBar.debuggingBorder#ff000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#b9b3ab
  • statusBar.noFolderBackground#996ddd
  • statusBarItem.remoteBackground#5573afff
  • statusBarItem.remoteForeground#f8fafd
  • tab.activeBackground#1a1a1a
  • tab.activeBorder#ffffff10
  • tab.border#ffffff10
  • tab.inactiveBackground#262626
  • terminal.ansiBlack#3f4451
  • terminal.ansiBlue#4aa5f0
  • terminal.ansiBrightBlack#4f5666
  • terminal.ansiBrightBlue#4dc4ff
  • terminal.ansiBrightCyan#4cd1e0
  • terminal.ansiBrightGreen#a5e075
  • terminal.ansiBrightMagenta#de73ff
  • terminal.ansiBrightRed#ff616e
  • terminal.ansiBrightWhite#e6e6e6
  • terminal.ansiBrightYellow#f0a45d
  • terminal.ansiCyan#42b3c2
  • terminal.ansiGreen#8cc265
  • terminal.ansiMagenta#c162de
  • terminal.ansiRed#e05561
  • terminal.ansiWhite#d7dae0
  • terminal.ansiYellow#d18f52
  • terminal.background#1a1a1a
  • terminal.border#3e4452
  • terminal.foreground#abb2bf
  • terminal.selectionBackground#abb2bf30
  • terminalCommandDecoration.errorBackground#be5046
  • testing.iconErrored#be5046
  • testing.iconErrored.retired#be5046b3
  • testing.iconFailed#be5046
  • testing.iconFailed.retired#be5046b3
  • testing.message.error.badgeBackground#be5046
  • testing.message.error.badgeBorder#be5046
  • testing.peekBorder#be5046
  • testing.peekHeaderBackground#be50461a
  • titleBar.activeBackground#323233
  • titleBar.activeForeground#b9b3ab
  • titleBar.inactiveBackground#3c3c3c
  • titleBar.inactiveForeground#b9b3ab
  • tree.indentGuidesStroke#ffffff10

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded#b9b3ab
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#c0777d
variable.other.generic-type.haskell#c48fd4
storage.type.haskell#aa8866
support.variable.magic.python#c0777d
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#b9b3ab
variable.parameter.function.language.special.self.python#ccaa88
variable.parameter.function.language.special.cls.python#ccaa88
storage.modifier.lifetime.rust#b9b3ab
support.function.std.rust#80b4df
entity.name.lifetime.rust#ccaa88
variable.language.rust#c0777d
support.constant.edge#c48fd4
constant.other.character-class.regexp#c0777d
keyword.operator.word#c48fd4
keyword.operator.quantifier.regexp#aa8866
variable.parameter.function#b9b3ab
comment markup.link#504b4b
markup.changed.diff#ccaa88
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#80b4df
markup.inserted.diff#77aa88
markup.deleted.diff#c0777d
meta.function.c,meta.function.cpp#c0777d
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#b9b3ab
punctuation.separator.key-value#b9b3ab
keyword.operator.expression.import#80b4df
support.constant.math#ccaa88
support.constant.property.math#aa8866
variable.other.constant#ccaa88
storage.type.annotation.java, storage.type.object.array.java#ccaa88
source.java#c0777d
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#b9b3ab
meta.method.java#80b4df
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ccaa88
keyword.operator.instanceof.java#c48fd4
meta.definition.variable.name.java#c0777d
keyword.operator.logical#72b2bb
keyword.operator.bitwise#72b2bb
keyword.operator.channel#72b2bb
support.constant.property-value.scss,support.constant.property-value.css#aa8866
keyword.operator.css,keyword.operator.scss,keyword.operator.less#72b2bb
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#aa8866
punctuation.separator.list.comma.css#b9b3ab
support.constant.color.w3c-standard-color-name.css#aa8866
support.type.vendored.property-name.css#72b2bb
support.module.node,support.type.object.module,support.module.node#ccaa88
entity.name.type.module#ccaa88
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#c0777d
support.constant.json#aa8866
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c48fd4
support.type.object.console#c0777d
support.variable.property.process#aa8866
entity.name.function,support.function.console#80b4df
keyword.operator.misc.rust#b9b3ab
keyword.operator.sigil.rust#c48fd4
keyword.operator.delete#c48fd4
support.type.object.dom#72b2bb
support.variable.dom,support.variable.property.dom#c0777d
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#72b2bb
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#c48fd4
punctuation.separator.delimiter#b9b3ab
punctuation.separator.c,punctuation.separator.cpp#c48fd4
support.type.posix-reserved.c,support.type.posix-reserved.cpp#72b2bb
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c48fd4
variable.parameter.function.language.python#aa8866
support.type.python#72b2bb
keyword.operator.logical.python#c48fd4
variable.parameter.function.python#aa8866
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#b9b3ab
meta.function-call.generic.python#80b4df
constant.character.format.placeholder.other.python#aa8866
keyword.operator#b9b3ab
keyword.operator.assignment.compound#c48fd4
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#72b2bb
keyword#c48fd4
entity.name.namespace#ccaa88
variable#c0777d
variable.c#b9b3ab
variable.language#ccaa88
token.variable.parameter.java#b9b3ab
import.storage.java#ccaa88
token.package.keyword#c48fd4
token.package#b9b3ab
entity.name.function, meta.require, support.function.any-method, variable.function#80b4df
entity.name.type.namespace#ccaa88
support.class, entity.name.type.class#ccaa88
entity.name.class.identifier.namespace.type#ccaa88
entity.name.class, variable.other.class.js, variable.other.class.ts#ccaa88
variable.other.class.php#c0777d
entity.name.type#ccaa88
keyword.control#c48fd4
control.elements, keyword.operator.less#aa8866
keyword.other.special-method#80b4df
storage#c48fd4
token.storage#c48fd4
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#c48fd4
token.storage.type.java#ccaa88
support.function#72b2bb
support.type.property-name#b9b3ab
support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml#c0777d
support.constant.property-value#b9b3ab
support.constant.font-name#aa8866
meta.tag#b9b3ab
string#77aa88
constant.other.symbol#72b2bb
constant.numeric#aa8866
constant#aa8866
punctuation.definition.constant#aa8866
entity.name.tag#c0777d
entity.other.attribute-name#aa8866
entity.other.attribute-name.id#80b4df
entity.other.attribute-name.class.css#aa8866
meta.selector#c48fd4
markup.heading#c0777d
markup.heading punctuation.definition.heading, entity.name.section#80b4df
keyword.other.unit#c0777d
markup.bold,todo.bold#aa8866
punctuation.definition.bold#ccaa88
markup.italic, punctuation.definition.italic,todo.emphasis#c48fd4
emphasis md#c48fd4
entity.name.section.markdown#c0777d
punctuation.definition.heading.markdown#c0777d
punctuation.definition.list.begin.markdown#ccaa88
markup.heading.setext#b9b3ab
punctuation.definition.bold.markdown#aa8866
markup.inline.raw.markdown#77aa88
markup.inline.raw.string.markdown#77aa88
punctuation.definition.raw.markdown#ccaa88
punctuation.definition.list.markdown#ccaa88
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#c0777d
beginning.punctuation.definition.list.markdown#c0777d
punctuation.definition.metadata.markdown#c0777d
markup.underline.link.markdown,markup.underline.link.image.markdown#c48fd4
string.other.link.title.markdown,string.other.link.description.markdown#80b4df
markup.raw.monospace.asciidoc#77aa88
punctuation.definition.asciidoc#ccaa88
markup.list.asciidoc#ccaa88
markup.link.asciidoc,markup.other.url.asciidoc#c48fd4
string.unquoted.asciidoc,markup.other.url.asciidoc#80b4df
string.regexp#72b2bb
punctuation.section.embedded, variable.interpolation#c0777d
punctuation.section.embedded.begin,punctuation.section.embedded.end#c48fd4
invalid.illegal#ffff
invalid.illegal.bad-ampersand.html#b9b3ab
invalid.illegal.unrecognized-tag.html#c0777d
invalid.broken#ffff
invalid.deprecated#ffff
invalid.deprecated.entity.other.attribute-name.html#aa8866
invalid.unimplemented#ffff
source.json meta.structure.dictionary.json > string.quoted.json#c0777d
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#c0777d
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#77aa88
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#72b2bb
support.type.property-name.json#c0777d
support.type.property-name.json punctuation#c0777d
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c48fd4
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c48fd4
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#ccaa88
keyword.operator.error-control.php#c48fd4
keyword.operator.type.php#c48fd4
punctuation.section.array.begin.php#b9b3ab
punctuation.section.array.end.php#b9b3ab
invalid.illegal.non-null-typehinted.php#ff6666
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ccaa88
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#80b4df
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#b9b3ab
support.constant.core.rust#aa8866
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#aa8866
entity.name.goto-label.php,support.other.php#80b4df
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#72b2bb
keyword.operator.regexp.php#c48fd4
keyword.operator.comparison.php#72b2bb
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c48fd4
meta.function.decorator.python#80b4df
support.token.decorator.python,meta.function.decorator.identifier.python#72b2bb
function.parameter#b9b3ab
function.brace#b9b3ab
function.parameter.ruby, function.parameter.cs#b9b3ab
constant.language.symbol.ruby#72b2bb
constant.language.symbol.hashkey.ruby#72b2bb
rgb-value#72b2bb
inline-color-decoration rgb-value#aa8866
less rgb-value#aa8866
selector.sass#c0777d
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ccaa88
block.scope.end,block.scope.begin#b9b3ab
storage.type.cs#ccaa88
entity.name.variable.local.cs#c0777d
token.info-token#80b4df
token.warn-token#aa8866
token.error-token#ff6666
token.debug-token#c48fd4
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c48fd4
meta.template.expression#b9b3ab
keyword.operator.module#c48fd4
support.type.type.flowtype#80b4df
support.type.primitive#ccaa88
meta.property.object#c0777d
variable.parameter.function.js#c0777d
keyword.other.template.begin#77aa88
keyword.other.template.end#77aa88
keyword.other.substitution.begin#77aa88
keyword.other.substitution.end#77aa88
keyword.operator.assignment#72b2bb
keyword.operator.assignment.go#ccaa88
keyword.operator.arithmetic.go, keyword.operator.address.go#c48fd4
keyword.operator.arithmetic.c, keyword.operator.arithmetic.cpp#c48fd4
entity.name.package.go#ccaa88
support.type.prelude.elm#72b2bb
support.constant.elm#aa8866
punctuation.quasi.element#c48fd4
constant.character.entity#c0777d
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#72b2bb
entity.global.clojure#ccaa88
meta.symbol.clojure#c0777d
constant.keyword.clojure#72b2bb
meta.arguments.coffee, variable.parameter.function.coffee#c0777d
source.ini#77aa88
meta.scope.prerequisites.makefile#c0777d
source.makefile#ccaa88
storage.modifier.import.groovy#ccaa88
meta.method.groovy#80b4df
meta.definition.variable.name.groovy#c0777d
meta.definition.class.inherited.classes.groovy#77aa88
support.variable.semantic.hlsl#ccaa88
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#c48fd4
text.variable, text.bracketed#c0777d
support.type.swift, support.type.vb.asp#ccaa88
entity.name.function.xi#ccaa88
entity.name.class.xi#72b2bb
constant.character.character-class.regexp.xi#c0777d
constant.regexp.xi#c48fd4
keyword.control.xi#72b2bb
invalid.xi#b9b3ab
beginning.punctuation.definition.quote.markdown.xi#77aa88
beginning.punctuation.definition.list.markdown.xi#948f89
constant.character.xi#80b4df
accent.xi#80b4df
wikiword.xi#aa8866
constant.other.color.rgb-value.xi#ffff
punctuation.definition.tag.xi#504b4b
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ccaa88
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#c0777d
meta.brace.square#b9b3ab
comment, punctuation.definition.comment#948f89italic
markup.quote.markdown#504b4b
punctuation.definition.block.sequence.item.yaml#b9b3ab
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#72b2bb
entity.name.variable.parameter.cs#ccaa88
entity.name.variable.field.cs#c0777d
markup.deleted#c0777d
markup.inserted#77aa88
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#be5046
support.other.namespace.php#b9b3ab
variable.parameter.function.latex#c0777d
variable.other.object#ccaa88
variable.other.constant.property#c0777d
entity.other.inherited-class#ccaa88
variable.other.readwrite.c#c0777d
entity.name.variable.parameter.php,punctuation.separator.colon.php,constant.other.php#b9b3ab
constant.numeric.decimal.asm.x86_64#c48fd4
support.other.parenthesis.regexp#aa8866
constant.character.escape#72b2bb
string.regexp#c0777d
log.info#77aa88
log.warning#ccaa88
log.error#c0777d
keyword.operator.expression.is#c48fd4
entity.name.label#c0777d
support.class.math.block.environment.latex, constant.other.general.math.tex#80b4df
constant.character.math.tex#77aa88
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
markup.italic.markdownitalic
log.debug#996dddbold
log.infobold
string.comment.unbuffered.block.jade#0000ff
Lucode's Themes by lucaslabs - VS Code Theme