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.background#0d131f
  • activityBar.border#0d131f
  • activityBar.foreground#b3b1ad
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#f07178
  • activityBarBadge.foreground#1f2430
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#507cff
  • breadcrumb.background#141824
  • breadcrumb.focusForeground#507cff
  • breadcrumb.foreground#ffffffcc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#141824
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#fefefe
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#ff4057
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#141824
  • editorGroupHeader.border#000b2e
  • editorGroupHeader.tabsBackground#1f2430
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#141824
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#2c2c2c
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#707a8ccc
  • editorLineNumber.foreground#707a8c66
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#600808
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#1282cd
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • 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#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • 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#141824
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • 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#1b1c24
  • panel.border#700000
  • panelSection.border#80808059
  • panelTitle.activeBorder#700000
  • 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#000000
  • pickerGroup.foreground#519aee
  • progressBar.background#300000
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#101521
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1f2430
  • statusBar.border#191e2a
  • statusBar.debuggingBackground#f21b1b
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#707a8c
  • statusBar.noFolderBackground#1f2430
  • statusBar.noFolderForeground#707a8c
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#151c2d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#141824
  • tab.activeBorder#00000000
  • tab.activeBorderTop#821004
  • tab.activeForeground#edf0f5
  • tab.border#1f2430
  • tab.hoverBackground#1f2430
  • tab.hoverBorder#3d424d66
  • tab.hoverForeground#707a8c
  • tab.inactiveBackground#1f2430
  • tab.inactiveForeground#707a8c
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#101521
  • 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#ab85ff
variable.other.generic-type.haskell#ff57b8
storage.type.haskell#2bfd71
support.variable.magic.python#ab85ff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#fefefe
variable.parameter.function.language.special.self.python#62f2da
storage.modifier.lifetime.rust#fefefe
support.function.std.rust#e7b46e
entity.name.lifetime.rust#62f2da
variable.language.rust#ab85ff
support.constant.edge#ff57b8
constant.other.character-class.regexp#ab85ff
keyword.operator.quantifier.regexp#2bfd71
punctuation.definition.string.begin,punctuation.definition.string.end#d0d067
variable.parameter.function#fefefe
comment markup.link#7f848e
markup.changed.diff#62f2da
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#e7b46e
markup.inserted.diff#d0d067
markup.deleted.diff#ab85ff
meta.function.c,meta.function.cpp#ab85ff
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#fefefe
punctuation.separator.key-value#fefefe
keyword.operator.expression.import#e7b46e
support.constant.math#62f2da
support.constant.property.math#2bfd71
variable.other.constant#62f2da
storage.type.annotation.java, storage.type.object.array.java#62f2da
source.java#ab85ff
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#fefefe
meta.method.java#e7b46e
storage.modifier.import.java,storage.type.java,storage.type.generic.java#62f2da
keyword.operator.instanceof.java#ff57b8
meta.definition.variable.name.java#ab85ff
keyword.operator.logical#ff73bf
keyword.operator.bitwise#ff73bf
keyword.operator.channel#ff73bf
support.constant.property-value.scss,support.constant.property-value.css#2bfd71
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff73bf
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#2bfd71
punctuation.separator.list.comma.css#fefefe
support.constant.color.w3c-standard-color-name.css#2bfd71
support.type.vendored.property-name.css#ff73bf
support.module.node,support.type.object.module,support.module.node#62f2da
entity.name.type.module#62f2da
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ab85ff
support.constant.json#2bfd71
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff57b8
support.type.object.console#ab85ff
support.variable.property.process#2bfd71
entity.name.function,support.function.console#e7b46e
keyword.operator.misc.rust#fefefe
keyword.operator.sigil.rust#ff57b8
keyword.operator.delete#ff57b8
support.type.object.dom#ff73bf
support.variable.dom,support.variable.property.dom#ab85ff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff73bf
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#ff57b8
punctuation.separator.delimiter#fefefe
punctuation.separator.c,punctuation.separator.cpp#ff57b8
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff73bf
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff57b8
variable.parameter.function.language.python#2bfd71
support.type.python#ff73bf
keyword.operator.logical.python#ff57b8
variable.parameter.function.python#2bfd71
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#fefefe
meta.function-call.generic.python#e7b46e
constant.character.format.placeholder.other.python#2bfd71
keyword.operator#fefefe
keyword.operator.assignment.compound#ff57b8
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff73bf
keyword#ff57b8
entity.name.namespace#62f2da
variable#ab85ff
variable.c#fefefe
variable.language#62f2da
token.variable.parameter.java#fefefe
import.storage.java#62f2da
token.package.keyword#ff57b8
token.package#fefefe
entity.name.function, meta.require, support.function.any-method, variable.function#e7b46e
entity.name.type.namespace#62f2da
support.class, entity.name.type.class#62f2da
entity.name.class.identifier.namespace.type#62f2da
entity.name.class, variable.other.class.js, variable.other.class.ts#62f2da
variable.other.class.php#ab85ff
entity.name.type#62f2da
keyword.control#ff57b8
control.elements, keyword.operator.less#2bfd71
keyword.other.special-method#e7b46e
storage#ff57b8
token.storage#ff57b8
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#ff57b8
token.storage.type.java#62f2da
support.function#ff73bf
support.type.property-name#fefefe
support.constant.property-value#fefefe
support.constant.font-name#2bfd71
meta.tag#fefefe
string#d0d067
entity.other.inherited-class#62f2da
constant.other.symbol#ff73bf
constant.numeric#2bfd71
constant#2bfd71
punctuation.definition.constant#2bfd71
entity.name.tag#ab85ff
entity.other.attribute-name#2bfd71
entity.other.attribute-name.id#e7b46enormal
entity.other.attribute-name.class.css#2bfd71normal
meta.selector#ff57b8
markup.heading#ab85ff
markup.heading punctuation.definition.heading, entity.name.section#e7b46e
keyword.other.unit#ab85ff
markup.bold,todo.bold#2bfd71
punctuation.definition.bold#62f2da
markup.italic, punctuation.definition.italic,todo.emphasis#ff57b8
emphasis md#ff57b8
entity.name.section.markdown#ab85ff
punctuation.definition.heading.markdown#ab85ff
punctuation.definition.list.begin.markdown#ab85ff
markup.heading.setext#fefefe
punctuation.definition.bold.markdown#2bfd71
markup.inline.raw.markdown#d0d067
markup.inline.raw.string.markdown#d0d067
punctuation.definition.list.markdown#ab85ff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ab85ff
beginning.punctuation.definition.list.markdown#ab85ff
punctuation.definition.metadata.markdown#ab85ff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff57b8
string.other.link.title.markdown,string.other.link.description.markdown#e7b46e
string.regexp#ff73bf
constant.character.escape#ff73bf
punctuation.section.embedded, variable.interpolation#ab85ff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff57b8
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#fefefe
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ab85ff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ab85ff
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#d0d067
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff73bf
support.type.property-name.json#ab85ff
support.type.property-name.json punctuation#ab85ff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff57b8
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff57b8
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#62f2da
keyword.operator.error-control.php#ff57b8
keyword.operator.type.php#ff57b8
punctuation.section.array.begin.php#fefefe
punctuation.section.array.end.php#fefefe
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#62f2da
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#e7b46e
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#fefefe
support.constant.core.rust#2bfd71
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#2bfd71
entity.name.goto-label.php,support.other.php#e7b46e
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff73bf
keyword.operator.regexp.php#ff57b8
keyword.operator.comparison.php#ff73bf
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff57b8
meta.function.decorator.python#e7b46e
support.token.decorator.python,meta.function.decorator.identifier.python#ff73bf
function.parameter#fefefe
function.brace#fefefe
function.parameter.ruby, function.parameter.cs#fefefe
constant.language.symbol.ruby#ff73bf
rgb-value#ff73bf
inline-color-decoration rgb-value#2bfd71
less rgb-value#2bfd71
selector.sass#ab85ff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#62f2da
block.scope.end,block.scope.begin#fefefe
storage.type.cs#62f2da
entity.name.variable.local.cs#ab85ff
token.info-token#e7b46e
token.warn-token#2bfd71
token.error-token#f44747
token.debug-token#ff57b8
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff57b8
meta.template.expression#fefefe
keyword.operator.module#ff57b8
support.type.type.flowtype#e7b46e
support.type.primitive#62f2da
meta.property.object#ab85ff
variable.parameter.function.js#ab85ff
keyword.other.template.begin#d0d067
keyword.other.template.end#d0d067
keyword.other.substitution.begin#d0d067
keyword.other.substitution.end#d0d067
keyword.operator.assignment#ff73bf
keyword.operator.assignment.go#62f2da
keyword.operator.arithmetic.go, keyword.operator.address.go#ff57b8
entity.name.package.go#62f2da
support.type.prelude.elm#ff73bf
support.constant.elm#2bfd71
punctuation.quasi.element#ff57b8
constant.character.entity#ab85ff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff73bf
entity.global.clojure#62f2da
meta.symbol.clojure#ab85ff
constant.keyword.clojure#ff73bf
meta.arguments.coffee, variable.parameter.function.coffee#ab85ff
source.ini#d0d067
meta.scope.prerequisites.makefile#ab85ff
source.makefile#62f2da
storage.modifier.import.groovy#62f2da
meta.method.groovy#e7b46e
meta.definition.variable.name.groovy#ab85ff
meta.definition.class.inherited.classes.groovy#d0d067
support.variable.semantic.hlsl#62f2da
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#ff57b8
text.variable, text.bracketed#ab85ff
support.type.swift, support.type.vb.asp#62f2da
entity.name.function.xi#62f2da
entity.name.class.xi#ff73bf
constant.character.character-class.regexp.xi#ab85ff
constant.regexp.xi#ff57b8
keyword.control.xi#ff73bf
invalid.xi#fefefe
beginning.punctuation.definition.quote.markdown.xi#d0d067
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#e7b46e
accent.xi#e7b46e
wikiword.xi#2bfd71
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#62f2da
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ab85ff
meta.brace.square#fefefe
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#fefefe
constant.language.symbol.elixir#ff73bf
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...

Alucard by Alucard Sotn - VS Code Theme