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#DDDDDD
  • activityBar.background#EFEFEF
  • activityBar.foreground#333333
  • activityBarBadge.background#2361ba
  • activityBarBadge.foreground#FFFFFF
  • badge.background#2361ba
  • badge.foreground#FFFFFF
  • button.background#2361ba
  • button.foreground#FFFFFF
  • debugToolBar.background#EFEFEF
  • dropdown.background#F0F0F0
  • editor.background#FAFAFA
  • editor.foreground#383A42
  • editor.lineHighlightBorder#0000000f
  • editor.selectionBackground#2361ba44
  • editor.selectionHighlightBackground#0001
  • editor.wordHighlightBackground#0000001a
  • editorCursor.foreground#47ff6f
  • editorGroupHeader.tabsBackground#EFEFEF
  • editorSuggestWidget.background#F5F5F5
  • editorSuggestWidget.border#CCCCCC
  • editorWidget.background#F5F5F5
  • editorWidget.border#CCCCCC
  • focusBorder#2361ba
  • input.background#F0F0F0
  • input.border#CCCCCC
  • input.foreground#333333
  • list.activeSelectionBackground#2361ba
  • list.activeSelectionForeground#FFFFFF
  • list.hoverBackground#E5E5E5
  • list.inactiveSelectionBackground#DDDDDD
  • menu.background#F5F5F5
  • menubar.selectionBackground#2361ba
  • minimap.background#F0F0F0BB
  • minimap.selectionHighlight#2361ba44
  • notifications.background#FAFAFA
  • panel.background#EFEFEF
  • panel.border#CCCCCC
  • quickInput.background#FAFAFA
  • quickInputList.focusBackground#2361ba
  • selection.background#2361ba
  • settings.checkboxBackground#F0F0F0
  • settings.textInputBackground#F0F0F0
  • sideBar.background#EFEFEF
  • sideBar.border#CCCCCC
  • sideBarSectionHeader.background#E5E5E5
  • sideBarTitle.foreground#333333
  • statusBar.background#000
  • statusBar.border#CCCCCC
  • statusBar.debuggingBackground#bf6600
  • statusBar.foreground#FFFFFF
  • tab.activeForeground#333333
  • tab.border#CCCCCC
  • tab.hoverBorder#2361ba
  • tab.inactiveBackground#EFEFEF
  • tab.inactiveForeground#777777
  • terminal.background#FAFAFA
  • terminal.foreground#383A42
  • titleBar.activeBackground#EFEFEF
  • titleBar.activeForeground#333333
  • titleBar.border#CCCCCC
  • titleBar.inactiveBackground#E5E5E5
  • titleBar.inactiveForeground#666666

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded#383A42
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#C83A4C
variable.other.generic-type.haskell#0078D4
storage.type.haskell#B05800
support.variable.magic.python#C83A4C
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#383A42
variable.parameter.function.language.special.self.python#966800
variable.parameter.function.language.special.cls.python#966800
storage.modifier.lifetime.rust#383A42
support.function.std.rust#505050
entity.name.lifetime.rust#966800
variable.language.rust#C83A4C
support.constant.edge#0078D4
constant.other.character-class.regexp#C83A4C
keyword.operator.word#0078D4
keyword.operator.quantifier.regexp#B05800
variable.parameter.function#383A42
comment markup.link#7C8390
markup.changed.diff#966800
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#505050
markup.inserted.diff#267A16
markup.deleted.diff#C83A4C
meta.function.c,meta.function.cpp#C83A4C
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#383A42
punctuation.separator.key-value#383A42
keyword.operator.expression.import#505050
support.constant.math#966800
support.constant.property.math#B05800
variable.other.constant#966800
storage.type.annotation.java, storage.type.object.array.java#966800
source.java#C83A4C
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#383A42
meta.method.java#505050
storage.modifier.import.java,storage.type.java,storage.type.generic.java#966800
keyword.operator.instanceof.java#0078D4
meta.definition.variable.name.java#C83A4C
keyword.operator.logical#0090A0
keyword.operator.bitwise#0090A0
keyword.operator.channel#0090A0
support.constant.property-value.scss,support.constant.property-value.css#B05800
keyword.operator.css,keyword.operator.scss,keyword.operator.less#0090A0
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#B05800
punctuation.separator.list.comma.css#383A42
support.constant.color.w3c-standard-color-name.css#B05800
support.type.vendored.property-name.css#0090A0
support.module.node,support.type.object.module,support.module.node#966800
entity.name.type.module#966800
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#C83A4C
support.constant.json#B05800
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#0078D4
support.type.object.console#C83A4C
support.variable.property.process#B05800
entity.name.function,support.function.console#505050
keyword.operator.misc.rust#383A42
keyword.operator.sigil.rust#0078D4
keyword.operator.delete#0078D4
support.type.object.dom#0090A0
support.variable.dom,support.variable.property.dom#C83A4C
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#0090A0
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#0078D4
punctuation.separator.delimiter#383A42
punctuation.separator.c,punctuation.separator.cpp#0078D4
support.type.posix-reserved.c,support.type.posix-reserved.cpp#0090A0
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#0078D4
variable.parameter.function.language.python#B05800
support.type.python#0090A0
keyword.operator.logical.python#0078D4
variable.parameter.function.python#B05800
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#383A42
meta.function-call.generic.python#505050
constant.character.format.placeholder.other.python#B05800
keyword.operator#383A42
keyword.operator.assignment.compound#0078D4
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#0090A0
keyword#0078D4
entity.name.namespace#966800
variable#C83A4C
variable.c#383A42
variable.language#966800
token.variable.parameter.java#383A42
import.storage.java#966800
token.package.keyword#0078D4
token.package#383A42
entity.name.function, meta.require, support.function.any-method, variable.function#505050
entity.name.type.namespace#966800
support.class, entity.name.type.class#966800
entity.name.class.identifier.namespace.type#966800
entity.name.class, variable.other.class.js, variable.other.class.ts#966800
variable.other.class.php#C83A4C
entity.name.type#966800
keyword.control#0078D4
control.elements, keyword.operator.less#B05800
keyword.other.special-method#505050
storage#0078D4
storage.type.class.doxygen.c#8B1E8B
token.storage#0078D4
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#0078D4
token.storage.type.java#966800
support.function#0090A0
support.type.property-name#383A42
support.constant.property-value#383A42
support.constant.font-name#B05800
meta.tag#383A42
string#267A16
constant.other.symbol#0090A0
constant.numeric#B05800
constant#B05800
punctuation.definition.constant#B05800
entity.name.tag#C83A4C
entity.other.attribute-name#B05800
entity.other.attribute-name.id#505050normal
entity.other.attribute-name.class.css#B05800normal
meta.selector#0078D4
markup.heading#C83A4C
markup.heading punctuation.definition.heading, entity.name.section#505050
keyword.other.unit#C83A4C
markup.bold,todo.bold#B05800
punctuation.definition.bold#966800
markup.italic, punctuation.definition.italic,todo.emphasis#0078D4
emphasis md#0078D4
entity.name.section.markdown#C83A4C
punctuation.definition.heading.markdown#C83A4C
punctuation.definition.list.begin.markdown#966800
markup.heading.setext#383A42
punctuation.definition.bold.markdown#B05800
markup.inline.raw.markdown#267A16
markup.inline.raw.string.markdown#267A16
punctuation.definition.raw.markdown#966800
punctuation.definition.list.markdown#966800
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#C83A4C
beginning.punctuation.definition.list.markdown#C83A4C
punctuation.definition.metadata.markdown#C83A4C
markup.underline.link.markdown,markup.underline.link.image.markdown#0078D4
string.other.link.title.markdown,string.other.link.description.markdown#505050
markup.raw.monospace.asciidoc#267A16
punctuation.definition.asciidoc#966800
markup.list.asciidoc#966800
markup.link.asciidoc,markup.other.url.asciidoc#0078D4
string.unquoted.asciidoc,markup.other.url.asciidoc#505050
string.regexp#0090A0
punctuation.section.embedded, variable.interpolation#C83A4C
punctuation.section.embedded.begin,punctuation.section.embedded.end#0078D4
invalid.illegal#101010
invalid.illegal.bad-ampersand.html#383A42
invalid.illegal.unrecognized-tag.html#C83A4C
invalid.broken#101010
invalid.deprecated#101010
invalid.deprecated.entity.other.attribute-name.html#B05800
invalid.unimplemented#101010
source.json meta.structure.dictionary.json > string.quoted.json#C83A4C
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#C83A4C
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#267A16
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#0090A0
support.type.property-name.json#C83A4C
support.type.property-name.json punctuation#C83A4C
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#0078D4
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#0078D4
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#966800
keyword.operator.error-control.php#0078D4
keyword.operator.type.php#0078D4
punctuation.section.array.begin.php#383A42
punctuation.section.array.end.php#383A42
invalid.illegal.non-null-typehinted.php#CC0000
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#966800
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#505050
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#383A42
support.constant.core.rust#B05800
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#B05800
entity.name.goto-label.php,support.other.php#505050
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#0090A0
keyword.operator.regexp.php#0078D4
keyword.operator.comparison.php#0090A0
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#0078D4
meta.function.decorator.python#505050
support.token.decorator.python,meta.function.decorator.identifier.python#0090A0
function.parameter#383A42
function.brace#383A42
function.parameter.ruby, function.parameter.cs#383A42
constant.language.symbol.ruby#0090A0
rgb-value#0090A0
inline-color-decoration rgb-value#B05800
less rgb-value#B05800
selector.sass#C83A4C
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#966800
block.scope.end,block.scope.begin#383A42
storage.type.cs#966800
entity.name.variable.local.cs#C83A4C
token.info-token#505050
token.warn-token#B05800
token.error-token#CC0000
token.debug-token#0078D4
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0078D4
meta.template.expression#383A42
keyword.operator.module#0078D4
support.type.type.flowtype#505050
support.type.primitive#966800
meta.property.object#C83A4C
variable.parameter.function.js#C83A4C
keyword.other.template.begin#267A16
keyword.other.template.end#267A16
keyword.other.substitution.begin#267A16
keyword.other.substitution.end#267A16
keyword.operator.assignment#0090A0
keyword.operator.assignment.go#966800
keyword.operator.arithmetic.go, keyword.operator.address.go#0078D4
entity.name.package.go#966800
support.type.prelude.elm#0090A0
support.constant.elm#B05800
punctuation.quasi.element#0078D4
constant.character.entity#C83A4C
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#0090A0
entity.global.clojure#966800
meta.symbol.clojure#C83A4C
constant.keyword.clojure#0090A0
meta.arguments.coffee, variable.parameter.function.coffee#C83A4C
source.ini#267A16
meta.scope.prerequisites.makefile#C83A4C
source.makefile#966800
storage.modifier.import.groovy#966800
meta.method.groovy#505050
meta.definition.variable.name.groovy#C83A4C
meta.definition.class.inherited.classes.groovy#267A16
support.variable.semantic.hlsl#966800
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#0078D4
text.variable, text.bracketed#C83A4C
support.type.swift, support.type.vb.asp#966800
entity.name.function.xi#966800
entity.name.class.xi#0090A0
constant.character.character-class.regexp.xi#C83A4C
constant.regexp.xi#0078D4
keyword.control.xi#0090A0
invalid.xi#383A42
beginning.punctuation.definition.quote.markdown.xi#267A16
beginning.punctuation.definition.list.markdown.xi#7C8390
constant.character.xi#505050
accent.xi#505050
wikiword.xi#B05800
constant.other.color.rgb-value.xi#101010
punctuation.definition.tag.xi#7C8390
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#966800
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#C83A4C
meta.brace.square#383A42
comment, punctuation.definition.comment#7C8390italic
markup.quote.markdown#7C8390
punctuation.definition.block.sequence.item.yaml#383A42
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#0090A0
entity.name.variable.parameter.cs#966800
entity.name.variable.field.cs#C83A4C
markup.deleted#C83A4C
markup.inserted#267A16
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#C83A4C
support.other.namespace.php#383A42
variable.other.object#966800
variable.other.constant.property#C83A4C
entity.other.inherited-class#966800
variable.other.readwrite.c#C83A4C
entity.name.variable.parameter.php,punctuation.separator.colon.php,constant.other.php#383A42
constant.numeric.decimal.asm.x86_64#0078D4
support.other.parenthesis.regexp#B05800
constant.character.escape#0090A0
string.regexp#C83A4C
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
keyword.control.import.python,keyword.control.flow.python,keyword.operator.logical.pythonitalic
markup.italic.markdownitalic
Osmium Theme by Riccardo Filippozzi - VS Code Theme