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#0f1319
  • activityBar.foreground#d5d7d9
  • activityBar.inactiveForeground#d5d7d96e
  • activityBarBadge.background#1461b0
  • activityBarBadge.foreground#ffffff
  • badge.background#de362c
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d5d7d9
  • breadcrumb.background#14181e
  • breadcrumb.focusForeground#d5d7d9
  • breadcrumb.foreground#d5d7d976
  • button.background#199f2e
  • button.foreground#ffffff
  • button.hoverBackground#2ac441
  • button.secondaryBackground#41464b
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#333b42
  • checkbox.background#14181e
  • checkbox.border#00000000
  • checkbox.foreground#d5d7d9
  • debugExceptionWidget.background#14181e
  • debugExceptionWidget.border#41464b
  • debugToolBar.background#14181e
  • debugToolBar.border#41464b
  • diffEditor.border#41464b
  • diffEditor.insertedTextBackground#32d74b12
  • diffEditor.removedTextBackground#ff453a22
  • dropdown.background#14181e
  • dropdown.border#00000000
  • dropdown.foreground#d5d7d9
  • editor.background#0f1319
  • editor.findMatchBackground#515c6a74
  • editor.findMatchBorder#74879f83
  • editor.findMatchHighlightBackground#ff766f12
  • editor.findMatchHighlightBorder#ff766f44
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#2642784d
  • editor.foreground#d5d7d9
  • editor.hoverHighlightBackground#264f786e
  • editor.inactiveSelectionBackground#333b42
  • editor.lineHighlightBackground#00000016
  • editor.lineHighlightBorder#77777716
  • editor.rangeHighlightBackground#ffffff06
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#213251
  • editor.selectionHighlightBackground#add6ff14
  • editor.selectionHighlightBorder#495f779d
  • editor.wordHighlightBackground#57575778
  • editor.wordHighlightStrongBackground#00497252
  • editor.wordHighlightStrongBorder#6392b422
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#8191a1
  • editorCursor.background#0d0e0f
  • editorCursor.foreground#eef0f2
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff655c
  • editorGroup.border#41464b
  • editorGroup.emptyBackground#1b1d1f
  • editorGroupHeader.tabsBackground#0f1319
  • editorGutter.addedBackground#40944d
  • editorGutter.background#0f1319
  • editorGutter.commentRangeForeground#6b7075
  • editorGutter.deletedBackground#c7453e
  • editorGutter.foldingControlForeground#6b7075
  • editorGutter.modifiedBackground#287192
  • editorHoverWidget.background#14181e
  • editorHoverWidget.border#41464b
  • editorHoverWidget.foreground#d5d7d9
  • editorIndentGuide.activeBackground#585c60
  • editorIndentGuide.background#333b42
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#4094e0
  • editorLineNumber.activeForeground#d5d7d9
  • editorLineNumber.foreground#5a5e62
  • editorLink.activeForeground#24a2db
  • editorMarkerNavigation.background#14181e
  • editorMarkerNavigationError.background#ff453a
  • editorMarkerNavigationInfo.background#24a2db
  • editorMarkerNavigationWarning.background#ffd60a
  • editorOverviewRuler.background#ffffff02
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#333b42
  • editorSuggestWidget.background#14181e
  • editorSuggestWidget.border#41464b
  • editorSuggestWidget.foreground#d5d7d9
  • editorSuggestWidget.highlightForeground#24a2db
  • editorSuggestWidget.selectedBackground#213864
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f2d648
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#14181e
  • editorWidget.foreground#d5d7d9
  • editorWidget.resizeBorder#6d7277
  • focusBorder#1461b0
  • foreground#eef0f2
  • 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#eef0f2
  • input.background#14181e
  • input.border#00000000
  • input.foreground#d5d7d9
  • input.placeholderForeground#6d7175
  • inputOption.activeBackground#1461b099
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#10467d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#333b42
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#0f1319
  • list.hoverForeground#eef0f2
  • list.inactiveSelectionBackground#333b42
  • list.inactiveSelectionForeground#d5d7d9
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#333b42
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#10467d
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4f5256
  • menubar.selectionBackground#333b42
  • menubar.selectionForeground#d5d7d9
  • merge.commonContentBackground#14181e
  • merge.commonHeaderBackground#333b42
  • merge.currentContentBackground#144f1d
  • merge.currentHeaderBackground#257331
  • merge.incomingContentBackground#113c68
  • merge.incomingHeaderBackground#1461b0
  • minimap.background#1b1d1f
  • minimap.errorHighlight#ff655c
  • minimap.findMatchHighlight#515c6a74
  • minimap.selectionHighlight#213251
  • minimap.warningHighlight#f2d648
  • minimapGutter.addedBackground#40944d
  • minimapGutter.deletedBackground#c7453e
  • minimapGutter.modifiedBackground#287192
  • notificationCenter.border#41464b
  • notificationCenterHeader.background#333b42
  • notificationCenterHeader.foreground#eef0f2
  • notifications.background#14181e
  • notifications.border#41464b
  • notifications.foreground#eef0f2
  • notificationsErrorIcon.foreground#ff453a
  • notificationsInfoIcon.foreground#5ac8fa
  • notificationsWarningIcon.foreground#eccd31
  • notificationToast.border#41464b
  • panel.background#0d1117
  • panel.border#181c22
  • panelSection.border#80808059
  • panelTitle.activeBorder#32d74b
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#425262
  • peekViewEditor.background#151617
  • peekViewEditor.matchHighlightBackground#ffa70050
  • peekViewEditor.matchHighlightBorder#ff8d3ad9
  • peekViewEditorGutter.background#0f1011
  • peekViewResult.background#111213
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#d5d7d9
  • peekViewResult.matchHighlightBackground#ff453a54
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#111213
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#41464b
  • pickerGroup.foreground#24a2db
  • progressBar.background#32d74b
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#ffffff24
  • scrollbarSlider.background#ffffff06
  • scrollbarSlider.hoverBackground#ffffff16
  • selection.background#1461b0
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#eef0f2
  • sideBar.background#14181e
  • sideBar.dropBackground#333b42
  • sideBar.foreground#d5d7d9
  • sideBarSectionHeader.background#0f1319
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#d5d7d9
  • sideBarTitle.foreground#a9adb2
  • statusBar.background#0f1319
  • statusBar.debuggingBackground#a5211a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#582373
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#138424
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#14181e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#32d74b
  • tab.activeForeground#ffffff
  • tab.border#0f1319
  • tab.hoverBackground#ffffff0a
  • tab.inactiveBackground#0f1319
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#1461b0
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3584d5
  • terminal.ansiBrightCyan#5ac8fa
  • terminal.ansiBrightGreen#48e260
  • terminal.ansiBrightMagenta#cc72fb
  • terminal.ansiBrightRed#fd736b
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#18a1c0
  • terminal.ansiGreen#12b02a
  • terminal.ansiMagenta#a944de
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#d5d7d9
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#b1b8be
  • terminal.selectionBackground#ffffff14
  • terminalCursor.background#1461b0
  • terminalCursor.foreground#ffffff
  • textLink.foreground#24a2db
  • titleBar.activeBackground#0f1319
  • titleBar.activeForeground#d5d7d9
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3a3d3f
  • titleBar.inactiveForeground#72787d
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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