Skip to main content
Coding Theme

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#151517
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#d32e2e
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1a1a1b
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#194d7b
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#1a1a1b
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#303032
  • debugExceptionWidget.border#474747
  • debugToolBar.background#303032
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#b98d5533
  • diffEditor.removedTextBackground#b62e4e33
  • dropdown.background#1a1a1b
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#151517
  • editor.findMatchBackground#363f4b
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#b2422855
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#272728
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#2e2e36
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#51657b
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#244a60b8
  • 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#151517
  • editorGroupHeader.tabsBackground#2b2b2e
  • editorGroupHeader.tabsBorder#4c4f54
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#00000030
  • 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#202021
  • 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#298acb
  • editorSuggestWidget.selectedBackground#20314b
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#425d80
  • foreground#aab8c0
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#8686ea
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#aab8c0
  • input.background#1a1a1b
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#243e56
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#1e3e56
  • 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#254062
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb48
  • 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#151517
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#363f4b
  • minimap.selectionHighlight#2e2e36
  • 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#1a1a1b
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#265c80
  • peekViewEditor.background#172132
  • peekViewEditor.matchHighlightBackground#56391599
  • peekViewEditor.matchHighlightBorder#885e29
  • peekViewEditorGutter.background#111928
  • 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#639ee2
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#315e86
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#aab8c0
  • sideBar.background#171719
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1a1a1b
  • statusBar.debuggingBackground#4f1823
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#2b1756
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0b0b0d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1a1a1b
  • tab.activeBorder#00000000
  • tab.activeBorderTop#3861add3
  • tab.activeForeground#6fb8f9
  • tab.border#191919
  • tab.inactiveBackground#2b2b2e
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#717171
  • 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#136bba
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1a1a1b
  • 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#ff5c68
variable.other.generic-type.haskell#d271ee
storage.type.haskell#f7934a
support.variable.magic.python#ff5c68
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#f9f667
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#7791f7
entity.name.lifetime.rust#f9f667
variable.language.rust#ff5c68
support.constant.edge#d271ee
constant.other.character-class.regexp#ff5c68
keyword.operator.quantifier.regexp#f7934a
punctuation.definition.string.begin,punctuation.definition.string.end#71e062
variable.parameter.function#d4d4d4
comment markup.link#65686f
markup.changed.diff#f9f667
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#7791f7
markup.inserted.diff#71e062
markup.deleted.diff#ff5c68
meta.function.c,meta.function.cpp#ff5c68
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#7791f7
support.constant.math#f9f667
support.constant.property.math#f7934a
variable.other.constant#f9f667
storage.type.annotation.java, storage.type.object.array.java#f9f667
source.java#ff5c68
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#d4d4d4
meta.method.java#7791f7
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f9f667
keyword.operator.instanceof.java#d271ee
meta.definition.variable.name.java#ff5c68
keyword.operator.logical#73cad5
keyword.operator.bitwise#73cad5
keyword.operator.channel#73cad5
support.constant.property-value.scss,support.constant.property-value.css#f7934a
keyword.operator.css,keyword.operator.scss,keyword.operator.less#73cad5
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f7934a
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#f7934a
support.type.vendored.property-name.css#73cad5
support.module.node,support.type.object.module,support.module.node#f9f667
entity.name.type.module#f9f667
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff5c68
support.constant.json#f7934a
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#d271ee
support.type.object.console#ff5c68
support.variable.property.process#f7934a
entity.name.function,support.function.console#7791f7
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#d271ee
keyword.operator.delete#d271ee
support.type.object.dom#73cad5
support.variable.dom,support.variable.property.dom#ff5c68
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#73cad5
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#d271ee
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#d271ee
support.type.posix-reserved.c,support.type.posix-reserved.cpp#73cad5
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#d271ee
variable.parameter.function.language.python#f7934a
support.type.python#73cad5
keyword.operator.logical.python#d271ee
variable.parameter.function.python#f7934a
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#7791f7
constant.character.format.placeholder.other.python#f7934a
keyword.operator#d4d4d4
keyword.operator.assignment.compound#d271ee
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#73cad5
keyword#d271ee
entity.name.namespace#f9f667
variable#ff5c68
variable.c#d4d4d4
variable.language#f9f667
token.variable.parameter.java#d4d4d4
import.storage.java#f9f667
token.package.keyword#d271ee
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#7791f7
entity.name.type.namespace#f9f667
support.class, entity.name.type.class#f9f667
entity.name.class.identifier.namespace.type#f9f667
entity.name.class, variable.other.class.js, variable.other.class.ts#f9f667
variable.other.class.php#ff5c68
entity.name.type#f9f667
keyword.control#d271ee
control.elements, keyword.operator.less#f7934a
keyword.other.special-method#7791f7
storage#d271ee
token.storage#d271ee
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#d271ee
token.storage.type.java#f9f667
support.function#73cad5
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#f7934a
meta.tag#d4d4d4
string#71e062
entity.other.inherited-class#f9f667
constant.other.symbol#73cad5
constant.numeric#f7934a
constant#f7934a
punctuation.definition.constant#f7934a
entity.name.tag#ff5c68
entity.other.attribute-name#f7934a
entity.other.attribute-name.id#7791f7normal
entity.other.attribute-name.class.css#f7934anormal
meta.selector#d271ee
markup.heading#ff5c68
markup.heading punctuation.definition.heading, entity.name.section#7791f7
keyword.other.unit#ff5c68
markup.bold,todo.bold#f7934a
punctuation.definition.bold#f9f667
markup.italic, punctuation.definition.italic,todo.emphasis#d271ee
emphasis md#d271ee
entity.name.section.markdown#ff5c68
punctuation.definition.heading.markdown#ff5c68
punctuation.definition.list.begin.markdown#ff5c68
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#f7934a
markup.inline.raw.markdown#71e062
markup.inline.raw.string.markdown#71e062
punctuation.definition.list.markdown#ff5c68
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff5c68
beginning.punctuation.definition.list.markdown#ff5c68
punctuation.definition.metadata.markdown#ff5c68
markup.underline.link.markdown,markup.underline.link.image.markdown#d271ee
string.other.link.title.markdown,string.other.link.description.markdown#7791f7
string.regexp#73cad5
constant.character.escape#73cad5
punctuation.section.embedded, variable.interpolation#ff5c68
punctuation.section.embedded.begin,punctuation.section.embedded.end#d271ee
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff5c68
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff5c68
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#71e062
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#73cad5
support.type.property-name.json#ff5c68
support.type.property-name.json punctuation#ff5c68
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#d271ee
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#d271ee
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f9f667
keyword.operator.error-control.php#d271ee
keyword.operator.type.php#d271ee
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f9f667
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#7791f7
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#d4d4d4
support.constant.core.rust#f7934a
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f7934a
entity.name.goto-label.php,support.other.php#7791f7
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#73cad5
keyword.operator.regexp.php#d271ee
keyword.operator.comparison.php#73cad5
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#d271ee
meta.function.decorator.python#7791f7
support.token.decorator.python,meta.function.decorator.identifier.python#73cad5
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#73cad5
rgb-value#73cad5
inline-color-decoration rgb-value#f7934a
less rgb-value#f7934a
selector.sass#ff5c68
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f9f667
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#f9f667
entity.name.variable.local.cs#ff5c68
token.info-token#7791f7
token.warn-token#f7934a
token.error-token#f44747
token.debug-token#d271ee
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#d271ee
meta.template.expression#d4d4d4
keyword.operator.module#d271ee
support.type.type.flowtype#7791f7
support.type.primitive#f9f667
meta.property.object#ff5c68
variable.parameter.function.js#ff5c68
keyword.other.template.begin#71e062
keyword.other.template.end#71e062
keyword.other.substitution.begin#71e062
keyword.other.substitution.end#71e062
keyword.operator.assignment#73cad5
keyword.operator.assignment.go#f9f667
keyword.operator.arithmetic.go, keyword.operator.address.go#d271ee
entity.name.package.go#f9f667
support.type.prelude.elm#73cad5
support.constant.elm#f7934a
punctuation.quasi.element#d271ee
constant.character.entity#ff5c68
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#73cad5
entity.global.clojure#f9f667
meta.symbol.clojure#ff5c68
constant.keyword.clojure#73cad5
meta.arguments.coffee, variable.parameter.function.coffee#ff5c68
source.ini#71e062
meta.scope.prerequisites.makefile#ff5c68
source.makefile#f9f667
storage.modifier.import.groovy#f9f667
meta.method.groovy#7791f7
meta.definition.variable.name.groovy#ff5c68
meta.definition.class.inherited.classes.groovy#71e062
support.variable.semantic.hlsl#f9f667
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#d271ee
text.variable, text.bracketed#ff5c68
support.type.swift, support.type.vb.asp#f9f667
entity.name.function.xi#f9f667
entity.name.class.xi#73cad5
constant.character.character-class.regexp.xi#ff5c68
constant.regexp.xi#d271ee
keyword.control.xi#73cad5
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#71e062
beginning.punctuation.definition.list.markdown.xi#65686f
constant.character.xi#7791f7
accent.xi#7791f7
wikiword.xi#f7934a
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#65686f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#f9f667
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff5c68
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#65686fitalic
markup.quote.markdown#65686f
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#73cad5
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...