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#10563e
  • activityBar.background#1d1d1d
  • activityBar.border#ff000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#10563e
  • activityBarBadge.foreground#ffffff
  • badge.background#98c379
  • badge.foreground#1d1d1d
  • breadcrumb.activeSelectionForeground#beac1a
  • breadcrumb.background#1e1e1e
  • breadcrumb.focusForeground#beac1a
  • breadcrumb.foreground#319fda
  • button.background#883120
  • button.foreground#ffffff
  • button.hoverBackground#2c426f
  • button.secondaryBackground#10563e
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#2c426f
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#10563e
  • diffEditor.removedTextBackground#88312089
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1e1e1e
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ffffff
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#319fda89
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#f0faffb8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#2c426f
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.border#ff000000
  • editorGroupHeader.tabsBackground#1d1d1d
  • editorGroupHeader.tabsBorder#c2505000
  • editorGutter.addedBackground#2c426f
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#319fda
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#319fda
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#10563e
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a26
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#319fda
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#10563e
  • foreground#10563e
  • 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#10563e
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#2c426f
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#10563e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#10563e40
  • list.focusBackground#10563e
  • list.focusForeground#cccccc
  • list.highlightForeground#10563e
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#10563e
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#319fda
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000000
  • menu.foreground#be6f1a
  • menu.selectionBackground#10563e
  • menu.selectionBorder#00000000
  • menu.selectionForeground#a1a1a1
  • menu.separatorBackground#bbbbbb1c
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#ffe300
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1e1e1e
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#319fda89
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#2c426f
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#10563e
  • notificationCenterHeader.background#10563e
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#30303100
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#10563e
  • panelSection.border#98c37910
  • panelTitle.activeBorder#98c379
  • panelTitle.activeForeground#e7e7e7
  • 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#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#883120
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#883120
  • selection.background#be6f1a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#10563e
  • sideBar.background#2525261d
  • sideBar.dropBackground#10563e40
  • sideBar.foreground#8d3f44
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#319fda
  • sideBarTitle.foreground#2c426f
  • statusBar.background#883120
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#2c426f
  • statusBar.noFolderBorder#ff000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#1e1e1e00
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#883120
  • tab.border#25252600
  • tab.hoverBackground#98c37989
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#2d2d2d00
  • tab.inactiveForeground#10563e
  • 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#98c37910
  • terminal.foreground#98c379
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#98c379
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#1d1d1d
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1d1d1d
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#10563e
  • 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#be6f1a
variable.other.generic-type.haskell#10563e
storage.type.haskell#8d3f44
support.variable.magic.python#be6f1a
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#883120
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#319fda
entity.name.lifetime.rust#883120
variable.language.rust#be6f1a
support.constant.edge#10563e
constant.other.character-class.regexp#be6f1a
keyword.operator.quantifier.regexp#8d3f44
punctuation.definition.string.begin,punctuation.definition.string.end#98c379
variable.parameter.function#d4d4d4
comment markup.link#2c426f
markup.changed.diff#883120
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#319fda
markup.inserted.diff#98c379
markup.deleted.diff#be6f1a
meta.function.c,meta.function.cpp#be6f1a
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#d4d4d4
punctuation.separator.key-value#d4d4d4
keyword.operator.expression.import#319fda
support.constant.math#883120
support.constant.property.math#8d3f44
variable.other.constant#883120
storage.type.annotation.java, storage.type.object.array.java#883120
source.java#be6f1a
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#d4d4d4
meta.method.java#319fda
storage.modifier.import.java,storage.type.java,storage.type.generic.java#883120
keyword.operator.instanceof.java#10563e
meta.definition.variable.name.java#be6f1a
keyword.operator.logical#ffffff
keyword.operator.bitwise#ffffff
keyword.operator.channel#ffffff
support.constant.property-value.scss,support.constant.property-value.css#8d3f44
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffffff
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#8d3f44
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#8d3f44
support.type.vendored.property-name.css#ffffff
support.module.node,support.type.object.module,support.module.node#883120
entity.name.type.module#883120
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#be6f1a
support.constant.json#8d3f44
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#10563e
support.type.object.console#be6f1a
support.variable.property.process#8d3f44
entity.name.function,support.function.console#319fda
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#10563e
keyword.operator.delete#10563e
support.type.object.dom#ffffff
support.variable.dom,support.variable.property.dom#be6f1a
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffffff
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#10563e
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#10563e
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffffff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#10563e
variable.parameter.function.language.python#8d3f44
support.type.python#ffffff
keyword.operator.logical.python#10563e
variable.parameter.function.python#8d3f44
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d4d4d4
meta.function-call.generic.python#319fda
constant.character.format.placeholder.other.python#8d3f44
keyword.operator#d4d4d4
keyword.operator.assignment.compound#10563e
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffffff
keyword#10563e
entity.name.namespace#883120
variable#be6f1a
variable.c#d4d4d4
variable.language#883120
token.variable.parameter.java#d4d4d4
import.storage.java#883120
token.package.keyword#10563e
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#319fda
entity.name.type.namespace#883120
support.class, entity.name.type.class#883120
entity.name.class.identifier.namespace.type#883120
entity.name.class, variable.other.class.js, variable.other.class.ts#883120
variable.other.class.php#be6f1a
entity.name.type#883120
keyword.control#10563e
control.elements, keyword.operator.less#8d3f44
keyword.other.special-method#319fda
storage#10563e
token.storage#10563e
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#10563e
token.storage.type.java#883120
support.function#ffffff
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#8d3f44
meta.tag#d4d4d4
string#98c379
entity.other.inherited-class#883120
constant.other.symbol#ffffff
constant.numeric#8d3f44
constant#8d3f44
punctuation.definition.constant#8d3f44
entity.name.tag#be6f1a
entity.other.attribute-name#8d3f44
entity.other.attribute-name.id#319fdanormal
entity.other.attribute-name.class.css#8d3f44normal
meta.selector#10563e
markup.heading#be6f1a
markup.heading punctuation.definition.heading, entity.name.section#319fda
keyword.other.unit#be6f1a
markup.bold,todo.bold#8d3f44
punctuation.definition.bold#883120
markup.italic, punctuation.definition.italic,todo.emphasis#10563e
emphasis md#10563e
entity.name.section.markdown#be6f1a
punctuation.definition.heading.markdown#be6f1a
punctuation.definition.list.begin.markdown#be6f1a
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#8d3f44
markup.inline.raw.markdown#98c379
markup.inline.raw.string.markdown#98c379
punctuation.definition.list.markdown#be6f1a
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#be6f1a
beginning.punctuation.definition.list.markdown#be6f1a
punctuation.definition.metadata.markdown#be6f1a
markup.underline.link.markdown,markup.underline.link.image.markdown#10563e
string.other.link.title.markdown,string.other.link.description.markdown#319fda
string.regexp#ffffff
constant.character.escape#ffffff
punctuation.section.embedded, variable.interpolation#be6f1a
punctuation.section.embedded.begin,punctuation.section.embedded.end#10563e
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d4d4d4
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#be6f1a
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#be6f1a
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#98c379
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffffff
support.type.property-name.json#be6f1a
support.type.property-name.json punctuation#be6f1a
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#10563e
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#10563e
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#883120
keyword.operator.error-control.php#10563e
keyword.operator.type.php#10563e
punctuation.section.array.begin.php#d4d4d4
punctuation.section.array.end.php#d4d4d4
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#883120
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#319fda
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#d4d4d4
support.constant.core.rust#8d3f44
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#8d3f44
entity.name.goto-label.php,support.other.php#319fda
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffffff
keyword.operator.regexp.php#10563e
keyword.operator.comparison.php#ffffff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#10563e
meta.function.decorator.python#319fda
support.token.decorator.python,meta.function.decorator.identifier.python#ffffff
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#ffffff
rgb-value#ffffff
inline-color-decoration rgb-value#8d3f44
less rgb-value#8d3f44
selector.sass#be6f1a
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#883120
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#883120
entity.name.variable.local.cs#be6f1a
token.info-token#319fda
token.warn-token#8d3f44
token.error-token#f44747
token.debug-token#10563e
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#10563e
meta.template.expression#d4d4d4
keyword.operator.module#10563e
support.type.type.flowtype#319fda
support.type.primitive#883120
meta.property.object#be6f1a
variable.parameter.function.js#be6f1a
keyword.other.template.begin#98c379
keyword.other.template.end#98c379
keyword.other.substitution.begin#98c379
keyword.other.substitution.end#98c379
keyword.operator.assignment#ffffff
keyword.operator.assignment.go#883120
keyword.operator.arithmetic.go, keyword.operator.address.go#10563e
entity.name.package.go#883120
support.type.prelude.elm#ffffff
support.constant.elm#8d3f44
punctuation.quasi.element#10563e
constant.character.entity#be6f1a
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffffff
entity.global.clojure#883120
meta.symbol.clojure#be6f1a
constant.keyword.clojure#ffffff
meta.arguments.coffee, variable.parameter.function.coffee#be6f1a
source.ini#98c379
meta.scope.prerequisites.makefile#be6f1a
source.makefile#883120
storage.modifier.import.groovy#883120
meta.method.groovy#319fda
meta.definition.variable.name.groovy#be6f1a
meta.definition.class.inherited.classes.groovy#98c379
support.variable.semantic.hlsl#883120
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#10563e
text.variable, text.bracketed#be6f1a
support.type.swift, support.type.vb.asp#883120
entity.name.function.xi#883120
entity.name.class.xi#ffffff
constant.character.character-class.regexp.xi#be6f1a
constant.regexp.xi#10563e
keyword.control.xi#ffffff
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#98c379
beginning.punctuation.definition.list.markdown.xi#2c426f
constant.character.xi#319fda
accent.xi#319fda
wikiword.xi#8d3f44
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#2c426f
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#883120
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#be6f1a
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#2c426fitalic
markup.quote.markdown#2c426f
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#ffffff
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...