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#161616
  • activityBar.activeBorder#00000000
  • activityBar.background#161616
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#5677fc
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1a1a1a
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#5677fc
  • button.foreground#ffffff
  • button.hoverBackground#6382ff
  • button.secondaryBackground#3f3f3f
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#474747
  • checkbox.background#333333
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • commandCenter.activeBackground#333333
  • commandCenter.activeBorder#00000000
  • commandCenter.background#333333
  • commandCenter.border#00000000
  • commandCenter.inactiveBorder#00000000
  • debugExceptionWidget.background#444444
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#444444
  • debugToolBar.border#47474700
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#333333
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1a1a1a
  • editor.findMatchBackground#5677fc50
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#00000000
  • editor.foldBackground#264f784d
  • editor.foreground#8f8d88
  • editor.hoverHighlightBackground#99999950
  • editor.inactiveSelectionBackground#444444
  • editor.lineHighlightBackground#252525
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#bbbbbb25
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#5677fc50
  • editor.selectionHighlightBackground#44444444
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#aaaaaa50
  • editor.wordHighlightStrongBackground#5677fc50
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#999999
  • editorCursor.background#191919
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e84855
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1a1a1a
  • editorGroupHeader.tabsBackground#161616
  • editorGutter.addedBackground#2b5a47
  • editorGutter.background#1a1a1a
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#8c4349
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#1d6665
  • editorHoverWidget.background#444444
  • editorHoverWidget.border#444444
  • 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#5677fc
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#e84855
  • editorMarkerNavigationInfo.background#00cecb
  • editorMarkerNavigationWarning.background#f49e4c
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#5677fc
  • editorSuggestWidget.selectedBackground#5677fc50
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f49e4c
  • editorWhitespace.foreground#666666
  • editorWidget.background#222222
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#00000000
  • focusBorder#00000000
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#23d18c
  • gitDecoration.conflictingResourceForeground#a29bfe
  • gitDecoration.deletedResourceForeground#e84855
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#f0aa85
  • gitDecoration.stageDeletedResourceForeground#e84855
  • gitDecoration.stageModifiedResourceForeground#eab464
  • gitDecoration.submoduleResourceForeground#00cecb
  • gitDecoration.untrackedResourceForeground#23d18c
  • icon.foreground#cccccc
  • input.background#333333
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#cccccc
  • inputOption.activeBackground#5677fc50
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#cccccc
  • list.activeSelectionBackground#5677fc50
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#5677fc50
  • list.focusForeground#cccccc
  • list.highlightForeground#5677fc
  • list.hoverBackground#333333
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#444444
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#653723
  • listFilterWidget.outline#00000000
  • menu.background#333333
  • menu.border#00000000
  • menu.foreground#cccccc
  • menu.selectionBackground#5677fc
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#cccccc
  • menubar.selectionBackground#444444
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1a1a1a
  • minimap.errorHighlight#e84855
  • minimap.findMatchHighlight#5677fc50
  • minimap.selectionHighlight#5677fc50
  • minimap.warningHighlight#f49e4c
  • minimapGutter.addedBackground#2b5a47
  • minimapGutter.deletedBackground#8c4349
  • minimapGutter.modifiedBackground#1d6665
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#444444
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#333333
  • notifications.border#444444
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#e84855
  • notificationsInfoIcon.foreground#5677fc
  • notificationsWarningIcon.foreground#eab464
  • notificationToast.border#333333
  • panel.background#191919
  • panel.border#00000000
  • panelSection.border#80808059
  • panelTitle.activeBorder#cccccc
  • panelTitle.activeForeground#cccccc
  • 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#00000000
  • pickerGroup.foreground#5677fc
  • progressBar.background#5677fc
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#ffffff30
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#161616
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#cccccc
  • statusBar.background#161616
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#cccccc
  • statusBar.foreground#cccccc
  • statusBar.noFolderBackground#5677fc
  • statusBar.noFolderForeground#cccccc
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#191919
  • statusBarItem.remoteForeground#cccccc
  • tab.activeBackground#1a1a1a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.hoverBackground#1a1a1a
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#161616
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#444444
  • terminal.ansiBlue#569ffc
  • terminal.ansiBrightBlack#888888
  • terminal.ansiBrightBlue#5677fc
  • terminal.ansiBrightCyan#00cecb
  • terminal.ansiBrightGreen#23d18c
  • terminal.ansiBrightMagenta#a29bfe
  • terminal.ansiBrightRed#ff5d8f
  • terminal.ansiBrightWhite#f3f3f3
  • terminal.ansiBrightYellow#ffee6b
  • terminal.ansiCyan#85d5cb
  • terminal.ansiGreen#55ed87
  • terminal.ansiMagenta#de9bfe
  • terminal.ansiRed#ff5a5a
  • terminal.ansiWhite#a8a8a8
  • terminal.ansiYellow#f49e4c
  • terminal.border#00000000
  • terminal.foreground#cccccc
  • terminal.selectionBackground#5677fc50
  • terminalCursor.background#1a1a1a
  • terminalCursor.foreground#cccccc
  • textLink.foreground#5677fc
  • titleBar.activeBackground#161616
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#161616
  • titleBar.inactiveForeground#cccccc
  • 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#a29bfe
variable.other.generic-type.haskell#ff5d8f
storage.type.haskell#f0aa85
support.variable.magic.python#a29bfe
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#8f8d88
variable.parameter.function.language.special.self.python#ffffff
storage.modifier.lifetime.rust#8f8d88
support.function.std.rust#23d18c
entity.name.lifetime.rust#ffffff
variable.language.rust#a29bfe
support.constant.edge#ff5d8f
constant.other.character-class.regexp#a29bfe
keyword.operator.quantifier.regexp#f0aa85
punctuation.definition.string.begin,punctuation.definition.string.end#ffe066
variable.parameter.function#8f8d88
comment markup.link#424b54
markup.changed.diff#ffffff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#23d18c
markup.inserted.diff#ffe066
markup.deleted.diff#a29bfe
meta.function.c,meta.function.cpp#a29bfe
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#8f8d88
punctuation.separator.key-value#8f8d88
keyword.operator.expression.import#23d18c
support.constant.math#ffffff
support.constant.property.math#f0aa85
variable.other.constant#ffffff
storage.type.annotation.java, storage.type.object.array.java#ffffff
source.java#a29bfe
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#8f8d88
meta.method.java#23d18c
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffffff
keyword.operator.instanceof.java#ff5d8f
meta.definition.variable.name.java#a29bfe
keyword.operator.logical#00cecb
keyword.operator.bitwise#00cecb
keyword.operator.channel#00cecb
support.constant.property-value.scss,support.constant.property-value.css#f0aa85
keyword.operator.css,keyword.operator.scss,keyword.operator.less#00cecb
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f0aa85
punctuation.separator.list.comma.css#8f8d88
support.constant.color.w3c-standard-color-name.css#f0aa85
support.type.vendored.property-name.css#00cecb
support.module.node,support.type.object.module,support.module.node#ffffff
entity.name.type.module#ffffff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#a29bfe
support.constant.json#f0aa85
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#00cecb
support.type.object.console#a29bfe
support.variable.property.process#f0aa85
entity.name.function,support.function.console#23d18c
keyword.operator.misc.rust#8f8d88
keyword.operator.sigil.rust#ff5d8f
keyword.operator.delete#ff5d8f
support.type.object.dom#00cecb
support.variable.dom,support.variable.property.dom#a29bfe
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#00cecb
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#ff5d8f
punctuation.separator.delimiter#8f8d88
punctuation.separator.c,punctuation.separator.cpp#ff5d8f
support.type.posix-reserved.c,support.type.posix-reserved.cpp#00cecb
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff5d8f
variable.parameter.function.language.python#f0aa85
support.type.python#00cecb
keyword.operator.logical.python#ff5d8f
variable.parameter.function.python#f0aa85
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#8f8d88
meta.function-call.generic.python#23d18c
constant.character.format.placeholder.other.python#f0aa85
keyword.operator#8f8d88
keyword.operator.assignment.compound#ff5d8f
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#00cecb
keyword#ff5d8f
entity.name.namespace#ffffff
variable#a29bfe
variable.c#8f8d88
variable.language#ffffff
token.variable.parameter.java#8f8d88
import.storage.java#ffffff
token.package.keyword#ff5d8f
token.package#8f8d88
entity.name.function, meta.require, support.function.any-method, variable.function#23d18c
entity.name.type.namespace#ffffff
entity.name.class.identifier.namespace.type#ffffff
entity.name.class, variable.other.class.js, variable.other.class.ts#ffffff
variable.other.class.php#a29bfe
entity.name.type#ffffff
keyword.control#ff5d8f
control.elements, keyword.operator.less#f0aa85
keyword.other.special-method#23d18c
storage#ff5d8f
token.storage#ff5d8f
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#ff5d8f
token.storage.type.java#ffffff
support.function#00cecb
support.type.property-name#8f8d88
support.constant.property-value#8f8d88
support.constant.font-name#f0aa85
meta.tag#8f8d88
string#ffe066
entity.other.inherited-class#ffffff
constant.other.symbol#00cecb
constant.numeric#ffffff
constant#ffffff
punctuation.definition.constant#ffffff
entity.name.tag#a29bfe
entity.other.attribute-name#f0aa85
entity.other.attribute-name.id#23d18cnormal
entity.other.attribute-name.class.css#f0aa85normal
meta.selector#ff5d8f
markup.heading#a29bfe
markup.heading punctuation.definition.heading, entity.name.section#23d18c
keyword.other.unit#a29bfe
markup.bold,todo.bold#f0aa85
punctuation.definition.bold#ffffff
markup.italic, punctuation.definition.italic,todo.emphasis#ff5d8f
emphasis md#ff5d8f
entity.name.section.markdown#a29bfe
punctuation.definition.heading.markdown#a29bfe
punctuation.definition.list.begin.markdown#a29bfe
markup.heading.setext#8f8d88
punctuation.definition.bold.markdown#f0aa85
markup.inline.raw.markdown#ffe066
markup.inline.raw.string.markdown#ffe066
punctuation.definition.list.markdown#a29bfe
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#a29bfe
beginning.punctuation.definition.list.markdown#a29bfe
punctuation.definition.metadata.markdown#a29bfe
markup.underline.link.markdown,markup.underline.link.image.markdown#ff5d8f
string.other.link.title.markdown,string.other.link.description.markdown#23d18c
string.regexp#00cecb
constant.character.escape#00cecb
punctuation.section.embedded, variable.interpolation#a29bfe
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff5d8f
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#8f8d88
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#a29bfe
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#a29bfe
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#ffe066
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#00cecb
support.type.property-name.json#a29bfe
support.type.property-name.json punctuation#a29bfe
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff5d8f
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff5d8f
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffffff
keyword.operator.error-control.php#ff5d8f
keyword.operator.type.php#ff5d8f
punctuation.section.array.begin.php#8f8d88
punctuation.section.array.end.php#8f8d88
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ffffff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#23d18c
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#8f8d88
support.constant.core.rust#f0aa85
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f0aa85
entity.name.goto-label.php,support.other.php#23d18c
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#00cecb
keyword.operator.regexp.php#ff5d8f
keyword.operator.comparison.php#00cecb
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff5d8f
meta.function.decorator.python#23d18c
support.token.decorator.python,meta.function.decorator.identifier.python#00cecb
function.parameter#8f8d88
function.brace#8f8d88
function.parameter.ruby, function.parameter.cs#8f8d88
constant.language.symbol.ruby#00cecb
rgb-value#00cecb
inline-color-decoration rgb-value#f0aa85
less rgb-value#f0aa85
selector.sass#a29bfe
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffffff
block.scope.end,block.scope.begin#8f8d88
storage.type.cs#ffffff
entity.name.variable.local.cs#a29bfe
token.info-token#23d18c
token.warn-token#f0aa85
token.error-token#f44747
token.debug-token#ff5d8f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff5d8f
meta.template.expression#8f8d88
keyword.operator.module#ff5d8f
support.type.type.flowtype#23d18c
support.type.primitive#ffffff
meta.property.object#a29bfe
variable.parameter.function.js#a29bfe
keyword.other.template.begin#ffe066
keyword.other.template.end#ffe066
keyword.other.substitution.begin#ffe066
keyword.other.substitution.end#ffe066
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#ffffff
keyword.operator.arithmetic.go, keyword.operator.address.go#ff5d8f
entity.name.package.go#ffffff
support.type.prelude.elm#00cecb
support.constant.elm#f0aa85
punctuation.quasi.element#ff5d8f
constant.character.entity#a29bfe
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#00cecb
entity.global.clojure#ffffff
meta.symbol.clojure#a29bfe
constant.keyword.clojure#00cecb
meta.arguments.coffee, variable.parameter.function.coffee#a29bfe
source.ini#ffe066
meta.scope.prerequisites.makefile#a29bfe
source.makefile#ffffff
storage.modifier.import.groovy#ffffff
meta.method.groovy#23d18c
meta.definition.variable.name.groovy#a29bfe
meta.definition.class.inherited.classes.groovy#ffe066
support.variable.semantic.hlsl#ffffff
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#ff5d8f
text.variable, text.bracketed#a29bfe
support.type.swift, support.type.vb.asp#ffffff
entity.name.function.xi#ffffff
entity.name.class.xi#00cecb
constant.character.character-class.regexp.xi#a29bfe
constant.regexp.xi#ff5d8f
keyword.control.xi#00cecb
invalid.xi#8f8d88
beginning.punctuation.definition.quote.markdown.xi#ffe066
beginning.punctuation.definition.list.markdown.xi#424b54
constant.character.xi#23d18c
accent.xi#23d18c
wikiword.xi#f0aa85
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#424b54
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffffff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#a29bfe
meta.brace.square#8f8d88
comment, punctuation.definition.comment#424b54italic
markup.quote.markdown#424b54
punctuation.definition.block.sequence.item.yaml#8f8d88
constant.language.symbol.elixir#00cecb
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...