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.activeBackground#080808
  • activityBar.background#020202
  • activityBar.border#020202
  • activityBar.foreground#ff008f
  • activityBar.inactiveForeground#fdfe0278
  • activityBarBadge.background#ff71c0
  • activityBarBadge.foreground#020202
  • badge.background#fbf715
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#ffa0f5
  • breadcrumb.focusForeground#000000
  • breadcrumb.foreground#000000cc
  • button.background#f700ff
  • button.foreground#ffffff
  • button.hoverBackground#fc9aff
  • button.secondaryBackground#84baff
  • button.secondaryForeground#020202
  • button.secondaryHoverBackground#5a9aea
  • checkbox.background#020202
  • checkbox.border#000000
  • checkbox.foreground#dedede
  • debugExceptionWidget.background#020202
  • debugExceptionWidget.border#000000
  • debugToolBar.background#020202
  • debugToolBar.border#000000
  • diffEditor.border#4b4b4b
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#020202
  • dropdown.border#000000
  • dropdown.foreground#dedede
  • editor.background#040404
  • editor.findMatchBackground#faff6c30
  • editor.findMatchBorder#ffc53d83
  • editor.findMatchHighlightBackground#cf930670
  • editor.findMatchHighlightBorder#ff9b0000
  • editor.findRangeHighlightBackground#261e3f54
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#b93dff70
  • editor.foreground#fdfe02
  • editor.hoverHighlightBackground#ff2df2ab
  • editor.inactiveSelectionBackground#323232
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#1c092c
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#261e3f
  • editor.selectionHighlightBackground#9566ff46
  • editor.selectionHighlightBorder#7953ff68
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#b481ff83
  • editorBracketMatch.background#6b00f04a
  • editorBracketMatch.border#ffffff00
  • editorCodeLens.foreground#ff82c87c
  • editorCursor.background#000000
  • editorCursor.foreground#ffe300
  • editorError.background#B73A3400
  • editorError.border#ff45453a
  • editorError.foreground#f48771
  • editorGroup.border#9740ff7a
  • editorGroup.emptyBackground#040404
  • editorGroupHeader.border#000000
  • editorGroupHeader.tabsBackground#020202
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#ff00fb
  • editorGutter.background#080808
  • editorGutter.commentRangeForeground#b940db
  • editorGutter.deletedBackground#ff5252
  • editorGutter.foldingControlForeground#b940db
  • editorGutter.modifiedBackground#ffef00
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#ff24e7
  • editorIndentGuide.background#f7ff00
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#fb7dff
  • editorLineNumber.activeForeground#ff2df2
  • editorLineNumber.foreground#b481ff
  • editorLink.activeForeground#ff15cf
  • editorMarkerNavigation.background#0a0a0a
  • editorMarkerNavigationError.background#ff3d4f
  • editorMarkerNavigationInfo.background#aa7bff
  • editorMarkerNavigationWarning.background#ffb300
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#cb3bff14
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#00000000
  • editorWarning.foreground#ea8400
  • editorWhitespace.foreground#fffb00
  • editorWidget.background#020202
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#020202
  • focusBorder#007fd4
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#020202
  • input.border#000000
  • input.foreground#dedede
  • input.placeholderForeground#ececec
  • inputOption.activeBackground#c700ff
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#c700ff
  • list.activeSelectionForeground#020202
  • list.dropBackground#d3ff0022
  • list.focusBackground#ffaa09
  • list.focusForeground#020202
  • list.highlightForeground#ff00fb
  • list.hoverBackground#9c6fff
  • list.hoverForeground#febf02
  • list.inactiveSelectionBackground#341084
  • list.inactiveSelectionForeground#fdfe02
  • listFilterWidget.background#50255c
  • listFilterWidget.noMatchesOutline#ff1700
  • listFilterWidget.outline#e61f1f00
  • menu.background#16031f
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#fffb00
  • menu.selectionBorder#00000000
  • menu.selectionForeground#000000
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#373f82
  • merge.commonHeaderBackground#be3f87
  • merge.currentContentBackground#373f82
  • merge.currentHeaderBackground#ff48af
  • merge.incomingContentBackground#20254d
  • merge.incomingHeaderBackground#941b5f
  • minimap.background#040404
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#faff6c30
  • minimap.selectionHighlight#261e3f
  • minimap.warningHighlight#ea8400
  • minimapGutter.addedBackground#ff00fb
  • minimapGutter.deletedBackground#ff5252
  • minimapGutter.modifiedBackground#ffef00
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#020202
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#020202
  • notifications.border#000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff6767
  • notificationsInfoIcon.foreground#ec6aff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#000000
  • panel.background#0d0d0d
  • panel.border#000000
  • panelSection.border#000000
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#ab57ff
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#020202
  • pickerGroup.foreground#ff05ef
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#e59dff
  • scrollbarSlider.background#080808
  • scrollbarSlider.hoverBackground#db8cfff9
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#020202
  • sideBar.border#000000
  • sideBar.dropBackground#d3ff0022
  • sideBar.foreground#fdfe02
  • sideBarSectionHeader.background#080808f1
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#ff43e2
  • sideBarTitle.foreground#9d9d9d
  • statusBar.background#020202
  • statusBar.border#00ff8700
  • statusBar.debuggingBackground#ffb681
  • statusBar.debuggingBorder#ff3939
  • statusBar.debuggingForeground#602727
  • statusBar.foreground#c700ff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#cb6fff
  • statusBarItem.remoteBackground#ffef01
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#020202
  • tab.activeBorder#ff00cb
  • tab.activeBorderTop#00000000
  • tab.activeForeground#d663ff
  • tab.border#000000
  • tab.inactiveBackground#040404
  • tab.inactiveForeground#d7d7d780
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#d9d9d9
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#fdf1ae
  • terminal.ansiYellow#e5e510
  • terminal.border#000000
  • terminal.foreground#ff4eb2
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ffef00
  • terminalCursor.foreground#020202
  • textLink.foreground#ff40a3
  • titleBar.activeBackground#020202
  • titleBar.activeForeground#cfcfcf
  • titleBar.border#ff040400
  • titleBar.inactiveBackground#06000a99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#c700ff
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

Loading...

Fallout-Dark by valentine samuel - VS Code Theme