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#681f96
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#007acc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#2b1c3b
  • 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#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#2b1c3b
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#f2f2f2
  • 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#444444
  • editorGroup.emptyBackground#2b1c3b
  • editorGroupHeader.tabsBackground#2b1c3b
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#2b1c3b
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • 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#c6c6c6
  • editorLineNumber.foreground#858585
  • 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#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2d1d34
  • 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#221a2a
  • 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#2b1c3b
  • 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#2b1c3b
  • 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#3794ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#256aa7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#471160
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#481162
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#571966
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#37244b
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#2b1c3b
  • 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#2b1c3b
  • 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#c56fff
variable.other.generic-type.haskell#f8a7ff
storage.type.haskell#dec921
support.variable.magic.python#c56fff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f2f2f2
variable.parameter.function.language.special.self.python#d300ff
storage.modifier.lifetime.rust#f2f2f2
support.function.std.rust#0087ff
entity.name.lifetime.rust#d300ff
variable.language.rust#c56fff
support.constant.edge#f8a7ff
constant.other.character-class.regexp#c56fff
keyword.operator.quantifier.regexp#dec921
punctuation.definition.string.begin,punctuation.definition.string.end#ffc780
variable.parameter.function#f2f2f2
comment markup.link#868686
markup.changed.diff#d300ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#0087ff
markup.inserted.diff#ffc780
markup.deleted.diff#c56fff
meta.function.c,meta.function.cpp#c56fff
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#f2f2f2
punctuation.separator.key-value#f2f2f2
keyword.operator.expression.import#0087ff
support.constant.math#d300ff
support.constant.property.math#dec921
variable.other.constant#d300ff
storage.type.annotation.java, storage.type.object.array.java#d300ff
source.java#c56fff
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#f2f2f2
meta.method.java#0087ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d300ff
keyword.operator.instanceof.java#f8a7ff
meta.definition.variable.name.java#c56fff
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#dec921
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56b6c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#dec921
punctuation.separator.list.comma.css#f2f2f2
support.constant.color.w3c-standard-color-name.css#dec921
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#d300ff
entity.name.type.module#d300ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#c56fff
support.constant.json#dec921
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f8a7ff
support.type.object.console#c56fff
support.variable.property.process#dec921
entity.name.function,support.function.console#0087ff
keyword.operator.misc.rust#f2f2f2
keyword.operator.sigil.rust#f8a7ff
keyword.operator.delete#f8a7ff
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#c56fff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56b6c2
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#f8a7ff
punctuation.separator.delimiter#f2f2f2
punctuation.separator.c,punctuation.separator.cpp#f8a7ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f8a7ff
variable.parameter.function.language.python#dec921
support.type.python#56b6c2
keyword.operator.logical.python#f8a7ff
variable.parameter.function.python#dec921
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f2f2f2
meta.function-call.generic.python#0087ff
constant.character.format.placeholder.other.python#dec921
keyword.operator#f2f2f2
keyword.operator.assignment.compound#f8a7ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#f8a7ff
entity.name.namespace#d300ff
variable#c56fff
variable.c#f2f2f2
variable.language#d300ff
token.variable.parameter.java#f2f2f2
import.storage.java#d300ff
token.package.keyword#f8a7ff
token.package#f2f2f2
entity.name.function, meta.require, support.function.any-method, variable.function#0087ff
entity.name.type.namespace#d300ff
support.class, entity.name.type.class#d300ff
entity.name.class.identifier.namespace.type#d300ff
entity.name.class, variable.other.class.js, variable.other.class.ts#d300ff
variable.other.class.php#c56fff
entity.name.type#d300ff
keyword.control#f8a7ff
control.elements, keyword.operator.less#dec921
keyword.other.special-method#0087ff
storage#f8a7ff
token.storage#f8a7ff
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#f8a7ff
token.storage.type.java#d300ff
support.function#56b6c2
support.type.property-name#f2f2f2
support.constant.property-value#f2f2f2
support.constant.font-name#dec921
meta.tag#f2f2f2
string#ffc780
entity.other.inherited-class#d300ff
constant.other.symbol#56b6c2
constant.numeric#dec921
constant#dec921
punctuation.definition.constant#dec921
entity.name.tag#c56fff
entity.other.attribute-name#dec921
entity.other.attribute-name.id#0087ffnormal
entity.other.attribute-name.class.css#dec921normal
meta.selector#f8a7ff
markup.heading#c56fff
markup.heading punctuation.definition.heading, entity.name.section#0087ff
keyword.other.unit#c56fff
markup.bold,todo.bold#dec921
punctuation.definition.bold#d300ff
markup.italic, punctuation.definition.italic,todo.emphasis#f8a7ff
emphasis md#f8a7ff
entity.name.section.markdown#c56fff
punctuation.definition.heading.markdown#c56fff
punctuation.definition.list.begin.markdown#c56fff
markup.heading.setext#f2f2f2
punctuation.definition.bold.markdown#dec921
markup.inline.raw.markdown#ffc780
markup.inline.raw.string.markdown#ffc780
punctuation.definition.list.markdown#c56fff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#c56fff
beginning.punctuation.definition.list.markdown#c56fff
punctuation.definition.metadata.markdown#c56fff
markup.underline.link.markdown,markup.underline.link.image.markdown#f8a7ff
string.other.link.title.markdown,string.other.link.description.markdown#0087ff
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#c56fff
punctuation.section.embedded.begin,punctuation.section.embedded.end#f8a7ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f2f2f2
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#c56fff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#c56fff
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#ffc780
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#c56fff
support.type.property-name.json punctuation#c56fff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f8a7ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f8a7ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d300ff
keyword.operator.error-control.php#f8a7ff
keyword.operator.type.php#f8a7ff
punctuation.section.array.begin.php#f2f2f2
punctuation.section.array.end.php#f2f2f2
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d300ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#0087ff
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#f2f2f2
support.constant.core.rust#dec921
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#dec921
entity.name.goto-label.php,support.other.php#0087ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#f8a7ff
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f8a7ff
meta.function.decorator.python#0087ff
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#f2f2f2
function.brace#f2f2f2
function.parameter.ruby, function.parameter.cs#f2f2f2
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#dec921
less rgb-value#dec921
selector.sass#c56fff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d300ff
block.scope.end,block.scope.begin#f2f2f2
storage.type.cs#d300ff
entity.name.variable.local.cs#c56fff
token.info-token#0087ff
token.warn-token#dec921
token.error-token#f44747
token.debug-token#f8a7ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f8a7ff
meta.template.expression#f2f2f2
keyword.operator.module#f8a7ff
support.type.type.flowtype#0087ff
support.type.primitive#d300ff
meta.property.object#c56fff
variable.parameter.function.js#c56fff
keyword.other.template.begin#ffc780
keyword.other.template.end#ffc780
keyword.other.substitution.begin#ffc780
keyword.other.substitution.end#ffc780
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#d300ff
keyword.operator.arithmetic.go, keyword.operator.address.go#f8a7ff
entity.name.package.go#d300ff
support.type.prelude.elm#56b6c2
support.constant.elm#dec921
punctuation.quasi.element#f8a7ff
constant.character.entity#c56fff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#d300ff
meta.symbol.clojure#c56fff
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#c56fff
source.ini#ffc780
meta.scope.prerequisites.makefile#c56fff
source.makefile#d300ff
storage.modifier.import.groovy#d300ff
meta.method.groovy#0087ff
meta.definition.variable.name.groovy#c56fff
meta.definition.class.inherited.classes.groovy#ffc780
support.variable.semantic.hlsl#d300ff
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#f8a7ff
text.variable, text.bracketed#c56fff
support.type.swift, support.type.vb.asp#d300ff
entity.name.function.xi#d300ff
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#c56fff
constant.regexp.xi#f8a7ff
keyword.control.xi#56b6c2
invalid.xi#f2f2f2
beginning.punctuation.definition.quote.markdown.xi#ffc780
beginning.punctuation.definition.list.markdown.xi#868686
constant.character.xi#0087ff
accent.xi#0087ff
wikiword.xi#dec921
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#868686
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d300ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#c56fff
meta.brace.square#f2f2f2
comment, punctuation.definition.comment#868686italic
markup.quote.markdown#868686
punctuation.definition.block.sequence.item.yaml#f2f2f2
constant.language.symbol.elixir#56b6c2
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...

Yes Girls Can Theme by steminist.ua - VS Code Theme