Skip to main content
CodingTheme

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.activeBorder#61afef
  • activityBar.activeFocusBorder#61afef
  • activityBar.background#21252b
  • activityBar.border#515a6b30
  • activityBar.dropBorder#515a6b30
  • activityBar.foreground#61afef
  • activityBarBadge.background#61afef
  • activityBarBadge.foreground#000
  • activityBarTop.activeBorder#515a6b30
  • activityBarTop.dropBorder#515a6b30
  • badge.background#61afef
  • badge.foreground#000
  • breadcrumb.activeSelectionForeground#61afef
  • breadcrumb.focusForeground#61afef
  • breadcrumbPicker.background#17191E
  • button.background#404754
  • button.secondaryBackground#30333d
  • button.secondaryForeground#c0bdbd
  • checkbox.border#404754
  • commandCenter.background#17191E
  • debugToolBar.background#21252b
  • descriptionForeground#abb2bf
  • diffEditor.insertedTextBackground#00809b33
  • dropdown.background#21252b
  • dropdown.border#343f44
  • editor.background#21252b
  • editor.findMatchBackground#42557b
  • editor.findMatchHighlightBackground#6199ff2f
  • editor.foreground#abb2bf
  • editor.lineHighlightBackground#17191E
  • editor.selectionBackground#67769640
  • editor.selectionHighlightBackground#ffffff10
  • editor.wordHighlightBackground#d2e0ff2f
  • editor.wordHighlightStrongBackground#abb2bf26
  • editorBracketHighlight.foreground1#d19a66
  • editorBracketHighlight.foreground2#c678dd
  • editorBracketHighlight.foreground3#56b6c2
  • editorBracketMatch.background#515a6b
  • editorBracketMatch.border#515a6b
  • editorCursor.background#21252b
  • editorCursor.foreground#61afef
  • editorError.foreground#c24038
  • editorGroup.border#343f4480
  • editorGroup.dropBackground#61afef20
  • editorGroup.dropIntoPromptBorder#343f4480
  • editorGroup.focusedEmptyBorder#343f4480
  • editorGroupHeader.border#515a6b30
  • editorGroupHeader.tabsBackground#21252b
  • editorGroupHeader.tabsBorder#515a6b30
  • editorGutter.addedBackground#109868
  • editorGutter.deletedBackground#9A353D
  • editorGutter.modifiedBackground#948B60
  • editorHoverWidget.background#21252b
  • editorHoverWidget.border#343f44
  • editorHoverWidget.highlightForeground#61afef
  • editorIndentGuide.activeBackground1#ffffff25
  • editorIndentGuide.activeBackground2#ffffff25
  • editorIndentGuide.activeBackground3#ffffff25
  • editorIndentGuide.activeBackground4#ffffff25
  • editorIndentGuide.activeBackground5#ffffff25
  • editorIndentGuide.activeBackground6#ffffff25
  • editorIndentGuide.background1#ffffff10
  • editorIndentGuide.background2#ffffff10
  • editorIndentGuide.background3#ffffff10
  • editorIndentGuide.background4#ffffff10
  • editorIndentGuide.background5#ffffff10
  • editorIndentGuide.background6#ffffff10
  • editorInlayHint.background#21252b
  • editorInlayHint.foreground#abb2bf
  • editorLineNumber.activeForeground#61afef
  • editorLineNumber.foreground#d7dae050
  • editorMarkerNavigation.background#21252b
  • editorOverviewRuler.border#d19a6600
  • editorPane.background#17191E
  • editorRuler.foreground#abb2bf26
  • editorStickyScroll.shadow#ff000000
  • editorSuggestWidget.background#21252b
  • editorSuggestWidget.border#343f44
  • editorSuggestWidget.selectedBackground#61afef25
  • editorWarning.foreground#d19a66
  • editorWhitespace.foreground#ffffff1d
  • editorWidget.background#21252b
  • editorWidget.border#343f44
  • focusBorder#343f44
  • gitDecoration.ignoredResourceForeground#636b78
  • icon.foreground#61afef
  • input.background#21252b
  • input.border#343f44
  • input.foreground#abb2bf
  • inputOption.activeBorder#343f44
  • list.activeSelectionBackground#2c313a
  • list.activeSelectionForeground#61afef
  • list.dropBackground#61afef20
  • list.focusBackground#323842
  • list.focusForeground#f0f0f0
  • list.highlightForeground#ecebeb
  • list.hoverBackground#2c313a
  • list.hoverForeground#abb2bf
  • list.inactiveSelectionBackground#323842
  • list.inactiveSelectionForeground#61afef
  • list.inactiveSelectionIconForeground#61afef
  • list.warningForeground#d19a66
  • menu.background#17191E
  • menu.border#343f44
  • menu.foreground#abb2bf
  • menu.separatorBackground#343a45
  • minimapGutter.addedBackground#109868
  • minimapGutter.deletedBackground#9A353D
  • minimapGutter.modifiedBackground#948B60
  • notificationCenterHeader.background#21252b
  • notifications.background#21252b
  • notifications.border#343f4480
  • notificationToast.border#343f4480
  • panel.background#17191E
  • panel.border#343f4480
  • panel.dropBorder#343f44
  • panelInput.border#515a6b30
  • panelSection.border#515a6b30
  • panelSection.dropBackground#61afef20
  • panelSectionHeader.background#21252b
  • panelTitle.activeBorder#61afef
  • panelTitle.activeForeground#61afef
  • panelTitle.inactiveForeground#9da5b4
  • peekView.border#343f44
  • peekViewEditor.background#21252b
  • peekViewEditor.matchHighlightBackground#29244b
  • peekViewResult.background#21252b
  • peekViewResult.selectionBackground#61afef20
  • peekViewTitle.background#21252b
  • peekViewTitleLabel.foreground#61afef
  • quickInput.background#17191E
  • scrollbar.shadow#23252c00
  • scrollbarSlider.activeBackground#727a8d60
  • scrollbarSlider.background#4e566660
  • scrollbarSlider.hoverBackground#5a637580
  • settings.checkboxBackground#17191E
  • settings.dropdownBackground#17191E
  • settings.focusedRowBackground#343f4460
  • settings.headerForeground#61afef
  • settings.numberInputBackground#17191E
  • settings.textInputBackground#17191E
  • sideBar.background#21252b
  • sideBar.border#515a6b30
  • sideBar.dropBackground#61afef20
  • sideBar.foreground#abb2bf
  • sideBarSectionHeader.background#21252b
  • sideBarSectionHeader.border#515a6b30
  • sideBarSectionHeader.foreground#abb2bf
  • sideBarTitle.foreground#61afef
  • statusBar.background#21252b
  • statusBar.border#515a6b30
  • statusBar.debuggingBackground#f0a45d
  • statusBar.debuggingForeground#21252b
  • statusBar.foreground#9da5b4
  • statusBar.noFolderBackground#21252b
  • statusBarItem.compactHoverBackground#21252b
  • statusBarItem.hoverBackground#21252b90
  • statusBarItem.hoverForeground#61afef
  • statusBarItem.remoteBackground#21252b
  • statusBarItem.remoteForeground#61afef
  • statusBarItem.remoteHoverBackground#F0A45D
  • statusBarItem.remoteHoverForeground#f0a45d
  • tab.activeBackground#21252b
  • tab.activeBorder#61afefcc
  • tab.activeBorderTop#61afef
  • tab.activeForeground#61afefcc
  • tab.border#515a6b30
  • tab.inactiveBackground#21252b
  • tab.inactiveForeground#9da5b4
  • 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#21252b
  • terminal.border#343f4480
  • terminal.dropBackground#61afef20
  • terminal.foreground#abb2bf
  • terminal.selectionBackground#abb2bf30
  • terminal.tab.activeBorder#61afef
  • terminalCommandDecoration.defaultBackground#61afef
  • terminalCommandDecoration.errorBackground#e05561
  • terminalCommandDecoration.successBackground#8cc265
  • terminalCursor.background#21252b
  • terminalCursor.foreground#61afef
  • textBlockQuote.background#181A1E
  • textBlockQuote.border#61afef
  • textCodeBlock.background#181A1E
  • textLink.activeForeground#9A8BE5
  • textLink.foreground#61afef
  • textPreformat.background#181A1E
  • textPreformat.foreground#61afef
  • titleBar.activeBackground#21252b
  • titleBar.activeForeground#9da5b4
  • titleBar.border#515a6b30
  • titleBar.inactiveBackground#21252b
  • tree.inactiveIndentGuidesStroke#343f44
  • tree.indentGuidesStroke#61afef60
  • walkThrough.embeddedEditorBackground#2e3440
  • welcomePage.progress.background#343f44
  • welcomePage.progress.foreground#9A8BE5
  • welcomePage.tileBackground#61afef15
  • widget.border#343f44
  • widget.shadow#ff000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment storage.typeitalic
variable.parameter, parameters variable.functionitalic
keyword.control.export, keyword.control.import, keyword.control.type, keyword.control.as, keyword.control.conditional, keyword.control.flow, keyword.control.or, keyword.control.and, keyword.control.loop, keyword.operator.new, keyword.operator.expression.of, keyword.operator.expression.instanceof, keyword.operator.expression.typeof, keyword.operator.expression.keyof, keyword.operator.expression.delete, keyword.control.trycatch, keyword.control.from, variable.language.this, storage.modifier.async, keyword.control.default, keyword.import, entity.name.function.operatoritalic
entity.other.attribute-name, storage.modifieritalic
comment, invalid, invalid.deprecated, invalid.illegalitalic
comment storage.typeitalic
variable.parameter, parameters variable.functionitalic
keyword.control.export, keyword.control.import, keyword.control.type, keyword.control.as, keyword.control.conditional, keyword.control.flow, keyword.control.or, keyword.control.and, keyword.control.loop, keyword.operator.new, keyword.operator.expression.of, keyword.operator.expression.instanceof, keyword.operator.expression.typeof, keyword.operator.expression.keyof, keyword.operator.expression.delete, keyword.control.trycatch, keyword.control.from, variable.language.this, storage.modifier.async, keyword.control.default, keyword.import, entity.name.function.operatoritalic
entity.other.attribute-name, storage.modifieritalic
comment, invalid, invalid.deprecated, invalid.illegalitalic
meta.embedded#abb2bf
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#ef596f
variable.other.generic-type.haskell#9A8BE5
storage.type.haskell#d19a66
support.variable.magic.python#ef596f
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#abb2bf
variable.parameter.function.language.special.self.python#e5c07b
variable.parameter.function.language.special.cls.python#e5c07b
storage.modifier.lifetime.rust#abb2bf
support.function.std.rust#61afef
entity.name.lifetime.rust#e5c07b
variable.language.rust#ef596f
support.constant.edge#9A8BE5
constant.other.character-class.regexp#ef596f
keyword.operator.word#9A8BE5
keyword.operator.quantifier.regexp#d19a66
variable.parameter.function#abb2bf
comment markup.link#5c6370underline
markup.changed#e5c07b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#89ca78
markup.deleted.diff#ef596f
meta.function.c,meta.function.cpp#ef596f
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#abb2bf
punctuation.separator.key-value#abb2bf
keyword.operator.expression.import#61afef
support.constant.math#e5c07b
support.constant.property.math#d19a66
variable.other.constant#e5c07b
storage.type.annotation.java, storage.type.object.array.java#e5c07b
source.java#ef596f
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#abb2bf
meta.method.java#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e5c07b
keyword.operator.instanceof.java#9A8BE5
meta.definition.variable.name.java#ef596f
keyword.operator.logical#2bbac5
keyword.operator.bitwise#2bbac5
keyword.operator.channel#2bbac5
support.constant.property-value.scss,support.constant.property-value.css#d19a66
keyword.operator.css,keyword.operator.scss,keyword.operator.less#2bbac5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#d19a66
punctuation.separator.list.comma.css#abb2bf
support.constant.color.w3c-standard-color-name.css#d19a66
support.type.vendored.property-name.css#2bbac5
support.module.node,support.type.object.module,support.module.node#e5c07b
entity.name.type.module#e5c07b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ef596f
support.constant.json#d19a66
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#9A8BE5
support.type.object.console#ef596f
support.variable.property.process#d19a66
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#abb2bf
keyword.operator.sigil.rust#9A8BE5
keyword.operator.delete#9A8BE5
support.type.object.dom#2bbac5
support.variable.dom,support.variable.property.dom#ef596f
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#2bbac5
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#9A8BE5
punctuation.separator.delimiter#abb2bf
punctuation.separator.c,punctuation.separator.cpp#9A8BE5
support.type.posix-reserved.c,support.type.posix-reserved.cpp#2bbac5
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#9A8BE5
variable.parameter.function.language.python#d19a66
support.type.python#2bbac5
keyword.operator.logical.python#9A8BE5
variable.parameter.function.python#d19a66
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#abb2bf
meta.function-call.generic.python#61afef
constant.character.format.placeholder.other.python#d19a66
keyword.operator#abb2bf
keyword.operator.assignment.compound#9A8BE5
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#2bbac5
keyword#9A8BE5
entity.name.namespace#e5c07b
variable#ef596f
variable.c#abb2bf
variable.language#e5c07b
token.variable.parameter.java#abb2bf
import.storage.java#e5c07b
token.package.keyword#9A8BE5
token.package#abb2bf
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#e5c07b
support.class, entity.name.type.class#e5c07b
entity.name.class.identifier.namespace.type#e5c07b
entity.name.class, variable.other.class.js, variable.other.class.ts#e5c07b
variable.other.class.php#ef596f
entity.name.type#e5c07b
keyword.control#9A8BE5
control.elements, keyword.operator.less#d19a66
keyword.other.special-method#61afef
storage#9A8BE5
token.storage#9A8BE5
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#9A8BE5
token.storage.type.java#e5c07b
support.function#2bbac5
support.type.property-name#abb2bf
support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml#ef596f
support.constant.property-value#abb2bf
support.constant.font-name#d19a66
meta.tag#abb2bf
string#89ca78
constant.other.symbol#2bbac5
constant.numeric#d19a66
constant#d19a66
punctuation.definition.constant#d19a66
entity.name.tag#ef596f
entity.other.attribute-name#d19a66
entity.other.attribute-name.id#61afef
entity.other.attribute-name.class.css#d19a66
meta.selector#9A8BE5
markup.heading#ef596f
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#ef596f
markup.bold,todo.bold#d19a66bold
punctuation.definition.bold#e5c07bbold
markup.italic, punctuation.definition.italic,todo.emphasis#9A8BE5italic
emphasis md#9A8BE5italic
markup.strikethroughstrikethrough
entity.name.section.markdown#ef596f
punctuation.definition.heading.markdown#ef596f
punctuation.definition.list.begin.markdown#e5c07b
markup.heading.setext#abb2bf
punctuation.definition.bold.markdown#d19a66
markup.inline.raw.markdown#89ca78
markup.inline.raw.string.markdown#89ca78
punctuation.definition.raw.markdown#e5c07b
punctuation.definition.list.markdown#e5c07b
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#BFD5DE60
beginning.punctuation.definition.list.markdown#ef596f
markup.underline.link.markdown,markup.underline.link.image.markdown#9A8BE5
string.other.link.title.markdown,string.other.link.description.markdown#61afef
markup.raw.monospace.asciidoc#89ca78
punctuation.definition.asciidoc#e5c07b
markup.list.asciidoc#e5c07b
markup.link.asciidoc,markup.other.url.asciidoc#9A8BE5
string.unquoted.asciidoc,markup.other.url.asciidoc#61afef
string.regexp#2bbac5
punctuation.section.embedded, variable.interpolation#ef596f
punctuation.section.embedded.begin,punctuation.section.embedded.end#9A8BE5
invalid.illegal#ef596f
invalid.illegal.bad-ampersand.html#ef596f
invalid.illegal.unrecognized-tag.html#ef596f
invalid.broken#ffffff
invalid.deprecated#ef596f
invalid.deprecated.entity.other.attribute-name.html#d19a66
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ef596f
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ef596f
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#89ca78
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#2bbac5
support.type.property-name.json#ef596f
support.type.property-name.json punctuation#BFD5DE60
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#9A8BE5
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#9A8BE5
support.other.namespace.use.php,support.other.namespace.use-as.php,entity.other.alias.php,meta.interface.php#e5c07b
keyword.operator.error-control.php#9A8BE5
keyword.operator.type.php#9A8BE5
punctuation.section.array.begin.php#abb2bf
punctuation.section.array.end.php#abb2bf
invalid#ef596f
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e5c07b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#abb2bf
support.constant.core.rust#d19a66
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d19a66
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#2bbac5
keyword.operator.regexp.php#9A8BE5
keyword.operator.comparison.php#2bbac5
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#9A8BE5
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#2bbac5
function.parameter#abb2bf
function.brace#abb2bf
function.parameter.ruby, function.parameter.cs#abb2bf
constant.language.symbol.ruby#2bbac5
constant.language.symbol.hashkey.ruby#2bbac5
rgb-value#2bbac5
inline-color-decoration rgb-value#d19a66
less rgb-value#d19a66
selector.sass#ef596f
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e5c07b
block.scope.end,block.scope.begin#abb2bf
storage.type.cs#e5c07b
entity.name.variable.local.cs#ef596f
token.info-token#61afef
token.warn-token#d19a66
token.error-token#f44747
token.debug-token#9A8BE5
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#9A8BE5
meta.template.expression#abb2bf
keyword.operator.module#9A8BE5
support.type.type.flowtype#61afef
support.type.primitive#e5c07b
meta.property.object#ef596f
variable.parameter.function.js#ef596f
keyword.other.template.begin#89ca78
keyword.other.template.end#89ca78
keyword.other.substitution.begin#89ca78
keyword.other.substitution.end#89ca78
keyword.operator.assignment#2bbac5
keyword.operator.assignment.go#e5c07b
keyword.operator.arithmetic.go, keyword.operator.address.go#9A8BE5
entity.name.package.go#e5c07b
support.type.prelude.elm#2bbac5
support.constant.elm#d19a66
punctuation.quasi.element#9A8BE5
constant.character.entity#ef596f
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#2bbac5
entity.global.clojure#e5c07b
meta.symbol.clojure#ef596f
constant.keyword.clojure#2bbac5
meta.arguments.coffee, variable.parameter.function.coffee#ef596f
source.ini#89ca78
meta.scope.prerequisites.makefile#ef596f
source.makefile#e5c07b
storage.modifier.import.groovy#e5c07b
meta.method.groovy#61afef
meta.definition.variable.name.groovy#ef596f
meta.definition.class.inherited.classes.groovy#89ca78
support.variable.semantic.hlsl#e5c07b
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#9A8BE5
text.variable, text.bracketed#ef596f
support.type.swift, support.type.vb.asp#e5c07b
entity.name.function.xi#e5c07b
entity.name.class.xi#2bbac5
constant.character.character-class.regexp.xi#ef596f
constant.regexp.xi#9A8BE5
keyword.control.xi#2bbac5
invalid.xi#abb2bf
beginning.punctuation.definition.quote.markdown.xi#89ca78
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#d19a66
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5c6370
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e5c07b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ef596f
meta.brace.square#abb2bf
comment, punctuation.definition.comment#7f848e
markup.quote.markdown#8cc265
punctuation.definition.block.sequence.item.yaml#abb2bf
constant.language.symbol.elixir, constant.language.symbol.double-quoted.elixir#2bbac5
entity.name.variable.parameter.cs#e5c07b
entity.name.variable.field.cs#ef596f
markup.deleted#ef596f
markup.inserted#89ca78
markup.underlineunderline
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#BE5046
support.other.namespace.php#abb2bf
variable.parameter.function.latex#ef596f
variable.other.object#e5c07b
variable.other.constant.property#ef596f
entity.other.inherited-class#e5c07b
variable.other.readwrite.c#ef596f
entity.name.variable.parameter.php,punctuation.separator.colon.php,constant.other.php#abb2bf
constant.numeric.decimal.asm.x86_64#9A8BE5
support.other.parenthesis.regexp#d19a66
constant.character.escape#2bbac5
string.regexp#ef596f
log.info#89ca78
log.warning#e5c07b
log.error#ef596f
keyword.operator.expression.is#9A8BE5
entity.name.label#ef596f
markup.italic.markdownitalic
keyword.control.export, keyword.control.default, keyword.import, entity.name.function.operator#9A8BE5
constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.brace.round, meta.brace.square, meta.brace.curly, constant.other.color, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js, punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css#BFD5DE60

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Maron Themes by Kain Nhantumbo - VS Code Theme