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#ffffff00
  • activityBar.background#000000
  • activityBar.border#000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#bababa66
  • activityBarBadge.background#647bc0
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#8753dd
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#8753dd
  • breadcrumb.foreground#ffffffcc
  • button.background#794bc4
  • button.foreground#ffffff
  • button.hoverBackground#8753dd
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#61b95544
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#8753dd5a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#8753dd78
  • editor.findMatchHighlightBorder#ffe5e5d9
  • editor.findRangeHighlightBackground#59379126
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#e1e1e0
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#8753dd14
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffffff5a
  • editor.selectionHighlightBackground#8753dd22
  • editor.selectionHighlightBorder#8753dd
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#5937919f
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#808080
  • editorCursor.background#000000
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#000000
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#842424
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#9f9f9f
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#9f9f9f
  • 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#8753dd
  • editorLineNumber.foreground#8c8c8c
  • editorLink.activeForeground#8468b2
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#794bc4
  • editorSuggestWidget.selectedBackground#59379140
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#794bc4
  • foreground#ffffff
  • 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#ffffff
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#794bc44c
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#794bc4
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ffffff00
  • list.focusBackground#794bc426
  • list.focusForeground#cccccc
  • list.highlightForeground#794bc4
  • list.hoverBackground#794bc485
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#794bc42e
  • list.inactiveSelectionForeground#adadad
  • listFilterWidget.background#794bc4
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#8753dd
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#8753dd5a
  • minimap.selectionHighlight#8753dd4c
  • 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#000000
  • panel.border#00000059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#000000
  • peekViewEditor.background#301d4f
  • peekViewEditor.matchHighlightBackground#a67cec5e
  • peekViewEditor.matchHighlightBorder#bfa0f2
  • peekViewEditorGutter.background#0c021b
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#794bc442
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#8753dd
  • progressBar.background#593791
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#794bc4
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.dropBackground#ffffff00
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#00000033
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#794bc4
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#2aab99
  • statusBar.noFolderBorder#1f59e4
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#18b464
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#384186
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#000000
  • tab.inactiveBackground#ffffff1e
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#474747
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#794bc4
  • terminalCursor.foreground#ffffff
  • textLink.foreground#794bc4
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#794bc4
  • 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#0093ff
variable.other.generic-type.haskell#fa5dff
storage.type.haskell#78d1e1
support.variable.magic.python#0093ff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e1e1e0
variable.parameter.function.language.special.self.python#e1e1d9
storage.modifier.lifetime.rust#e1e1e0
support.function.std.rust#ffbf00
entity.name.lifetime.rust#e1e1d9
variable.language.rust#0093ff
support.constant.edge#fa5dff
constant.other.character-class.regexp#0093ff
keyword.operator.quantifier.regexp#78d1e1
punctuation.definition.string.begin,punctuation.definition.string.end#09f29b
variable.parameter.function#e1e1e0
comment markup.link#45de00
markup.changed.diff#e1e1d9
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#ffbf00
markup.inserted.diff#09f29b
markup.deleted.diff#0093ff
meta.function.c,meta.function.cpp#0093ff
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#e1e1e0
punctuation.separator.key-value#e1e1e0
keyword.operator.expression.import#ffbf00
support.constant.math#e1e1d9
support.constant.property.math#78d1e1
variable.other.constant#e1e1d9
storage.type.annotation.java, storage.type.object.array.java#e1e1d9
source.java#0093ff
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#e1e1e0
meta.method.java#ffbf00
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e1e1d9
keyword.operator.instanceof.java#fa5dff
meta.definition.variable.name.java#0093ff
keyword.operator.logical#988bc7
keyword.operator.bitwise#988bc7
keyword.operator.channel#988bc7
support.constant.property-value.scss,support.constant.property-value.css#78d1e1
keyword.operator.css,keyword.operator.scss,keyword.operator.less#988bc7
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#78d1e1
punctuation.separator.list.comma.css#e1e1e0
support.constant.color.w3c-standard-color-name.css#78d1e1
support.type.vendored.property-name.css#988bc7
support.module.node,support.type.object.module,support.module.node#e1e1d9
entity.name.type.module#e1e1d9
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#0093ff
support.constant.json#78d1e1
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#fa5dff
support.type.object.console#0093ff
support.variable.property.process#78d1e1
entity.name.function,support.function.console#ffbf00
keyword.operator.misc.rust#e1e1e0
keyword.operator.sigil.rust#fa5dff
keyword.operator.delete#fa5dff
support.type.object.dom#988bc7
support.variable.dom,support.variable.property.dom#0093ff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#988bc7
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#fa5dff
punctuation.separator.delimiter#e1e1e0
punctuation.separator.c,punctuation.separator.cpp#fa5dff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#988bc7
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#fa5dff
variable.parameter.function.language.python#78d1e1
support.type.python#988bc7
keyword.operator.logical.python#fa5dff
variable.parameter.function.python#78d1e1
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e1e1e0
meta.function-call.generic.python#ffbf00
constant.character.format.placeholder.other.python#78d1e1
keyword.operator#e1e1e0
keyword.operator.assignment.compound#fa5dff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#988bc7
keyword#fa5dff
entity.name.namespace#e1e1d9
variable#0093ff
variable.c#e1e1e0
variable.language#e1e1d9
token.variable.parameter.java#e1e1e0
import.storage.java#e1e1d9
token.package.keyword#fa5dff
token.package#e1e1e0
entity.name.function, meta.require, support.function.any-method, variable.function#ffbf00
entity.name.type.namespace#e1e1d9
support.class, entity.name.type.class#e1e1d9
entity.name.class.identifier.namespace.type#e1e1d9
entity.name.class, variable.other.class.js, variable.other.class.ts#e1e1d9
variable.other.class.php#0093ff
entity.name.type#e1e1d9
keyword.control#fa5dff
control.elements, keyword.operator.less#78d1e1
keyword.other.special-method#ffbf00
storage#fa5dff
token.storage#fa5dff
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#fa5dff
token.storage.type.java#e1e1d9
support.function#988bc7
support.type.property-name#e1e1e0
support.constant.property-value#e1e1e0
support.constant.font-name#78d1e1
meta.tag#e1e1e0
string#09f29b
entity.other.inherited-class#e1e1d9
constant.other.symbol#988bc7
constant.numeric#78d1e1
constant#78d1e1
punctuation.definition.constant#78d1e1
entity.name.tag#0093ff
entity.other.attribute-name#78d1e1
entity.other.attribute-name.id#ffbf00
entity.other.attribute-name.class.css#78d1e1
meta.selector#fa5dff
markup.heading#0093ff
markup.heading punctuation.definition.heading, entity.name.section#ffbf00
keyword.other.unit#0093ff
markup.bold,todo.bold#78d1e1
punctuation.definition.bold#e1e1d9
markup.italic, punctuation.definition.italic,todo.emphasis#fa5dff
emphasis md#fa5dff
entity.name.section.markdown#0093ff
punctuation.definition.heading.markdown#0093ff
punctuation.definition.list.begin.markdown#0093ff
markup.heading.setext#e1e1e0
punctuation.definition.bold.markdown#78d1e1
markup.inline.raw.markdown#09f29b
markup.inline.raw.string.markdown#09f29b
punctuation.definition.list.markdown#0093ff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#0093ff
beginning.punctuation.definition.list.markdown#0093ff
punctuation.definition.metadata.markdown#0093ff
markup.underline.link.markdown,markup.underline.link.image.markdown#fa5dff
string.other.link.title.markdown,string.other.link.description.markdown#ffbf00
string.regexp#988bc7
constant.character.escape#988bc7
punctuation.section.embedded, variable.interpolation#0093ff
punctuation.section.embedded.begin,punctuation.section.embedded.end#fa5dff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e1e1e0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#0093ff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#0093ff
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#09f29b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#988bc7
support.type.property-name.json#0093ff
support.type.property-name.json punctuation#0093ff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#fa5dff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#fa5dff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e1e1d9
keyword.operator.error-control.php#fa5dff
keyword.operator.type.php#fa5dff
punctuation.section.array.begin.php#e1e1e0
punctuation.section.array.end.php#e1e1e0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e1e1d9
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#ffbf00
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#e1e1e0
support.constant.core.rust#78d1e1
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#78d1e1
entity.name.goto-label.php,support.other.php#ffbf00
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#988bc7
keyword.operator.regexp.php#fa5dff
keyword.operator.comparison.php#988bc7
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#fa5dff
meta.function.decorator.python#ffbf00
support.token.decorator.python,meta.function.decorator.identifier.python#988bc7
function.parameter#e1e1e0
function.brace#e1e1e0
function.parameter.ruby, function.parameter.cs#e1e1e0
constant.language.symbol.ruby#988bc7
rgb-value#988bc7
inline-color-decoration rgb-value#78d1e1
less rgb-value#78d1e1
selector.sass#0093ff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e1e1d9
block.scope.end,block.scope.begin#e1e1e0
storage.type.cs#e1e1d9
entity.name.variable.local.cs#0093ff
token.info-token#ffbf00
token.warn-token#78d1e1
token.error-token#f44747
token.debug-token#fa5dff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#fa5dff
meta.template.expression#e1e1e0
keyword.operator.module#fa5dff
support.type.type.flowtype#ffbf00
support.type.primitive#e1e1d9
meta.property.object#0093ff
variable.parameter.function.js#0093ff
keyword.other.template.begin#09f29b
keyword.other.template.end#09f29b
keyword.other.substitution.begin#09f29b
keyword.other.substitution.end#09f29b
keyword.operator.assignment#988bc7
keyword.operator.assignment.go#e1e1d9
keyword.operator.arithmetic.go, keyword.operator.address.go#fa5dff
entity.name.package.go#e1e1d9
support.type.prelude.elm#988bc7
support.constant.elm#78d1e1
punctuation.quasi.element#fa5dff
constant.character.entity#0093ff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#988bc7
entity.global.clojure#e1e1d9
meta.symbol.clojure#0093ff
constant.keyword.clojure#988bc7
meta.arguments.coffee, variable.parameter.function.coffee#0093ff
source.ini#09f29b
meta.scope.prerequisites.makefile#0093ff
source.makefile#e1e1d9
storage.modifier.import.groovy#e1e1d9
meta.method.groovy#ffbf00
meta.definition.variable.name.groovy#0093ff
meta.definition.class.inherited.classes.groovy#09f29b
support.variable.semantic.hlsl#e1e1d9
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#fa5dff
text.variable, text.bracketed#0093ff
support.type.swift, support.type.vb.asp#e1e1d9
entity.name.function.xi#e1e1d9
entity.name.class.xi#988bc7
constant.character.character-class.regexp.xi#0093ff
constant.regexp.xi#fa5dff
keyword.control.xi#988bc7
invalid.xi#e1e1e0
beginning.punctuation.definition.quote.markdown.xi#09f29b
beginning.punctuation.definition.list.markdown.xi#45de00
constant.character.xi#ffbf00
accent.xi#ffbf00
wikiword.xi#78d1e1
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#45de00
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e1e1d9
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#0093ff
meta.brace.square#e1e1e0
comment, punctuation.definition.comment#45de00italic
markup.quote.markdown#45de00
punctuation.definition.block.sequence.item.yaml#e1e1e0
constant.language.symbol.elixir#988bc7
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...

weird theme - Coding Theme