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#11111100
  • activityBar.background#333333
  • activityBar.border#4f4f4f
  • activityBar.foreground#cd73ff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#000000
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0bf
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#e0e0e0bf
  • breadcrumb.foreground#d1d1d164
  • button.background#8b50ab
  • button.foreground#ffffff
  • button.hoverBackground#cd73ff
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#1d1d1d
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#cd73ff9b
  • debugToolBar.background#000000
  • debugToolBar.border#cd73ff9b
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1d1d1d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#171717
  • editor.findMatchBackground#cd73ff00
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0026
  • editor.findMatchHighlightBorder#a668c9
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d3d3d3
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#ebcbfd32
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#cd73ff44
  • editor.selectionHighlightBackground#552d6bb5
  • editor.selectionHighlightBorder#53627300
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#512a6699
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#533762
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#171717
  • editorGroupHeader.tabsBackground#1e1e1f
  • editorGroupHeader.tabsBorder#cd73ff4a
  • editorGutter.addedBackground#587c0c7e
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151bcd
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#09769466
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#cd73ff
  • editorLineNumber.foreground#8e60a7
  • editorLink.activeForeground#fd3dc4
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#cd73ff
  • editorSuggestWidget.selectedBackground#1d1d1d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#060606
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#815e94
  • focusBorder#cd73ff
  • foreground#cd73ff
  • 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#cd73ff
  • input.background#1d1d1d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#cf4ee266
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#363636
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#32064a
  • list.focusForeground#cccccc
  • list.highlightForeground#cd73ff
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cd73ff
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#0f0f0f
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#454545
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#171717
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#cd73ff00
  • minimap.selectionHighlight#cd73ff44
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c7e
  • minimapGutter.deletedBackground#94151bcd
  • minimapGutter.modifiedBackground#09769466
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#171717
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • 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#3f3f46
  • pickerGroup.foreground#a454d1
  • progressBar.background#cd73ff
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#693388
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cd73ff
  • sideBar.background#171717
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#dbdbdb
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#cd73ff
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#642d7d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1d1d1d
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#d282ff
  • tab.border#cd73ff00
  • tab.hoverBackground#382f3f
  • tab.hoverForeground#9b9b9b
  • tab.inactiveBackground#171717
  • tab.inactiveForeground#ffffff80
  • 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#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#6a5277
  • terminalCursor.foreground#ffffff
  • textLink.foreground#cd73ff
  • titleBar.activeBackground#171717
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • 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#e06c75e3
variable.other.generic-type.haskell#d26bf0dd
storage.type.haskell#db8736ed
support.variable.magic.python#e06c75e3
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d3d3d3
variable.parameter.function.language.special.self.python#f9b22ed5
storage.modifier.lifetime.rust#d3d3d3
support.function.std.rust#61afefeb
entity.name.lifetime.rust#f9b22ed5
variable.language.rust#e06c75e3
support.constant.edge#d26bf0dd
constant.other.character-class.regexp#e06c75e3
keyword.operator.quantifier.regexp#db8736ed
punctuation.definition.string.begin,punctuation.definition.string.end#89cf57
variable.parameter.function#d3d3d3
comment markup.link#90c09eab
markup.changed.diff#f9b22ed5
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afefeb
markup.inserted.diff#89cf57
markup.deleted.diff#e06c75e3
meta.function.c,meta.function.cpp#e06c75e3
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#d3d3d3
punctuation.separator.key-value#d3d3d3
keyword.operator.expression.import#61afefeb
support.constant.math#f9b22ed5
support.constant.property.math#db8736ed
variable.other.constant#f9b22ed5
storage.type.annotation.java, storage.type.object.array.java#f9b22ed5
source.java#e06c75e3
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#d3d3d3
meta.method.java#61afefeb
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f9b22ed5
keyword.operator.instanceof.java#d26bf0dd
meta.definition.variable.name.java#e06c75e3
keyword.operator.logical#ff9663
keyword.operator.bitwise#ff9663
keyword.operator.channel#ff9663
support.constant.property-value.scss,support.constant.property-value.css#db8736ed
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff9663
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#db8736ed
punctuation.separator.list.comma.css#d3d3d3
support.constant.color.w3c-standard-color-name.css#db8736ed
support.type.vendored.property-name.css#ff9663
support.module.node,support.type.object.module,support.module.node#f9b22ed5
entity.name.type.module#f9b22ed5
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e06c75e3
support.constant.json#db8736ed
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d26bf0dd
support.type.object.console#e06c75e3
support.variable.property.process#db8736ed
entity.name.function,support.function.console#61afefeb
keyword.operator.misc.rust#d3d3d3
keyword.operator.sigil.rust#d26bf0dd
keyword.operator.delete#d26bf0dd
support.type.object.dom#ff9663
support.variable.dom,support.variable.property.dom#e06c75e3
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff9663
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#d26bf0dd
punctuation.separator.delimiter#d3d3d3
punctuation.separator.c,punctuation.separator.cpp#d26bf0dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff9663
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d26bf0dd
variable.parameter.function.language.python#db8736ed
support.type.python#ff9663
keyword.operator.logical.python#d26bf0dd
variable.parameter.function.python#db8736ed
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d3d3d3
meta.function-call.generic.python#61afefeb
constant.character.format.placeholder.other.python#db8736ed
keyword.operator#d3d3d3
keyword.operator.assignment.compound#d26bf0dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff9663
keyword#d26bf0dd
entity.name.namespace#f9b22ed5
variable#e06c75e3
variable.c#d3d3d3
variable.language#f9b22ed5
token.variable.parameter.java#d3d3d3
import.storage.java#f9b22ed5
token.package.keyword#d26bf0dd
token.package#d3d3d3
entity.name.function, meta.require, support.function.any-method, variable.function#61afefeb
entity.name.type.namespace#f9b22ed5
support.class, entity.name.type.class#f9b22ed5
entity.name.class.identifier.namespace.type#f9b22ed5
entity.name.class, variable.other.class.js, variable.other.class.ts#f9b22ed5
variable.other.class.php#e06c75e3
entity.name.type#f9b22ed5
keyword.control#d26bf0dd
control.elements, keyword.operator.less#db8736ed
keyword.other.special-method#61afefeb
storage#d26bf0dd
token.storage#d26bf0dd
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#d26bf0dd
token.storage.type.java#f9b22ed5
support.function#ff9663
support.type.property-name#d3d3d3
support.constant.property-value#d3d3d3
support.constant.font-name#db8736ed
meta.tag#d3d3d3
string#89cf57
entity.other.inherited-class#f9b22ed5
constant.other.symbol#ff9663
constant.numeric#db8736ed
constant#db8736ed
punctuation.definition.constant#db8736ed
entity.name.tag#e06c75e3
entity.other.attribute-name#db8736ed
entity.other.attribute-name.id#61afefebnormal
entity.other.attribute-name.class.css#db8736ednormal
meta.selector#d26bf0dd
markup.heading#e06c75e3
markup.heading punctuation.definition.heading, entity.name.section#61afefeb
keyword.other.unit#e06c75e3
markup.bold,todo.bold#db8736ed
punctuation.definition.bold#f9b22ed5
markup.italic, punctuation.definition.italic,todo.emphasis#d26bf0dd
emphasis md#d26bf0dd
entity.name.section.markdown#e06c75e3
punctuation.definition.heading.markdown#e06c75e3
punctuation.definition.list.begin.markdown#e06c75e3
markup.heading.setext#d3d3d3
punctuation.definition.bold.markdown#db8736ed
markup.inline.raw.markdown#89cf57
markup.inline.raw.string.markdown#89cf57
punctuation.definition.list.markdown#e06c75e3
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e06c75e3
beginning.punctuation.definition.list.markdown#e06c75e3
punctuation.definition.metadata.markdown#e06c75e3
markup.underline.link.markdown,markup.underline.link.image.markdown#d26bf0dd
string.other.link.title.markdown,string.other.link.description.markdown#61afefeb
string.regexp#ff9663
constant.character.escape#ff9663
punctuation.section.embedded, variable.interpolation#e06c75e3
punctuation.section.embedded.begin,punctuation.section.embedded.end#d26bf0dd
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d3d3d3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#e06c75e3
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e06c75e3
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#89cf57
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff9663
support.type.property-name.json#e06c75e3
support.type.property-name.json punctuation#e06c75e3
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d26bf0dd
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d26bf0dd
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f9b22ed5
keyword.operator.error-control.php#d26bf0dd
keyword.operator.type.php#d26bf0dd
punctuation.section.array.begin.php#d3d3d3
punctuation.section.array.end.php#d3d3d3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f9b22ed5
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afefeb
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#d3d3d3
support.constant.core.rust#db8736ed
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#db8736ed
entity.name.goto-label.php,support.other.php#61afefeb
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff9663
keyword.operator.regexp.php#d26bf0dd
keyword.operator.comparison.php#ff9663
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d26bf0dd
meta.function.decorator.python#61afefeb
support.token.decorator.python,meta.function.decorator.identifier.python#ff9663
function.parameter#d3d3d3
function.brace#d3d3d3
function.parameter.ruby, function.parameter.cs#d3d3d3
constant.language.symbol.ruby#ff9663
rgb-value#ff9663
inline-color-decoration rgb-value#db8736ed
less rgb-value#db8736ed
selector.sass#e06c75e3
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f9b22ed5
block.scope.end,block.scope.begin#d3d3d3
storage.type.cs#f9b22ed5
entity.name.variable.local.cs#e06c75e3
token.info-token#61afefeb
token.warn-token#db8736ed
token.error-token#f44747
token.debug-token#d26bf0dd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d26bf0dd
meta.template.expression#d3d3d3
keyword.operator.module#d26bf0dd
support.type.type.flowtype#61afefeb
support.type.primitive#f9b22ed5
meta.property.object#e06c75e3
variable.parameter.function.js#e06c75e3
keyword.other.template.begin#89cf57
keyword.other.template.end#89cf57
keyword.other.substitution.begin#89cf57
keyword.other.substitution.end#89cf57
keyword.operator.assignment#ff9663
keyword.operator.assignment.go#f9b22ed5
keyword.operator.arithmetic.go, keyword.operator.address.go#d26bf0dd
entity.name.package.go#f9b22ed5
support.type.prelude.elm#ff9663
support.constant.elm#db8736ed
punctuation.quasi.element#d26bf0dd
constant.character.entity#e06c75e3
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff9663
entity.global.clojure#f9b22ed5
meta.symbol.clojure#e06c75e3
constant.keyword.clojure#ff9663
meta.arguments.coffee, variable.parameter.function.coffee#e06c75e3
source.ini#89cf57
meta.scope.prerequisites.makefile#e06c75e3
source.makefile#f9b22ed5
storage.modifier.import.groovy#f9b22ed5
meta.method.groovy#61afefeb
meta.definition.variable.name.groovy#e06c75e3
meta.definition.class.inherited.classes.groovy#89cf57
support.variable.semantic.hlsl#f9b22ed5
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#d26bf0dd
text.variable, text.bracketed#e06c75e3
support.type.swift, support.type.vb.asp#f9b22ed5
entity.name.function.xi#f9b22ed5
entity.name.class.xi#ff9663
constant.character.character-class.regexp.xi#e06c75e3
constant.regexp.xi#d26bf0dd
keyword.control.xi#ff9663
invalid.xi#d3d3d3
beginning.punctuation.definition.quote.markdown.xi#89cf57
beginning.punctuation.definition.list.markdown.xi#90c09eab
constant.character.xi#61afefeb
accent.xi#61afefeb
wikiword.xi#db8736ed
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#90c09eab
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f9b22ed5
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e06c75e3
meta.brace.square#d3d3d3
comment, punctuation.definition.comment#90c09eabitalic
markup.quote.markdown#90c09eab
punctuation.definition.block.sequence.item.yaml#d3d3d3
constant.language.symbol.elixir#ff9663
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...

Diverse Dye by Devang Tomar ⭐ - VS Code Theme