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#4a4d51
  • activityBar.activeBorder#00000000
  • activityBar.background#2b2b2b
  • activityBar.border#1c1c1c
  • activityBar.foreground#cecece
  • activityBar.inactiveForeground#cecece
  • activityBarBadge.background#6786c7
  • activityBarBadge.foreground#ffffff
  • badge.background#6786c7
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#2b2b2b
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#dfdfdf
  • button.background#354f85
  • button.foreground#ffffff
  • button.hoverBackground#354f85
  • button.secondaryBackground#424447
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#2b2b2b
  • checkbox.border#354f85
  • checkbox.foreground#dfdfdf
  • debugExceptionWidget.background#2b2b2b
  • debugExceptionWidget.border#606469
  • debugToolBar.background#2b2b2b
  • debugToolBar.border#606469
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#2b2b2b
  • dropdown.border#354f85
  • dropdown.foreground#dfdfdf
  • editor.background#262626
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#bdbdbd
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#202424
  • editor.lineHighlightBorder#202424
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#08335e
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495f77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#282828
  • editorCursor.foreground#aeafad
  • editorError.background#b73a3400
  • editorError.border#ffffff00
  • editorError.foreground#ff5647
  • editorGroup.border#444444
  • editorGroup.emptyBackground#262626
  • editorGroupHeader.tabsBackground#1c1c1c
  • editorGroupHeader.tabsBorder#1c1c1c
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#282828
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#2b2b2b
  • editorHoverWidget.border#2b2b2b
  • editorHoverWidget.foreground#dfdfdf
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490bf00
  • editorInfo.border#4490bf00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#a0a0a0
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#5a89da
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#404040
  • editorSuggestWidget.background#2b2b2b
  • editorSuggestWidget.border#2b2b2b
  • editorSuggestWidget.foreground#dfdfdf
  • editorSuggestWidget.highlightForeground#c9a26d
  • editorSuggestWidget.selectedBackground#354f85
  • editorWarning.background#a9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#c3ad5b
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#2b2b2b
  • editorWidget.foreground#dfdfdf
  • editorWidget.resizeBorder#1c1c1c
  • focusBorder#354f85
  • foreground#dfdfdf
  • gitDecoration.addedResourceForeground#629755
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#6c6c6c
  • gitDecoration.ignoredResourceForeground#848505
  • gitDecoration.modifiedResourceForeground#6897bb
  • gitDecoration.stageDeletedResourceForeground#6c6c6c
  • gitDecoration.stageModifiedResourceForeground#6897bb
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#d1675a
  • icon.foreground#dfdfdf
  • input.background#2b2b2b
  • input.border#354f85
  • input.foreground#dfdfdf
  • input.placeholderForeground#dfdfdf
  • inputOption.activeBackground#4a4d51
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#354f85
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#2b2b2b
  • list.focusBackground#354f85
  • list.focusForeground#dfdfdf
  • list.highlightForeground#dfdfdf
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#dfdfdf
  • list.inactiveSelectionBackground#4a4d51
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#2b2b2b
  • listFilterWidget.noMatchesOutline#ff5647
  • listFilterWidget.outline#354f85
  • menu.background#2b2b2b
  • menu.border#585858
  • menu.foreground#dfdfdf
  • menu.selectionBackground#354f85
  • 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#243a5e
  • merge.incomingHeaderBackground#395f8f
  • minimap.background#262626
  • minimap.errorHighlight#ff5647
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#08335e
  • minimap.warningHighlight#c3ad5b
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#606469
  • notificationCenterHeader.background#2b2b2b
  • notificationCenterHeader.foreground#dfdfdf
  • notifications.background#2b2b2b
  • notifications.border#606469
  • notifications.foreground#dfdfdf
  • notificationsErrorIcon.foreground#ff5647
  • notificationsInfoIcon.foreground#6786c7
  • notificationsWarningIcon.foreground#c3ad5b
  • notificationToast.border#00000000
  • panel.background#2b2b2b
  • panel.border#1c1c1c
  • panelSection.border#2b2b2b
  • panelTitle.activeBorder#4c679e
  • panelTitle.activeForeground#dfdfdf
  • 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#1c1c1c
  • pickerGroup.foreground#3794ff
  • progressBar.background#354f85
  • scrollbar.shadow#0000004a
  • scrollbarSlider.activeBackground#5e5e62
  • scrollbarSlider.background#3e3e42
  • scrollbarSlider.hoverBackground#4b4b4f
  • selection.background#08335e
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#dfdfdf
  • sideBar.background#2b2b2b
  • sideBar.border#1c1c1c
  • sideBar.dropBackground#2b2b2b
  • sideBar.foreground#dfdfdf
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#1c1c1c
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#dfdfdf
  • statusBar.background#2b2b2b
  • statusBar.border#1c1c1c
  • statusBar.debuggingBackground#57965c
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#dfdfdf
  • statusBar.noFolderBackground#2b2b2b
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#ffffff25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#354f85
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#00000000
  • tab.activeBorder#3574f0
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#00000000
  • tab.inactiveBackground#00000000
  • tab.inactiveForeground#dfdfdf
  • terminal.ansiBlack#000000
  • 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#2b2b2b
  • terminal.foreground#dfdfdf
  • terminal.selectionBackground#4891ff41
  • terminalCursor.background#0087ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#5a89da
  • titleBar.activeBackground#2b2b2b
  • titleBar.activeForeground#dfdfdf
  • titleBar.border#1c1c1c
  • titleBar.inactiveBackground#2b2b2b
  • titleBar.inactiveForeground#dfdfdf
  • tree.indentGuidesStroke#00000000
  • 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#bdbdbd
variable.other.generic-type.haskell#6C95EB
variable.other.object.property#66c3cc
variable.other.property#66c3cc
storage.type.haskell#ED94C0
support.variable.magic.python#bdbdbd
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#bdbdbd
variable.parameter.function.language.special.self.python#C191FF
storage.modifier.lifetime.rust#bdbdbd
support.function.std.rust#39CC8F
entity.name.lifetime.rust#C191FF
variable.language.rust#bdbdbd
support.constant.edge#6C95EB
constant.other.character-class.regexp#bdbdbd
keyword.operator.quantifier.regexp#ED94C0
punctuation.definition.string.begin,punctuation.definition.string.end#C9A26D
variable.parameter.function#bdbdbd
comment markup.link#85C46C
markup.changed.diff#C191FF
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#39CC8F
markup.inserted.diff#C9A26D
markup.deleted.diff#bdbdbd
meta.function.c,meta.function.cpp#bdbdbd
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#bdbdbd
punctuation.separator.key-value#bdbdbd
keyword.operator.expression.import#39CC8F
support.constant.math#C191FF
support.constant.property.math#ED94C0
variable.other.constant#bdbdbd
storage.type.annotation.java, storage.type.object.array.java#C191FF
source.java#bdbdbd
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#bdbdbd
meta.method.java#39CC8F
storage.modifier.import.java,storage.type.java,storage.type.generic.java#C191FF
keyword.operator.instanceof.java#6C95EB
meta.definition.variable.name.java#bdbdbd
keyword.operator.logical#bdbdbd
keyword.operator.bitwise#6C95EB
keyword.operator.channel#6C95EB
support.constant.property-value.scss,support.constant.property-value.css#ED94C0
keyword.operator.css,keyword.operator.scss,keyword.operator.less#6C95EB
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ED94C0
punctuation.separator.list.comma.css#bdbdbd
support.constant.color.w3c-standard-color-name.css#ED94C0
support.type.vendored.property-name.css#6C95EB
support.module.node,support.type.object.module,support.module.node#C191FF
entity.name.type.module#C191FF
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#bdbdbd
support.constant.json#ED94C0
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#6C95EB
support.type.object.console#bdbdbd
support.variable.property.process#ED94C0
entity.name.function,support.function.console#39CC8F
keyword.operator.misc.rust#bdbdbd
keyword.operator.sigil.rust#6C95EB
keyword.operator.delete#6C95EB
support.type.object.dom#6C95EB
support.variable.dom,support.variable.property.dom#bdbdbd
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#bdbdbd
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#bdbdbd
punctuation.separator.delimiter#bdbdbd
punctuation.separator.c,punctuation.separator.cpp#6C95EB
support.type.posix-reserved.c,support.type.posix-reserved.cpp#6C95EB
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#6C95EB
variable.parameter.function.language.python#ED94C0
support.type.python#6C95EB
keyword.operator.logical.python#bdbdbd
variable.parameter.function.python#ED94C0
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#bdbdbd
meta.function-call.generic.python#39CC8F
constant.character.format.placeholder.other.python#ED94C0
keyword.operator#bdbdbd
keyword.operator.assignment.compound#6C95EB
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#6C95EB
keyword#6C95EB
entity.name.namespace#C191FF
variable#bdbdbd
variable.c#bdbdbd
variable.language#C191FF
token.variable.parameter.java#bdbdbd
import.storage.java#C191FF
token.package.keyword#6C95EB
token.package#bdbdbd
entity.name.function, meta.require, support.function.any-method, variable.function#39CC8F
entity.name.type.namespace#C191FF
support.class, entity.name.type.class#C191FF
entity.name.class.identifier.namespace.type#C191FF
entity.name.class, variable.other.class.js, variable.other.class.ts#C191FF
variable.other.class.php#bdbdbd
entity.name.type#C191FF
keyword.control#6C95EB
control.elements, keyword.operator.less#ED94C0
keyword.other.special-method#39CC8F
storage#6C95EB
token.storage#6C95EB
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#6C95EB
token.storage.type.java#C191FF
support.function#6C95EB
support.constant.property-value#bdbdbd
support.constant.font-name#ED94C0
meta.tag#bdbdbd
string#C9A26D
entity.other.inherited-class#C191FF
constant.other.symbol#6C95EB
constant.numeric#ED94C0
constant#6C95EB
punctuation.definition.constant#ED94C0
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#C191FF
entity.name.tag#C191FF
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#85c46c
entity.other.attribute-name.id#39CC8Fnormal
entity.other.attribute-name.class.css#ED94C0normal
meta.selector#6C95EB
markup.heading#bdbdbd
markup.heading punctuation.definition.heading, entity.name.section#39CC8F
keyword.other.unit#bdbdbd
markup.bold,todo.bold#ED94C0
punctuation.definition.bold#C191FF
markup.italic, punctuation.definition.italic,todo.emphasis#6C95EB
emphasis md#6C95EB
markup.heading.setext#bdbdbd
string.regexp#6C95EB
constant.character.escape#6C95EB
punctuation.section.embedded, variable.interpolation#bdbdbd
punctuation.section.embedded.begin,punctuation.section.embedded.end#6C95EB
invalid.illegal#FFFFFF
invalid.illegal.bad-ampersand.html#bdbdbd
invalid.broken#FFFFFF
invalid.deprecated#FFFFFF
invalid.unimplemented#FFFFFF
source.json meta.structure.dictionary.json > string.quoted.json#bdbdbd
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#bdbdbd
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#C9A26D
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#6C95EB
meta.property-name, support.type.property-name#66c3cc
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#6C95EB
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#6C95EB
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#C191FF
keyword.operator.error-control.php#6C95EB
keyword.operator.type.php#6C95EB
punctuation.section.array.begin.php#bdbdbd
punctuation.section.array.end.php#bdbdbd
invalid.illegal.non-null-typehinted.php#F44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#C191FF
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#39CC8F
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#bdbdbd
support.constant.core.rust#ED94C0
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ED94C0
entity.name.goto-label.php,support.other.php#39CC8F
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#bdbdbd
keyword.operator.regexp.php#6C95EB
keyword.operator.comparison.php#bdbdbd
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#6C95EB
meta.function.decorator.python#39CC8F
support.token.decorator.python,meta.function.decorator.identifier.python#6C95EB
function.parameter#bdbdbd
function.brace#bdbdbd
function.parameter.ruby, function.parameter.cs#bdbdbd
constant.language.symbol.ruby#6C95EB
rgb-value#6C95EB
inline-color-decoration rgb-value#ED94C0
less rgb-value#ED94C0
selector.sass#bdbdbd
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#6C95EB
block.scope.end,block.scope.begin#bdbdbd
storage.type.cs#C191FF
entity.name.variable.local.cs#bdbdbd
token.info-token#39CC8F
token.warn-token#ED94C0
token.error-token#F44747
token.debug-token#6C95EB
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#bdbdbd
meta.template.expression#bdbdbd
keyword.operator.module#6C95EB
support.type.type.flowtype#39CC8F
support.type.primitive#6C95EB
meta.property.object#bdbdbd
variable.parameter.function.js#bdbdbd
keyword.other.template.begin#C9A26D
keyword.other.template.end#C9A26D
keyword.other.substitution.begin#C9A26D
keyword.other.substitution.end#C9A26D
keyword.operator.assignment#bdbdbd
keyword.operator.assignment.go#bdbdbd
keyword.operator.arithmetic.go, keyword.operator.address.go#6C95EB
entity.name.package.go#C191FF
support.type.prelude.elm#6C95EB
support.constant.elm#ED94C0
punctuation.quasi.element#6C95EB
constant.character.entity#bdbdbd
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#6C95EB
entity.global.clojure#C191FF
meta.symbol.clojure#bdbdbd
constant.keyword.clojure#6C95EB
meta.arguments.coffee, variable.parameter.function.coffee#bdbdbd
source.ini#C9A26D
meta.scope.prerequisites.makefile#bdbdbd
source.makefile#C191FF
storage.modifier.import.groovy#C191FF
meta.method.groovy#39CC8F
meta.definition.variable.name.groovy#bdbdbd
meta.definition.class.inherited.classes.groovy#C9A26D
support.variable.semantic.hlsl#C191FF
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#6C95EB
text.variable, text.bracketed#bdbdbd
support.type.swift, support.type.vb.asp#C191FF
entity.name.function.xi#C191FF
entity.name.class.xi#6C95EB
constant.character.character-class.regexp.xi#bdbdbd
constant.regexp.xi#6C95EB
keyword.control.xi#6C95EB
invalid.xi#bdbdbd
constant.character.xi#39CC8F
accent.xi#39CC8F
wikiword.xi#ED94C0
constant.other.color.rgb-value.xi#FFFFFF
punctuation.definition.tag.xi#85C46C
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#C191FF
meta.brace.square#bdbdbd
comment, punctuation.definition.comment#85C46Citalic
punctuation.definition.block.sequence.item.yaml#bdbdbd
constant.language.symbol.elixir#6C95EB
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.documentation#85C46Citalic
keyword.control.import.python,keyword.control.flow.pythonitalic
comment, entity.other.attribute-name, keyword, markup.underline.link, storage.modifier, storage.type, string.url, variable.language.super, variable.language.this#6C95EB
keyword.operator, keyword.other.type, storage.modifier.import, storage.modifier.package, storage.type.built-in, storage.type.function.arrow, storage.type.generic, storage.type.java, storage.type.primitive
constant.numeric.float.yaml#bdbdbd
constant.language.boolean.yaml#bdbdbd
string.unquoted.plain.out.yaml#bdbdbd
constant.numeric.integer.yaml#bdbdbd
storage.type.function.arrow#39cc8f
meta.paragraph.markdown#d0d0d0
punctuation.definition.heading.markdown#6c95eb
entity.name.section.markdown#66c3cc
string.other.link.title.markdown#6c95eb
markup.underline.link.markdown#66c3cc
punctuation.definition.metadata.markdown#c8a26d
punctuation.definition.link.title.begin.markdown#6c95eb
comment, comment.block, comment.block.documentation, constant, constant.character, constant.character.escape, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.other, constant.regexp, constant.rgb-value, emphasis, entity, entity.name, entity.name.class, entity.name.function, entity.name.method, entity.name.section, entity.name.selector, entity.name.tag, entity.name.type, entity.other, entity.other.attribute-name, entity.other.inherited-class, invalid, invalid.deprecated, invalid.illegal, keyword, keyword.control, keyword.operator, keyword.operator.new, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.other, markup, markup.bold, markup.changed, markup.deleted, markup.heading, markup.inline.raw, markup.inserted, markup.italic, markup.list, markup.list.numbered, markup.list.unnumbered, markup.other, markup.quote, markup.raw, markup.underline, markup.underline.link, meta, meta.block, meta.cast, meta.class, meta.function, meta.function-call, meta.preprocessor, meta.return-type, meta.selector, meta.tag, meta.type.annotation, meta.type, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.separator, punctuation.separator.continuation, punctuation.terminator, storage, storage.modifier, storage.type, string, string.interpolated, string.other, string.quoted, string.quoted.double, string.quoted.other, string.quoted.single, string.quoted.triple, string.regexp, string.unquoted, strong, support, support.class, support.constant, support.function, support.other, support.type, support.type.property-name, support.variable, variable, variable.language, variable.name, variable.other, variable.other.readwrite, variable.parameter

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...