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.background#23242b
  • activityBar.foreground#d7dce8
  • activityBar.inactiveForeground#d7dce85a
  • activityBarBadge.background#b4233e
  • activityBarBadge.foreground#ffffff
  • badge.background#b4233e
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d7dce8
  • breadcrumb.background#17181f
  • breadcrumb.focusForeground#d7dce8
  • breadcrumb.foreground#797e8a
  • button.background#3357a3
  • button.foreground#ffffff
  • button.hoverBackground#264484
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#1a1b22
  • checkbox.border#00000000
  • checkbox.foreground#d7dce8
  • debugExceptionWidget.background#282932
  • debugExceptionWidget.border#474747
  • debugToolBar.background#282932
  • debugToolBar.border#474747
  • diffEditor.border#444554
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#1a1b22
  • dropdown.border#00000000
  • dropdown.foreground#d7dce8
  • editor.background#1a1b22
  • editor.findMatchBackground#515c6a85
  • editor.findMatchBorder#74879f9d
  • editor.findMatchHighlightBackground#d76d1030
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#2c333d3e
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d7dce8
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#26262e
  • editor.lineHighlightBackground#242432
  • editor.lineHighlightBorder#2e2e3d
  • editor.rangeHighlightBackground#31313872
  • editor.rangeHighlightBorder#33333f
  • editor.selectionBackground#252f4f
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#78868c
  • editorCursor.background#000000
  • editorCursor.foreground#d7dce8
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444554
  • editorGroup.emptyBackground#1a1b22
  • editorGroupHeader.border#373843
  • editorGroupHeader.tabsBackground#1d1e25
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1a1b22
  • editorGutter.commentRangeForeground#78798c
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#78798c
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#23242b
  • editorHoverWidget.border#373843
  • editorHoverWidget.foreground#d7dce8
  • editorIndentGuide.activeBackground#5f5f68
  • editorIndentGuide.background#313138
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#d7dce8
  • editorLineNumber.foreground#4a4f5c
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#23242b
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#313138
  • editorSuggestWidget.background#23242b
  • editorSuggestWidget.border#373843
  • editorSuggestWidget.foreground#e6e9ee
  • editorSuggestWidget.highlightForeground#449ed3
  • editorSuggestWidget.selectedBackground#1c2f56
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#282932
  • editorWidget.foreground#d7dce8
  • editorWidget.resizeBorder#65667b
  • focusBorder#484d64
  • foreground#d7dce8
  • 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#d7dce8
  • input.background#1a1b22
  • input.border#00000000
  • input.foreground#d7dce8
  • input.placeholderForeground#636873
  • inputOption.activeBackground#233f79
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#2b4782
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#282932
  • list.focusBackground#1c2f56
  • list.focusForeground#d7dce8
  • list.highlightForeground#4494c2
  • list.hoverBackground#14151b
  • list.hoverForeground#d7dce8
  • list.inactiveSelectionBackground#373843
  • list.inactiveSelectionForeground#adb3c2
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#23242b
  • menu.border#00000085
  • menu.foreground#d7dce8
  • menu.selectionBackground#27426d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#545966
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#d7dce8
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1a1b22
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a85
  • minimap.selectionHighlight#252f4f
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#373843
  • notificationCenterHeader.background#2d2e38
  • notificationCenterHeader.foreground#d7dce8
  • notifications.background#282932
  • notifications.border#373843
  • notifications.foreground#d7dce8
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#373843
  • panel.background#17181f
  • panel.border#80808059
  • panelSection.border#373843
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#4c4f6b
  • peekViewEditor.background#23242b
  • peekViewEditor.matchHighlightBackground#ff8f0040
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#23242b
  • peekViewResult.background#23242b
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#23242b
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#f97376
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#2b4782
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d7dce8
  • sideBar.background#1d1e25
  • sideBar.border#17181f
  • sideBar.dropBackground#282932
  • sideBar.foreground#d7dce8
  • sideBarSectionHeader.background#1a1b22
  • sideBarSectionHeader.border#373843
  • sideBarSectionHeader.foreground#d7dce8
  • sideBarTitle.foreground#f7f8fb
  • statusBar.background#23242b
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#17181f
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#17181f
  • tab.inactiveBackground#1d1e25
  • tab.inactiveForeground#ffffff80
  • 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#ffffff
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#d7dce8
  • terminal.ansiYellow#e5e510
  • terminal.border#373843
  • terminal.foreground#c1c6d3
  • terminal.selectionBackground#d7dce816
  • terminalCursor.background#1a4db0
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#23242b
  • titleBar.activeForeground#d7dce8
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3f47
  • titleBar.inactiveForeground#747780
  • tree.indentGuidesStroke#484a58
  • 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#f97376
variable.other.generic-type.haskell#b67cf0
storage.type.haskell#d17741
support.variable.magic.python#f97376
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d7dce8
variable.parameter.function.language.special.self.python#e0bc68
storage.modifier.lifetime.rust#d7dce8
support.function.std.rust#6b94ec
entity.name.lifetime.rust#e0bc68
variable.language.rust#f97376
support.constant.edge#b67cf0
constant.other.character-class.regexp#f97376
keyword.operator.quantifier.regexp#d17741
punctuation.definition.string.begin,punctuation.definition.string.end#9ece6a
variable.parameter.function#d7dce8
comment markup.link#54596f
markup.changed.diff#e0bc68
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6b94ec
markup.inserted.diff#9ece6a
markup.deleted.diff#f97376
meta.function.c,meta.function.cpp#f97376
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#d7dce8
punctuation.separator.key-value#d7dce8
keyword.operator.expression.import#6b94ec
support.constant.math#e0bc68
support.constant.property.math#d17741
variable.other.constant#e0bc68
storage.type.annotation.java, storage.type.object.array.java#e0bc68
source.java#f97376
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#d7dce8
meta.method.java#6b94ec
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e0bc68
keyword.operator.instanceof.java#b67cf0
meta.definition.variable.name.java#f97376
keyword.operator.logical#7dcfff
keyword.operator.bitwise#7dcfff
keyword.operator.channel#7dcfff
support.constant.property-value.scss,support.constant.property-value.css#d17741
keyword.operator.css,keyword.operator.scss,keyword.operator.less#7dcfff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#d17741
punctuation.separator.list.comma.css#d7dce8
support.constant.color.w3c-standard-color-name.css#d17741
support.type.vendored.property-name.css#7dcfff
support.module.node,support.type.object.module,support.module.node#e0bc68
entity.name.type.module#e0bc68
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f97376
support.constant.json#d17741
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#b67cf0
support.type.object.console#f97376
support.variable.property.process#d17741
entity.name.function,support.function.console#6b94ec
keyword.operator.misc.rust#d7dce8
keyword.operator.sigil.rust#b67cf0
keyword.operator.delete#b67cf0
support.type.object.dom#7dcfff
support.variable.dom,support.variable.property.dom#f97376
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#7dcfff
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#b67cf0
punctuation.separator.delimiter#d7dce8
punctuation.separator.c,punctuation.separator.cpp#b67cf0
support.type.posix-reserved.c,support.type.posix-reserved.cpp#7dcfff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b67cf0
variable.parameter.function.language.python#d17741
support.type.python#7dcfff
keyword.operator.logical.python#b67cf0
variable.parameter.function.python#d17741
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d7dce8
meta.function-call.generic.python#6b94ec
constant.character.format.placeholder.other.python#d17741
keyword.operator#d7dce8
keyword.operator.assignment.compound#b67cf0
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#7dcfff
keyword#b67cf0
entity.name.namespace#e0bc68
variable#f97376
variable.c#d7dce8
variable.language#e0bc68
token.variable.parameter.java#d7dce8
import.storage.java#e0bc68
token.package.keyword#b67cf0
token.package#d7dce8
entity.name.function, meta.require, support.function.any-method, variable.function#6b94ec
entity.name.type.namespace#e0bc68
support.class, entity.name.type.class#e0bc68
entity.name.class.identifier.namespace.type#e0bc68
entity.name.class, variable.other.class.js, variable.other.class.ts#e0bc68
variable.other.class.php#f97376
entity.name.type#e0bc68
keyword.control#b67cf0
control.elements, keyword.operator.less#d17741
keyword.other.special-method#6b94ec
storage#b67cf0
token.storage#b67cf0
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#b67cf0
token.storage.type.java#e0bc68
support.function#7dcfff
support.type.property-name#d7dce8
support.constant.property-value#d7dce8
support.constant.font-name#d17741
meta.tag#d7dce8
string#9ece6a
entity.other.inherited-class#e0bc68
constant.other.symbol#7dcfff
constant.numeric#d17741
constant#d17741
punctuation.definition.constant#d17741
entity.name.tag#f97376
entity.other.attribute-name#6b94ec
entity.other.attribute-name.id#6b94ecnormal
entity.other.attribute-name.class.css#6b94ecnormal
meta.selector#b67cf0
markup.heading#f97376
markup.heading punctuation.definition.heading, entity.name.section#6b94ec
keyword.other.unit#f97376
markup.bold,todo.bold#d17741
punctuation.definition.bold#e0bc68
markup.italic, punctuation.definition.italic,todo.emphasis#b67cf0
emphasis md#b67cf0
entity.name.section.markdown#f97376
punctuation.definition.heading.markdown#f97376
punctuation.definition.list.begin.markdown#f97376
markup.heading.setext#d7dce8
punctuation.definition.bold.markdown#d17741
markup.inline.raw.markdown#9ece6a
markup.inline.raw.string.markdown#9ece6a
punctuation.definition.list.markdown#f97376
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f97376
beginning.punctuation.definition.list.markdown#f97376
punctuation.definition.metadata.markdown#f97376
markup.underline.link.markdown,markup.underline.link.image.markdown#b67cf0
string.other.link.title.markdown,string.other.link.description.markdown#6b94ec
string.regexp#7dcfff
constant.character.escape#7dcfff
punctuation.section.embedded, variable.interpolation#f97376
punctuation.section.embedded.begin,punctuation.section.embedded.end#b67cf0
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d7dce8
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f97376
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f97376
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#9ece6a
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#7dcfff
support.type.property-name.json#f97376
support.type.property-name.json punctuation#f97376
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#b67cf0
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#b67cf0
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e0bc68
keyword.operator.error-control.php#b67cf0
keyword.operator.type.php#b67cf0
punctuation.section.array.begin.php#d7dce8
punctuation.section.array.end.php#d7dce8
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#e0bc68
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6b94ec
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#d7dce8
support.constant.core.rust#d17741
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d17741
entity.name.goto-label.php,support.other.php#6b94ec
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#7dcfff
keyword.operator.regexp.php#b67cf0
keyword.operator.comparison.php#7dcfff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b67cf0
meta.function.decorator.python#6b94ec
support.token.decorator.python,meta.function.decorator.identifier.python#7dcfff
function.parameter#d7dce8
function.brace#d7dce8
function.parameter.ruby, function.parameter.cs#d7dce8
constant.language.symbol.ruby#7dcfff
rgb-value#7dcfff
inline-color-decoration rgb-value#d17741
less rgb-value#d17741
selector.sass#f97376
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e0bc68
block.scope.end,block.scope.begin#d7dce8
storage.type.cs#e0bc68
entity.name.variable.local.cs#f97376
token.info-token#6b94ec
token.warn-token#d17741
token.error-token#f44747
token.debug-token#b67cf0
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b67cf0
meta.template.expression#d7dce8
keyword.operator.module#b67cf0
support.type.type.flowtype#6b94ec
support.type.primitive#e0bc68
meta.property.object#f97376
variable.parameter.function.js#f97376
keyword.other.template.begin#9ece6a
keyword.other.template.end#9ece6a
keyword.other.substitution.begin#9ece6a
keyword.other.substitution.end#9ece6a
keyword.operator.assignment#7dcfff
keyword.operator.assignment.go#e0bc68
keyword.operator.arithmetic.go, keyword.operator.address.go#b67cf0
entity.name.package.go#e0bc68
support.type.prelude.elm#7dcfff
support.constant.elm#d17741
punctuation.quasi.element#b67cf0
constant.character.entity#f97376
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#7dcfff
entity.global.clojure#e0bc68
meta.symbol.clojure#f97376
constant.keyword.clojure#7dcfff
meta.arguments.coffee, variable.parameter.function.coffee#f97376
source.ini#9ece6a
meta.scope.prerequisites.makefile#f97376
source.makefile#e0bc68
storage.modifier.import.groovy#e0bc68
meta.method.groovy#6b94ec
meta.definition.variable.name.groovy#f97376
meta.definition.class.inherited.classes.groovy#9ece6a
support.variable.semantic.hlsl#e0bc68
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#b67cf0
text.variable, text.bracketed#f97376
support.type.swift, support.type.vb.asp#e0bc68
entity.name.function.xi#e0bc68
entity.name.class.xi#7dcfff
constant.character.character-class.regexp.xi#f97376
constant.regexp.xi#b67cf0
keyword.control.xi#7dcfff
invalid.xi#d7dce8
beginning.punctuation.definition.quote.markdown.xi#9ece6a
beginning.punctuation.definition.list.markdown.xi#54596f
constant.character.xi#6b94ec
accent.xi#6b94ec
wikiword.xi#d17741
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#54596f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e0bc68
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f97376
meta.brace.square#d7dce8
comment, punctuation.definition.comment#54596fitalic
markup.quote.markdown#54596f
punctuation.definition.block.sequence.item.yaml#d7dce8
constant.language.symbol.elixir#7dcfff
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...