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#690d77
  • activityBar.border#45004f
  • activityBar.foreground#fde937
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#fe8024
  • activityBarBadge.foreground#ffffff
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#000000
  • breadcrumb.background#fde937
  • breadcrumb.focusForeground#000000
  • breadcrumb.foreground#000000cc
  • button.background#0e639c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1e1e1e
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • 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#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1e1e1e
  • editorGroupHeader.tabsBackground#ff7f25
  • editorGroupHeader.tabsBorder#f07621
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#1e1e1e
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#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#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • 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#fde937
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#de1015
  • gitDecoration.conflictingResourceForeground#fe8024
  • gitDecoration.deletedResourceForeground#ffe937
  • gitDecoration.ignoredResourceForeground#0e7428
  • gitDecoration.modifiedResourceForeground#0044f8
  • gitDecoration.stageDeletedResourceForeground#c91be4
  • gitDecoration.stageModifiedResourceForeground#f4a0ad
  • gitDecoration.submoduleResourceForeground#ffffff
  • gitDecoration.untrackedResourceForeground#53c7f5
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#37373d
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#fe7e03
  • menu.border#00000085
  • menu.foreground#ffffff
  • menu.selectionBackground#c95b0b
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#00000044
  • menubar.selectionForeground#ffffff
  • 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#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#bc0d11
  • notificationCenterHeader.foreground#ffffff
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • 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#4e4e5e
  • pickerGroup.foreground#278bfd
  • progressBar.background#690d77
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#de1015
  • scrollbarSlider.background#ffe937
  • scrollbarSlider.hoverBackground#fe8024
  • selection.background#690d77
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#252526
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#0044f8
  • statusBar.debuggingBackground#fe8024
  • statusBar.debuggingBorder#ff3e3e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#690d77
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0e7428
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#ffe937
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#000000
  • tab.border#fe7e24
  • tab.hoverBackground#ffffff20
  • tab.hoverBorder#ff0000
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#fe7e24
  • tab.inactiveForeground#ffffff
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#fe7e24
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ffff00
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#ffe937
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#4475f9
  • titleBar.activeBackground#ba0b0f
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • 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#e06c75
variable.other.generic-type.haskell#c678dd
storage.type.haskell#ff830e
support.variable.magic.python#e06c75
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#ffe937
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#61afef
entity.name.lifetime.rust#ffe937
variable.language.rust#e06c75
support.constant.edge#c678dd
constant.other.character-class.regexp#e06c75
keyword.operator.quantifier.regexp#ff830e
punctuation.definition.string.begin,punctuation.definition.string.end#98c379
variable.parameter.function#d4d4d4
comment markup.link#7f848e
markup.changed.diff#ffe937
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#98c379
markup.deleted.diff#e06c75
meta.function.c,meta.function.cpp#e06c75
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#61afef
support.constant.math#ffe937
support.constant.property.math#ff830e
variable.other.constant#ffe937
storage.type.annotation.java, storage.type.object.array.java#ffe937
source.java#e06c75
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#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffe937
keyword.operator.instanceof.java#c678dd
meta.definition.variable.name.java#e06c75
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#ff830e
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56b6c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ff830e
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#ff830e
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#ffe937
entity.name.type.module#ffe937
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#e06c75
support.constant.json#ff830e
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c678dd
support.type.object.console#e06c75
support.variable.property.process#ff830e
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#c678dd
keyword.operator.delete#c678dd
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#e06c75
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56b6c2
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#c678dd
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#c678dd
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c678dd
variable.parameter.function.language.python#ff830e
support.type.python#56b6c2
keyword.operator.logical.python#c678dd
variable.parameter.function.python#ff830e
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#61afef
constant.character.format.placeholder.other.python#ff830e
keyword.operator#d4d4d4
keyword.operator.assignment.compound#c678dd
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#c678dd
entity.name.namespace#ffe937
variable#e06c75
variable.c#d4d4d4
variable.language#ffe937
token.variable.parameter.java#d4d4d4
import.storage.java#ffe937
token.package.keyword#c678dd
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#ffe937
support.class, entity.name.type.class#ffe937
entity.name.class.identifier.namespace.type#ffe937
entity.name.class, variable.other.class.js, variable.other.class.ts#ffe937
variable.other.class.php#e06c75
entity.name.type#ffe937
keyword.control#c678dd
control.elements, keyword.operator.less#ff830e
keyword.other.special-method#61afef
storage#c678dd
token.storage#c678dd
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#c678dd
token.storage.type.java#ffe937
support.function#56b6c2
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#ff830e
meta.tag#d4d4d4
string#98c379
entity.other.inherited-class#ffe937
constant.other.symbol#56b6c2
constant.numeric#ff830e
constant#ff830e
punctuation.definition.constant#ff830e
entity.name.tag#e06c75
entity.other.attribute-name#ff830e
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#ff830enormal
meta.selector#c678dd
markup.heading#e06c75
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#e06c75
markup.bold,todo.bold#ff830e
punctuation.definition.bold#ffe937
markup.italic, punctuation.definition.italic,todo.emphasis#c678dd
emphasis md#c678dd
entity.name.section.markdown#e06c75
punctuation.definition.heading.markdown#e06c75
punctuation.definition.list.begin.markdown#e06c75
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#ff830e
markup.inline.raw.markdown#98c379
markup.inline.raw.string.markdown#98c379
punctuation.definition.list.markdown#e06c75
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#e06c75
beginning.punctuation.definition.list.markdown#e06c75
punctuation.definition.metadata.markdown#e06c75
markup.underline.link.markdown,markup.underline.link.image.markdown#c678dd
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#e06c75
punctuation.section.embedded.begin,punctuation.section.embedded.end#c678dd
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#e06c75
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e06c75
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#56b6c2
support.type.property-name.json#e06c75
support.type.property-name.json punctuation#e06c75
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c678dd
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c678dd
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffe937
keyword.operator.error-control.php#c678dd
keyword.operator.type.php#c678dd
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#ffe937
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#ff830e
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ff830e
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#c678dd
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c678dd
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#d4d4d4
function.brace#d4d4d4
function.parameter.ruby, function.parameter.cs#d4d4d4
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#ff830e
less rgb-value#ff830e
selector.sass#e06c75
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffe937
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#ffe937
entity.name.variable.local.cs#e06c75
token.info-token#61afef
token.warn-token#ff830e
token.error-token#f44747
token.debug-token#c678dd
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c678dd
meta.template.expression#d4d4d4
keyword.operator.module#c678dd
support.type.type.flowtype#61afef
support.type.primitive#ffe937
meta.property.object#e06c75
variable.parameter.function.js#e06c75
keyword.other.template.begin#98c379
keyword.other.template.end#98c379
keyword.other.substitution.begin#98c379
keyword.other.substitution.end#98c379
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#ffe937
keyword.operator.arithmetic.go, keyword.operator.address.go#c678dd
entity.name.package.go#ffe937
support.type.prelude.elm#56b6c2
support.constant.elm#ff830e
punctuation.quasi.element#c678dd
constant.character.entity#e06c75
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#ffe937
meta.symbol.clojure#e06c75
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#e06c75
source.ini#98c379
meta.scope.prerequisites.makefile#e06c75
source.makefile#ffe937
storage.modifier.import.groovy#ffe937
meta.method.groovy#61afef
meta.definition.variable.name.groovy#e06c75
meta.definition.class.inherited.classes.groovy#98c379
support.variable.semantic.hlsl#ffe937
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#c678dd
text.variable, text.bracketed#e06c75
support.type.swift, support.type.vb.asp#ffe937
entity.name.function.xi#ffe937
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#e06c75
constant.regexp.xi#c678dd
keyword.control.xi#56b6c2
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#98c379
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#ff830e
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffe937
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#e06c75
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d4d4d4
constant.language.symbol.elixir#56b6c2
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...