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.activeBackground#262121
  • activityBar.background#1f1a1a
  • activityBar.border#1d1818
  • activityBar.foreground#84b08f
  • activityBar.inactiveForeground#848885
  • activityBarBadge.background#a55e90
  • activityBarBadge.foreground#ffffff
  • badge.background#a55e90
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1d1818
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#b6c0b8
  • button.background#3ba556
  • button.foreground#ffffff
  • button.hoverBackground#427b50
  • button.secondaryBackground#333838
  • button.secondaryForeground#cdcdcd
  • button.secondaryHoverBackground#2e3232
  • checkbox.background#ffffff00
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#252526
  • debugExceptionWidget.border#ffffff00
  • debugToolBar.background#252526
  • debugToolBar.border#ffffff00
  • diffEditor.border#47584b
  • diffEditor.insertedTextBackground#6d9f792e
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#b4707036
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#ffffff00
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1d1818
  • editor.findMatchBackground#8397885e
  • editor.findMatchBorder#839788
  • editor.findMatchHighlightBackground#88a58f99
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#4f3e376a
  • editor.foreground#92c49f
  • editor.hoverHighlightBackground#83978f95
  • editor.inactiveSelectionBackground#ffffff12
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#2a2a2a
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffffff22
  • editor.selectionHighlightBackground#a0eeb32e
  • editor.selectionHighlightBorder#839788
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#749b7d74
  • editorBracketMatch.background#62d1791a
  • editorBracketMatch.border#839788
  • editorCodeLens.foreground#b4a1a142
  • editorCursor.background#ffffffa9
  • editorCursor.foreground#ffffff22
  • editorError.background#b73a3400
  • editorError.border#ffffff00
  • editorError.foreground#823a3a
  • editorGroup.border#47584b
  • editorGroup.emptyBackground#1d1818
  • editorGroupHeader.border#d3d3d30e
  • editorGroupHeader.tabsBackground#151111
  • editorGutter.addedBackground#4c6653
  • editorGutter.background#1d1818
  • editorGutter.commentRangeForeground#c5c5c54c
  • editorGutter.deletedBackground#5c2e30
  • editorGutter.foldingControlForeground#c5c5c54c
  • editorGutter.modifiedBackground#375158
  • editorHoverWidget.background#282828
  • editorHoverWidget.border#383838
  • editorHoverWidget.foreground#cccccc50
  • editorIndentGuide.activeBackground#ffffff56
  • editorIndentGuide.background#ffffff1e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#839788
  • editorLineNumber.activeForeground#d78461
  • editorLineNumber.foreground#4f3e37
  • editorLink.activeForeground#839788
  • editorMarkerNavigation.background#444b44
  • editorMarkerNavigationError.background#6b3333
  • editorMarkerNavigationInfo.background#245656
  • editorMarkerNavigationWarning.background#9b8839
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#0000004a
  • editorRuler.foreground#ffffff1e
  • editorSuggestWidget.background#252626
  • editorSuggestWidget.border#2e2c2c
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#839788
  • editorSuggestWidget.selectedBackground#382a2d
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#7b7969
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#4d5a50
  • foreground#839788
  • 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#839788
  • input.background#ffffff00
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#899289
  • inputOption.activeBackground#ffffff08
  • inputOption.activeBorder#3f2237
  • inputOption.activeForeground#b6b6b6
  • list.activeSelectionBackground#8397881a
  • list.activeSelectionForeground#a9d1b3
  • list.dropBackground#8397881a
  • list.focusBackground#382a2d
  • list.focusForeground#d4d4d4
  • list.highlightForeground#839788
  • list.hoverBackground#382a2d
  • list.hoverForeground#cfe4d4
  • list.inactiveSelectionBackground#1d181860
  • list.inactiveSelectionForeground#829b88
  • listFilterWidget.background#4b3b33
  • listFilterWidget.noMatchesOutline#737745
  • listFilterWidget.outline#00000000
  • menu.background#1f1a1a
  • menu.border#00000014
  • menu.foreground#8a948d
  • menu.selectionBackground#382a2d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#adcbb5
  • menu.separatorBackground#2e2e2e
  • menubar.selectionBackground#ffffff12
  • menubar.selectionBorder#f70e0e00
  • menubar.selectionForeground#adcbb5
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#4b6852
  • merge.currentHeaderBackground#669471
  • merge.incomingContentBackground#623f3f
  • merge.incomingHeaderBackground#9d6161
  • minimap.background#1d1818
  • minimap.errorHighlight#823a3a
  • minimap.findMatchHighlight#8397885e
  • minimap.selectionHighlight#ffffff22
  • minimap.warningHighlight#7b7969
  • minimapGutter.addedBackground#4c6653
  • minimapGutter.deletedBackground#5c2e30
  • minimapGutter.modifiedBackground#375158
  • notificationCenter.border#25252600
  • notificationCenterHeader.background#333334
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#25252600
  • panel.background#1d1818
  • panel.border#47584b
  • panelSection.border#47584b
  • panelTitle.activeBorder#43624a
  • panelTitle.activeForeground#946887
  • panelTitle.inactiveForeground#beafaf99
  • peekView.border#839788
  • peekViewEditor.background#1f2a21
  • peekViewEditor.matchHighlightBackground#606b62
  • peekViewEditor.matchHighlightBorder#c7bcac
  • peekViewEditorGutter.background#1f2a21
  • peekViewResult.background#1f1d1d
  • peekViewResult.fileForeground#969696
  • peekViewResult.lineForeground#84ad8f
  • peekViewResult.matchHighlightBackground#38413a87
  • peekViewResult.selectionBackground#83978830
  • peekViewResult.selectionForeground#e5ffec
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#a9a9a9b3
  • peekViewTitleLabel.foreground#8ade9c87
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#84bc92
  • progressBar.background#839788
  • scrollbar.shadow#111312
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#839788
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#839788
  • sideBar.background#151111
  • sideBar.border#c9313100
  • sideBar.dropBackground#8397881a
  • sideBar.foreground#cfe4d4c5
  • sideBarSectionHeader.background#1d1818
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#cfe4d468
  • sideBarTitle.foreground#cfe4d4
  • statusBar.background#171313
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#2e281f
  • statusBar.debuggingBorder#ff000000
  • statusBar.debuggingForeground#8f9f78
  • statusBar.foreground#a9869f
  • statusBar.noFolderBackground#161d189d
  • statusBar.noFolderForeground#906d6d
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#84b08f00
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1d1818
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#cfe4d4
  • tab.border#ffffff1c
  • tab.hoverBackground#241f1f
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#cfe4d4
  • tab.inactiveBackground#151111
  • tab.inactiveForeground#ffeeee80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#43678e
  • terminal.ansiBrightBlack#7d7a7a
  • terminal.ansiBrightBlue#425c79
  • terminal.ansiBrightCyan#1a6779
  • terminal.ansiBrightGreen#199664
  • terminal.ansiBrightMagenta#a75aa7
  • terminal.ansiBrightRed#ba5c5c
  • terminal.ansiBrightWhite#e6e6e6
  • terminal.ansiBrightYellow#e8e866
  • terminal.ansiCyan#2e6c7b
  • terminal.ansiGreen#207957
  • terminal.ansiMagenta#993299
  • terminal.ansiRed#8c3333
  • terminal.ansiWhite#bababa
  • terminal.ansiYellow#a3a331
  • terminal.border#47584b
  • terminal.foreground#d1d1d1
  • terminal.selectionBackground#5e57573a
  • terminalCursor.background#3a3d4166
  • terminalCursor.foreground#ffffff
  • textLink.foreground#298c50
  • titleBar.activeBackground#171313
  • titleBar.activeForeground#849b8a
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1f1a1a
  • titleBar.inactiveForeground#a1baa7
  • tree.indentGuidesStroke#3d3a37
  • 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#a39aad
variable.other.generic-type.haskell#a55e90
storage.type.haskell#97c9a4
support.variable.magic.python#a39aad
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#92c49f
variable.parameter.function.language.special.self.python#bdc46f
storage.modifier.lifetime.rust#92c49f
support.function.std.rust#66b66c
entity.name.lifetime.rust#bdc46f
variable.language.rust#a39aad
support.constant.edge#a55e90
constant.other.character-class.regexp#a39aad
keyword.operator.quantifier.regexp#97c9a4
punctuation.definition.string.begin,punctuation.definition.string.end#ff9e78
variable.parameter.function#92c49f
comment markup.link#414141
markup.changed.diff#bdc46f
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#66b66c
markup.inserted.diff#ff9e78
markup.deleted.diff#a39aad
meta.function.c,meta.function.cpp#a39aad
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#92c49f
punctuation.separator.key-value#92c49f
keyword.operator.expression.import#66b66c
support.constant.math#bdc46f
support.constant.property.math#97c9a4
variable.other.constant#bdc46f
storage.type.annotation.java, storage.type.object.array.java#bdc46f
source.java#a39aad
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#92c49f
meta.method.java#66b66c
storage.modifier.import.java,storage.type.java,storage.type.generic.java#bdc46f
keyword.operator.instanceof.java#a55e90
meta.definition.variable.name.java#a39aad
keyword.operator.logical#906fb6
keyword.operator.bitwise#906fb6
keyword.operator.channel#906fb6
support.constant.property-value.scss,support.constant.property-value.css#a55e90
keyword.operator.css,keyword.operator.scss,keyword.operator.less#906fb6
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#9e97c9
punctuation.separator.list.comma.css#92c49f
support.constant.color.w3c-standard-color-name.css#bdc46f
support.type.vendored.property-name.css#906fb6
support.module.node,support.type.object.module,support.module.node#bdc46f
entity.name.type.module#f5edfd
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a39aad
support.constant.json#97c9a4
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#a55e90
support.type.object.console#a39aad
support.variable.property.process#97c9a4
entity.name.function,support.function.console#66b66c
keyword.operator.misc.rust#92c49f
keyword.operator.sigil.rust#a55e90
keyword.operator.delete#a55e90
support.type.object.dom#906fb6
support.variable.dom,support.variable.property.dom#a39aad
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#906fb6
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#a55e90
punctuation.separator.delimiter#92c49f
punctuation.separator.c,punctuation.separator.cpp#a55e90
support.type.posix-reserved.c,support.type.posix-reserved.cpp#906fb6
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#a55e90
variable.parameter.function.language.python#97c9a4
support.type.python#906fb6
keyword.operator.logical.python#a55e90
variable.parameter.function.python#97c9a4
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#92c49f
meta.function-call.generic.python#66b66c
constant.character.format.placeholder.other.python#97c9a4
keyword.operator#92c49f
keyword.operator.assignment.compound#a55e90
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#906fb6
keyword#a55e90
entity.name.namespace#bdc46f
variable#a39aad
variable.c#92c49f
variable.language#bdc46f
token.variable.parameter.java#92c49f
import.storage.java#bdc46f
token.package.keyword#a55e90
token.package#92c49f
entity.name.function, meta.require, support.function.any-method, variable.function#66b66c
entity.name.type.namespace#bdc46f
support.class, entity.name.type.class#bdc46f
entity.name.class.identifier.namespace.type#bdc46f
entity.name.class, variable.other.class.js, variable.other.class.ts#bdc46f
variable.other.class.php#a39aad
entity.name.type#bdc46f
keyword.control#a55e90
control.elements, keyword.operator.less#97c9a4
keyword.other.special-method#66b66c
storage#a55e90
token.storage#a55e90
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#a55e90
token.storage.type.java#bdc46f
support.function#906fb6
support.type.property-name#92c49f
support.constant.property-value#92c49f
support.constant.font-name#97c9a4
meta.tag#92c49f
string#ff9e78
entity.other.inherited-class#bdc46f
constant.other.symbol#906fb6
constant.numeric#97c9a4
constant#97c9a4
punctuation.definition.constant#97c9a4
entity.name.tag#a39aad
entity.other.attribute-name#97c9a4
entity.other.attribute-name.id#66b66cnormal
entity.other.attribute-name.class.css#ff9e78normal
meta.selector#a55e90
markup.heading#a39aad
markup.heading punctuation.definition.heading, entity.name.section#66b66c
keyword.other.unit#a39aad
markup.bold,todo.bold#97c9a4
punctuation.definition.bold#bdc46f
markup.italic, punctuation.definition.italic,todo.emphasis#a55e90
emphasis md#a55e90
entity.name.section.markdown#a39aad
punctuation.definition.heading.markdown#a39aad
punctuation.definition.list.begin.markdown#a39aad
markup.heading.setext#92c49f
punctuation.definition.bold.markdown#97c9a4
markup.inline.raw.markdown#ff9e78
markup.inline.raw.string.markdown#ff9e78
punctuation.definition.list.markdown#a39aad
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a39aad
beginning.punctuation.definition.list.markdown#a39aad
punctuation.definition.metadata.markdown#a39aad
markup.underline.link.markdown,markup.underline.link.image.markdown#a55e90
string.other.link.title.markdown,string.other.link.description.markdown#66b66c
string.regexp#906fb6
constant.character.escape#906fb6
punctuation.section.embedded, variable.interpolation#a39aad
punctuation.section.embedded.begin,punctuation.section.embedded.end#a55e90
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#92c49f
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#a39aad
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a39aad
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#ff9e78
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#906fb6
support.type.property-name.json#a39aad
support.type.property-name.json punctuation#a39aad
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#a55e90
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#a55e90
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#bdc46f
keyword.operator.error-control.php#a55e90
keyword.operator.type.php#a55e90
punctuation.section.array.begin.php#92c49f
punctuation.section.array.end.php#92c49f
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#bdc46f
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#66b66c
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#92c49f
support.constant.core.rust#97c9a4
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#97c9a4
entity.name.goto-label.php,support.other.php#66b66c
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#906fb6
keyword.operator.regexp.php#a55e90
keyword.operator.comparison.php#906fb6
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#a55e90
meta.function.decorator.python#66b66c
support.token.decorator.python,meta.function.decorator.identifier.python#906fb6
function.parameter#92c49f
function.brace#92c49f
function.parameter.ruby, function.parameter.cs#92c49f
constant.language.symbol.ruby#906fb6
rgb-value#906fb6
inline-color-decoration rgb-value#97c9a4
less rgb-value#97c9a4
selector.sass#a39aad
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#bdc46f
block.scope.end,block.scope.begin#92c49f
storage.type.cs#bdc46f
entity.name.variable.local.cs#a39aad
token.info-token#66b66c
token.warn-token#97c9a4
token.error-token#f44747
token.debug-token#a55e90
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#a55e90
meta.template.expression#92c49f
keyword.operator.module#a55e90
support.type.type.flowtype#66b66c
support.type.primitive#bdc46f
meta.property.object#a39aad
variable.parameter.function.js#a39aad
keyword.other.template.begin#ff9e78
keyword.other.template.end#ff9e78
keyword.other.substitution.begin#ff9e78
keyword.other.substitution.end#ff9e78
keyword.operator.assignment#906fb6
keyword.operator.assignment.go#bdc46f
keyword.operator.arithmetic.go, keyword.operator.address.go#a55e90
entity.name.package.go#bdc46f
support.type.prelude.elm#906fb6
support.constant.elm#97c9a4
punctuation.quasi.element#a55e90
constant.character.entity#a39aad
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#bdc46f
entity.global.clojure#bdc46f
meta.symbol.clojure#a39aad
constant.keyword.clojure#906fb6
meta.arguments.coffee, variable.parameter.function.coffee#a39aad
source.ini#ff9e78
meta.scope.prerequisites.makefile#a39aad
source.makefile#bdc46f
storage.modifier.import.groovy#bdc46f
meta.method.groovy#66b66c
meta.definition.variable.name.groovy#a39aad
meta.definition.class.inherited.classes.groovy#ff9e78
support.variable.semantic.hlsl#bdc46f
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#a55e90
text.variable, text.bracketed#a39aad
support.type.swift, support.type.vb.asp#bdc46f
entity.name.function.xi#bdc46f
entity.name.class.xi#906fb6
constant.character.character-class.regexp.xi#a39aad
constant.regexp.xi#a55e90
keyword.control.xi#906fb6
invalid.xi#92c49f
beginning.punctuation.definition.quote.markdown.xi#ff9e78
beginning.punctuation.definition.list.markdown.xi#414141
constant.character.xi#66b66c
accent.xi#66b66c
wikiword.xi#97c9a4
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#414141
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#bdc46f
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a39aad
meta.brace.square#92c49f
comment, punctuation.definition.comment#414141italic
markup.quote.markdown#414141
punctuation.definition.block.sequence.item.yaml#92c49f
constant.language.symbol.elixir#906fb6
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...