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#000815
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#030c1b
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#1c2134
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#00060f
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#00060f
  • debugToolBar.border#47474700
  • diffEditor.border#303132
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1c2134
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#030c1b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • 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#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#030c1b
  • editorGroupHeader.tabsBackground#000815
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#030c1b
  • editorGutter.commentRangeForeground#a179fb
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#a179fb
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#00060f
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#c4c4c4
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#00060f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#00060f
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#00060f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f00
  • focusBorder#e8e8e860
  • 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#1c2134
  • 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#00050d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#09477160
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#094771
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#00060f
  • menu.border#00000000
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb24
  • 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#030c1b
  • 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#000815
  • 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#3f3f4600
  • pickerGroup.foreground#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#00060f
  • scrollbarSlider.hoverBackground#00050d
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000815
  • sideBar.border#ff000000
  • sideBar.dropBackground#00050d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#391343
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000308
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#00112a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.inactiveBackground#000815
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#000815
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#58585800
  • 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#9cdcfe
variable.other.generic-type.haskell#fc60a1
storage.type.haskell#fb5474
support.variable.magic.python#9cdcfe
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#66ffb4
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#f7ea85
entity.name.lifetime.rust#66ffb4
variable.language.rust#9cdcfe
support.constant.edge#fc60a1
constant.other.character-class.regexp#9cdcfe
keyword.operator.quantifier.regexp#fb5474
punctuation.definition.string.begin,punctuation.definition.string.end#d0cbeb
variable.parameter.function#ffffff
comment markup.link#7f848e
markup.changed.diff#66ffb4
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f7ea85
markup.inserted.diff#d0cbeb
markup.deleted.diff#9cdcfe
meta.function.c,meta.function.cpp#9cdcfe
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#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#f7ea85
support.constant.math#66ffb4
support.constant.property.math#fb5474
variable.other.constant#66ffb4
storage.type.annotation.java, storage.type.object.array.java#66ffb4
source.java#9cdcfe
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#ffffff
meta.method.java#f7ea85
storage.modifier.import.java,storage.type.java,storage.type.generic.java#66ffb4
keyword.operator.instanceof.java#fc60a1
meta.definition.variable.name.java#9cdcfe
keyword.operator.logical#f88c65
keyword.operator.bitwise#f88c65
keyword.operator.channel#f88c65
support.constant.property-value.scss,support.constant.property-value.css#fb5474
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f88c65
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#fb5474
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#fb5474
support.type.vendored.property-name.css#f88c65
support.module.node,support.type.object.module,support.module.node#66ffb4
entity.name.type.module#66ffb4
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#9cdcfe
support.constant.json#fb5474
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fc60a1
support.type.object.console#9cdcfe
support.variable.property.process#fb5474
entity.name.function,support.function.console#f7ea85
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#fc60a1
keyword.operator.delete#fc60a1
support.type.object.dom#f88c65
support.variable.dom,support.variable.property.dom#9cdcfe
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f88c65
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#fc60a1
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#fc60a1
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f88c65
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fc60a1
variable.parameter.function.language.python#fb5474
support.type.python#f88c65
keyword.operator.logical.python#fc60a1
variable.parameter.function.python#fb5474
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#f7ea85
constant.character.format.placeholder.other.python#fb5474
keyword.operator#ffffff
keyword.operator.assignment.compound#fc60a1
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f88c65
keyword#fc60a1
entity.name.namespace#66ffb4
variable#9cdcfe
variable.c#ffffff
variable.language#66ffb4
token.variable.parameter.java#ffffff
import.storage.java#66ffb4
token.package.keyword#fc60a1
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#f7ea85
entity.name.type.namespace#66ffb4
support.class, entity.name.type.class#66ffb4
entity.name.class.identifier.namespace.type#66ffb4
entity.name.class, variable.other.class.js, variable.other.class.ts#66ffb4
variable.other.class.php#9cdcfe
entity.name.type#66ffb4
keyword.control#fc60a1
control.elements, keyword.operator.less#fb5474
keyword.other.special-method#f7ea85
storage#fc60a1
token.storage#fc60a1
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#fc60a1
token.storage.type.java#66ffb4
support.function#f88c65
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#fb5474
meta.tag#ffffff
string#d0cbeb
entity.other.inherited-class#66ffb4
constant.other.symbol#f88c65
constant.numeric#fb5474
constant#fb5474
punctuation.definition.constant#fb5474
entity.name.tag#9cdcfe
entity.other.attribute-name#fb5474
entity.other.attribute-name.id#f7ea85
entity.other.attribute-name.class.css#fb5474
meta.selector#fc60a1
markup.heading#9cdcfe
markup.heading punctuation.definition.heading, entity.name.section#f7ea85
keyword.other.unit#9cdcfe
markup.bold,todo.bold#fb5474
punctuation.definition.bold#66ffb4
markup.italic, punctuation.definition.italic,todo.emphasis#fc60a1
emphasis md#fc60a1
entity.name.section.markdown#9cdcfe
punctuation.definition.heading.markdown#9cdcfe
punctuation.definition.list.begin.markdown#9cdcfe
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#fb5474
markup.inline.raw.markdown#d0cbeb
markup.inline.raw.string.markdown#d0cbeb
punctuation.definition.list.markdown#9cdcfe
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#9cdcfe
beginning.punctuation.definition.list.markdown#9cdcfe
punctuation.definition.metadata.markdown#9cdcfe
markup.underline.link.markdown,markup.underline.link.image.markdown#fc60a1
string.other.link.title.markdown,string.other.link.description.markdown#f7ea85
string.regexp#f88c65
constant.character.escape#f88c65
punctuation.section.embedded, variable.interpolation#9cdcfe
punctuation.section.embedded.begin,punctuation.section.embedded.end#fc60a1
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#9cdcfe
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#9cdcfe
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#d0cbeb
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f88c65
support.type.property-name.json#9cdcfe
support.type.property-name.json punctuation#9cdcfe
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fc60a1
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fc60a1
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#66ffb4
keyword.operator.error-control.php#fc60a1
keyword.operator.type.php#fc60a1
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#66ffb4
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f7ea85
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#ffffff
support.constant.core.rust#fb5474
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#fb5474
entity.name.goto-label.php,support.other.php#f7ea85
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f88c65
keyword.operator.regexp.php#fc60a1
keyword.operator.comparison.php#f88c65
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fc60a1
meta.function.decorator.python#f7ea85
support.token.decorator.python,meta.function.decorator.identifier.python#f88c65
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#f88c65
rgb-value#f88c65
inline-color-decoration rgb-value#fb5474
less rgb-value#fb5474
selector.sass#9cdcfe
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#66ffb4
block.scope.end,block.scope.begin#ffffff
storage.type.cs#66ffb4
entity.name.variable.local.cs#9cdcfe
token.info-token#f7ea85
token.warn-token#fb5474
token.error-token#f44747
token.debug-token#fc60a1
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fc60a1
meta.template.expression#ffffff
keyword.operator.module#fc60a1
support.type.type.flowtype#f7ea85
support.type.primitive#66ffb4
meta.property.object#9cdcfe
variable.parameter.function.js#9cdcfe
keyword.other.template.begin#d0cbeb
keyword.other.template.end#d0cbeb
keyword.other.substitution.begin#d0cbeb
keyword.other.substitution.end#d0cbeb
keyword.operator.assignment#f88c65
keyword.operator.assignment.go#66ffb4
keyword.operator.arithmetic.go, keyword.operator.address.go#fc60a1
entity.name.package.go#66ffb4
support.type.prelude.elm#f88c65
support.constant.elm#fb5474
punctuation.quasi.element#fc60a1
constant.character.entity#9cdcfe
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f88c65
entity.global.clojure#66ffb4
meta.symbol.clojure#9cdcfe
constant.keyword.clojure#f88c65
meta.arguments.coffee, variable.parameter.function.coffee#9cdcfe
source.ini#d0cbeb
meta.scope.prerequisites.makefile#9cdcfe
source.makefile#66ffb4
storage.modifier.import.groovy#66ffb4
meta.method.groovy#f7ea85
meta.definition.variable.name.groovy#9cdcfe
meta.definition.class.inherited.classes.groovy#d0cbeb
support.variable.semantic.hlsl#66ffb4
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#fc60a1
text.variable, text.bracketed#9cdcfe
support.type.swift, support.type.vb.asp#66ffb4
entity.name.function.xi#66ffb4
entity.name.class.xi#f88c65
constant.character.character-class.regexp.xi#9cdcfe
constant.regexp.xi#fc60a1
keyword.control.xi#f88c65
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#d0cbeb
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#f7ea85
accent.xi#f7ea85
wikiword.xi#fb5474
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#66ffb4
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#9cdcfe
meta.brace.square#ffffff
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#f88c65
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...

Themarro by aelmessaarab - VS Code Theme