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.activeBackground#0a0a0a
  • activityBar.background#0a0a0a
  • activityBar.border#00000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#555555
  • activityBarBadge.background#0087ff
  • activityBarBadge.foreground#ffffff
  • badge.background#0087ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#b1e2ff
  • breadcrumb.background#0a0a0a
  • breadcrumb.focusForeground#b1e2ff
  • breadcrumb.foreground#8899a3
  • button.background#1967d2
  • button.foreground#ffffff
  • button.hoverBackground#1967d27c
  • button.secondaryBackground#333333
  • button.secondaryForeground#cfcfcf
  • button.secondaryHoverBackground#3333337e
  • checkbox.background#000000
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#111111
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#111111
  • debugToolBar.border#00000000
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#79943a33
  • diffEditor.insertedTextBorder#0a0a0a
  • diffEditor.removedTextBackground#ff4e4e33
  • diffEditor.removedTextBorder#0a0a0a
  • dropdown.background#000000
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#0a0a0a
  • editor.findMatchBackground#0040ff52
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#ffcc0046
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#66666630
  • editor.findRangeHighlightBorder#f2f2f200
  • editor.foldBackground#2831564d
  • editor.foreground#f7e767
  • editor.hoverHighlightBackground#a0cfff40
  • editor.inactiveSelectionBackground#333333
  • editor.lineHighlightBackground#1110173c
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#f96f6f0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#333333
  • editor.selectionHighlightBackground#ffadad26
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#ff000034
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#2cff0046
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#ff9077
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#000000
  • editorCursor.foreground#b6b6b6
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff4620
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#0a0a0a
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#14ba0f
  • editorGutter.background#0a0a0a
  • editorGutter.commentRangeForeground#eeeeee
  • editorGutter.deletedBackground#c41f26
  • editorGutter.foldingControlForeground#eeeeee
  • editorGutter.modifiedBackground#005cad
  • editorHoverWidget.background#111111
  • editorHoverWidget.border#00000000
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#c4c4c4a1
  • editorIndentGuide.background#333333
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#5186b6
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#515151
  • editorLink.activeForeground#54b2ff
  • editorMarkerNavigation.background#111111
  • editorMarkerNavigationError.background#ff6262
  • editorMarkerNavigationInfo.background#6dbaff
  • editorMarkerNavigationWarning.background#ffda4a
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#333333
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#8da5b6
  • editorSuggestWidget.highlightForeground#0087ff
  • editorSuggestWidget.selectedBackground#0087ff30
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#515151
  • editorWidget.background#111111
  • editorWidget.foreground#888888
  • editorWidget.resizeBorder#00000000
  • focusBorder#00000000
  • foreground#999999
  • gitDecoration.addedResourceForeground#a1ffb2
  • gitDecoration.conflictingResourceForeground#95a5ff
  • gitDecoration.deletedResourceForeground#ff6e6e
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffeb9e
  • gitDecoration.stageDeletedResourceForeground#f06f59
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#999999
  • input.background#000000
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#2968ff
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#111111
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#111111
  • list.focusBackground#0087ff2c
  • list.focusForeground#ffffff
  • list.highlightForeground#507cff
  • list.hoverBackground#00000000
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#111111
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#222222
  • listFilterWidget.noMatchesOutline#00000000
  • listFilterWidget.outline#00000000
  • menu.background#111111
  • menu.border#00000000
  • menu.foreground#dddddd
  • menu.selectionBackground#0a0a0a
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff54
  • menubar.selectionBackground#111111
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#003634
  • merge.currentHeaderBackground#004744
  • merge.incomingContentBackground#001c3d
  • merge.incomingHeaderBackground#002a5e
  • minimap.background#0a0a0a
  • minimap.errorHighlight#ff4620
  • minimap.findMatchHighlight#0040ff52
  • minimap.selectionHighlight#333333
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#14ba0f
  • minimapGutter.deletedBackground#c41f26
  • minimapGutter.modifiedBackground#005cad
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#111111
  • notificationCenterHeader.foreground#fbfbfb
  • notifications.background#111111
  • notifications.border#00000000
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#FF6D6D
  • notificationsInfoIcon.foreground#7EE2FF
  • notificationsWarningIcon.foreground#ffc047
  • notificationToast.border#47474700
  • panel.background#000000
  • panel.border#000000
  • panelSection.border#ffffff0a
  • panelTitle.activeBorder#0087ff
  • panelTitle.activeForeground#0087ff
  • panelTitle.inactiveForeground#b6b6b6
  • peekView.border#7bb4d900
  • peekViewEditor.background#111111
  • peekViewEditor.matchHighlightBackground#ffb30024
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#111111
  • peekViewResult.background#111111
  • peekViewResult.fileForeground#b0f0ff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ff3a254d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111111
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#cbfdff
  • pickerGroup.border#00000000
  • pickerGroup.foreground#a7caf2
  • progressBar.background#0087FF
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#3d3d3d
  • scrollbarSlider.background#3d3d3d
  • scrollbarSlider.hoverBackground#3d3d3d
  • selection.background#0087ff70
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#999999
  • sideBar.background#0a0a0a
  • sideBar.border#00000000
  • sideBar.dropBackground#111111
  • sideBar.foreground#999999
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#0087ff
  • sideBarTitle.foreground#dddddd
  • statusBar.background#0a0a0a
  • statusBar.border#0a0a0a
  • statusBar.debuggingBackground#2c1414
  • statusBar.debuggingBorder#0a0a0a
  • statusBar.debuggingForeground#999999
  • statusBar.foreground#777777
  • statusBar.noFolderBackground#241528
  • statusBar.noFolderBorder#0a0a0a
  • statusBar.noFolderForeground#999999
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0a0a0a
  • statusBarItem.remoteForeground#777777
  • tab.activeBackground#0a0a0a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#777777
  • tab.activeForeground#dad4f7
  • tab.border#25252600
  • tab.hoverBackground#111111
  • tab.hoverBorder#00000000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#0a0a0a
  • tab.inactiveForeground#999999
  • terminal.ansiBlack#3d3d3d
  • terminal.ansiBlue#1584ff
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#95ccff
  • terminal.ansiBrightCyan#8ef4ff
  • terminal.ansiBrightGreen#97ffb1
  • terminal.ansiBrightMagenta#ff9aff
  • terminal.ansiBrightRed#ff6767
  • terminal.ansiBrightWhite#c9c9c9
  • terminal.ansiBrightYellow#ffce00
  • terminal.ansiCyan#0ae1ff
  • terminal.ansiGreen#00ff64
  • terminal.ansiMagenta#ff02ff
  • terminal.ansiRed#ff3333
  • terminal.ansiWhite#a3a3a3
  • terminal.ansiYellow#ffe779
  • terminal.border#ffffff0a
  • terminal.foreground#fbfbfb74
  • terminal.selectionBackground#2222222a
  • terminalCursor.background#333333
  • terminalCursor.foreground#ffffff
  • textLink.foreground#1967d2
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#0a0a0a
  • titleBar.inactiveForeground#999999
  • tree.indentGuidesStroke#333333
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000054

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#ff9d55
variable.other.generic-type.haskell#3780f2
storage.type.haskell#e455f9
support.variable.magic.python#ff9d55
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#f7e767
variable.parameter.function.language.special.self.python#00e7ff
storage.modifier.lifetime.rust#f7e767
support.function.std.rust#c0c0c0
entity.name.lifetime.rust#00e7ff
variable.language.rust#ff9d55
support.constant.edge#3780f2
constant.other.character-class.regexp#ff9d55
keyword.operator.quantifier.regexp#e455f9
punctuation.definition.string.begin,punctuation.definition.string.end#ffda81
variable.parameter.function#f7e767
comment markup.link#d7d7d774
markup.changed.diff#00e7ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#c0c0c0
markup.inserted.diff#ffda81
markup.deleted.diff#ff9d55
meta.function.c,meta.function.cpp#ff9d55
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#f7e767
punctuation.separator.key-value#f7e767
keyword.operator.expression.import#c0c0c0
support.constant.math#00e7ff
support.constant.property.math#e455f9
variable.other.constant#00e7ff
storage.type.annotation.java, storage.type.object.array.java#00e7ff
source.java#ff9d55
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#f7e767
meta.method.java#c0c0c0
storage.modifier.import.java,storage.type.java,storage.type.generic.java#00e7ff
keyword.operator.instanceof.java#3780f2
meta.definition.variable.name.java#ff9d55
keyword.operator.logical#f54e56
keyword.operator.bitwise#f54e56
keyword.operator.channel#f54e56
support.constant.property-value.scss,support.constant.property-value.css#e455f9
keyword.operator.css,keyword.operator.scss,keyword.operator.less#f54e56
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e455f9
punctuation.separator.list.comma.css#f7e767
support.constant.color.w3c-standard-color-name.css#e455f9
support.type.vendored.property-name.css#f54e56
support.module.node,support.type.object.module,support.module.node#00e7ff
entity.name.type.module#00e7ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff9d55
support.constant.json#e455f9
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#3780f2
support.type.object.console#ff9d55
support.variable.property.process#e455f9
entity.name.function,support.function.console#c0c0c0
keyword.operator.misc.rust#f7e767
keyword.operator.sigil.rust#3780f2
keyword.operator.delete#3780f2
support.type.object.dom#f54e56
support.variable.dom,support.variable.property.dom#ff9d55
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#f54e56
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#3780f2
punctuation.separator.delimiter#f7e767
punctuation.separator.c,punctuation.separator.cpp#3780f2
support.type.posix-reserved.c,support.type.posix-reserved.cpp#f54e56
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#3780f2
variable.parameter.function.language.python#e455f9
support.type.python#f54e56
keyword.operator.logical.python#3780f2
variable.parameter.function.python#e455f9
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#f7e767
meta.function-call.generic.python#c0c0c0
constant.character.format.placeholder.other.python#e455f9
keyword.operator#f7e767
keyword.operator.assignment.compound#3780f2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#f54e56
keyword#3780f2
entity.name.namespace#00e7ff
variable#ff9d55
variable.c#f7e767
variable.language#00e7ff
token.variable.parameter.java#f7e767
import.storage.java#00e7ff
token.package.keyword#3780f2
token.package#f7e767
entity.name.function, meta.require, support.function.any-method, variable.function#c0c0c0
entity.name.type.namespace#00e7ff
support.class, entity.name.type.class#00e7ff
entity.name.class.identifier.namespace.type#00e7ff
entity.name.class, variable.other.class.js, variable.other.class.ts#00e7ff
variable.other.class.php#ff9d55
entity.name.type#00e7ff
keyword.control#3780f2
control.elements, keyword.operator.less#e455f9
keyword.other.special-method#c0c0c0
storage#3780f2
token.storage#3780f2
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#3780f2
token.storage.type.java#00e7ff
support.function#f54e56
support.type.property-name#f7e767
support.constant.property-value#f7e767
support.constant.font-name#e455f9
meta.tag#f7e767
string#ffda81
entity.other.inherited-class#00e7ff
constant.other.symbol#f54e56
constant.numeric#e455f9
constant#e455f9
punctuation.definition.constant#e455f9
entity.name.tag#ff9d55
entity.other.attribute-name#e455f9
entity.other.attribute-name.id#c0c0c0normal
entity.other.attribute-name.class.css#e455f9normal
meta.selector#3780f2
markup.heading#ff9d55
markup.heading punctuation.definition.heading, entity.name.section#c0c0c0
keyword.other.unit#ff9d55
markup.bold,todo.bold#e455f9
punctuation.definition.bold#00e7ff
markup.italic, punctuation.definition.italic,todo.emphasis#3780f2
emphasis md#3780f2
entity.name.section.markdown#ff9d55
punctuation.definition.heading.markdown#ff9d55
punctuation.definition.list.begin.markdown#ff9d55
markup.heading.setext#f7e767
punctuation.definition.bold.markdown#e455f9
markup.inline.raw.markdown#ffda81
markup.inline.raw.string.markdown#ffda81
punctuation.definition.list.markdown#ff9d55
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff9d55
beginning.punctuation.definition.list.markdown#ff9d55
punctuation.definition.metadata.markdown#ff9d55
markup.underline.link.markdown,markup.underline.link.image.markdown#3780f2
string.other.link.title.markdown,string.other.link.description.markdown#c0c0c0
string.regexp#f54e56
constant.character.escape#f54e56
punctuation.section.embedded, variable.interpolation#ff9d55
punctuation.section.embedded.begin,punctuation.section.embedded.end#3780f2
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#f7e767
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ff9d55
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff9d55
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#ffda81
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#f54e56
support.type.property-name.json#ff9d55
support.type.property-name.json punctuation#ff9d55
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#3780f2
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#3780f2
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#00e7ff
keyword.operator.error-control.php#3780f2
keyword.operator.type.php#3780f2
punctuation.section.array.begin.php#f7e767
punctuation.section.array.end.php#f7e767
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#00e7ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#c0c0c0
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#f7e767
support.constant.core.rust#e455f9
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e455f9
entity.name.goto-label.php,support.other.php#c0c0c0
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#f54e56
keyword.operator.regexp.php#3780f2
keyword.operator.comparison.php#f54e56
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#3780f2
meta.function.decorator.python#c0c0c0
support.token.decorator.python,meta.function.decorator.identifier.python#f54e56
function.parameter#f7e767
function.brace#f7e767
function.parameter.ruby, function.parameter.cs#f7e767
constant.language.symbol.ruby#f54e56
rgb-value#f54e56
inline-color-decoration rgb-value#e455f9
less rgb-value#e455f9
selector.sass#ff9d55
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#00e7ff
block.scope.end,block.scope.begin#f7e767
storage.type.cs#00e7ff
entity.name.variable.local.cs#ff9d55
token.info-token#c0c0c0
token.warn-token#e455f9
token.error-token#f44747
token.debug-token#3780f2
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#3780f2
meta.template.expression#f7e767
keyword.operator.module#3780f2
support.type.type.flowtype#c0c0c0
support.type.primitive#00e7ff
meta.property.object#ff9d55
variable.parameter.function.js#ff9d55
keyword.other.template.begin#ffda81
keyword.other.template.end#ffda81
keyword.other.substitution.begin#ffda81
keyword.other.substitution.end#ffda81
keyword.operator.assignment#f54e56
keyword.operator.assignment.go#00e7ff
keyword.operator.arithmetic.go, keyword.operator.address.go#3780f2
entity.name.package.go#00e7ff
support.type.prelude.elm#f54e56
support.constant.elm#e455f9
punctuation.quasi.element#3780f2
constant.character.entity#ff9d55
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#f54e56
entity.global.clojure#00e7ff
meta.symbol.clojure#ff9d55
constant.keyword.clojure#f54e56
meta.arguments.coffee, variable.parameter.function.coffee#ff9d55
source.ini#ffda81
meta.scope.prerequisites.makefile#ff9d55
source.makefile#00e7ff
storage.modifier.import.groovy#00e7ff
meta.method.groovy#c0c0c0
meta.definition.variable.name.groovy#ff9d55
meta.definition.class.inherited.classes.groovy#ffda81
support.variable.semantic.hlsl#00e7ff
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#3780f2
text.variable, text.bracketed#ff9d55
support.type.swift, support.type.vb.asp#00e7ff
entity.name.function.xi#00e7ff
entity.name.class.xi#f54e56
constant.character.character-class.regexp.xi#ff9d55
constant.regexp.xi#3780f2
keyword.control.xi#f54e56
invalid.xi#f7e767
beginning.punctuation.definition.quote.markdown.xi#ffda81
beginning.punctuation.definition.list.markdown.xi#d7d7d774
constant.character.xi#c0c0c0
accent.xi#c0c0c0
wikiword.xi#e455f9
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#d7d7d774
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#00e7ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff9d55
meta.brace.square#f7e767
comment, punctuation.definition.comment#d7d7d774italic
markup.quote.markdown#d7d7d774
punctuation.definition.block.sequence.item.yaml#f7e767
constant.language.symbol.elixir#f54e56
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...