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.background#1d2024
  • activityBar.border#17343d00
  • activityBar.foreground#c25b00
  • activityBar.inactiveForeground#ffffff1e
  • activityBarBadge.background#c25b00
  • activityBarBadge.foreground#ffffff
  • badge.background#f5965e
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#191919
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#ffffff
  • button.background#c25b00
  • button.foreground#080808
  • button.hoverBackground#f5f8fb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#c25b00
  • button.secondaryHoverBackground#ffffff
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#666666
  • debugExceptionWidget.border#000000
  • debugToolBar.background#666666
  • debugToolBar.border#000000
  • diffEditor.border#000000
  • diffEditor.insertedTextBackground#b6b6b628
  • diffEditor.insertedTextBorder#43404000
  • diffEditor.removedTextBackground#412356
  • diffEditor.removedTextBorder#1d2c4900
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1d2024
  • editor.findMatchBackground#232628
  • editor.findMatchBorder#000000
  • editor.findMatchHighlightBackground#f9fbff
  • editor.findMatchHighlightBorder#bababa00
  • editor.findRangeHighlightBackground#363c49
  • editor.findRangeHighlightBorder#d1d1d100
  • editor.foldBackground#496a8c4d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#274d7340
  • editor.inactiveSelectionBackground#262f3b
  • editor.lineHighlightBackground#66666640
  • editor.lineHighlightBorder#66666600
  • editor.rangeHighlightBackground#c25b00
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#505b6f
  • editor.selectionHighlightBackground#e3e3e4
  • editor.selectionHighlightBorder#000000
  • editor.wordHighlightBackground#3f3f3fb8
  • editor.wordHighlightBorder#c25b00
  • editor.wordHighlightStrongBackground#e3ecff
  • editor.wordHighlightStrongBorder#000000
  • editorBracketMatch.background#4f4f4f
  • editorBracketMatch.border#191919
  • editorCodeLens.foreground#c25b00
  • editorCursor.background#060303
  • editorCursor.foreground#c25b00
  • editorError.background#514347ed
  • editorError.border#020202d5
  • editorError.foreground#f01a4c
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1d2024
  • editorGroupHeader.tabsBackground#29292c
  • editorGroupHeader.tabsBorder#0a0a0a
  • editorGutter.addedBackground#c25b00
  • editorGutter.background#1d2024
  • editorGutter.commentRangeForeground#0053f2
  • editorGutter.deletedBackground#f50045
  • editorGutter.foldingControlForeground#0053f2
  • editorGutter.modifiedBackground#c25b00
  • editorHoverWidget.background#494949
  • editorHoverWidget.border#0a0505
  • editorHoverWidget.foreground#c25b00
  • editorIndentGuide.activeBackground#c25b00
  • editorIndentGuide.background#323d22
  • editorInfo.background#4a58607e
  • editorInfo.border#4490BF00
  • editorInfo.foreground#c25b00
  • editorLineNumber.activeForeground#f5965e
  • editorLineNumber.foreground#ffffff
  • editorLink.activeForeground#c25b00
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f2227a
  • editorMarkerNavigationInfo.background#4776d1
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#34373d
  • editorOverviewRuler.border#0000004d
  • editorRuler.foreground#202815
  • editorSuggestWidget.background#3f3f3f
  • editorSuggestWidget.border#0a0a0a
  • editorSuggestWidget.foreground#839fa7
  • editorSuggestWidget.highlightForeground#c25b00
  • editorSuggestWidget.selectedBackground#49535a
  • editorWarning.background#6b66565e
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffbf00
  • editorWhitespace.foreground#c25b00
  • editorWidget.background#252526
  • editorWidget.foreground#c25b00
  • editorWidget.resizeBorder#c25b00
  • focusBorder#c25b00
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#5cff79
  • gitDecoration.conflictingResourceForeground#ff2400
  • gitDecoration.deletedResourceForeground#845703
  • gitDecoration.ignoredResourceForeground#494848
  • gitDecoration.modifiedResourceForeground#4776d1
  • gitDecoration.stageDeletedResourceForeground#ff1c67
  • gitDecoration.stageModifiedResourceForeground#0040bc
  • gitDecoration.submoduleResourceForeground#256d04
  • gitDecoration.untrackedResourceForeground#edf5f0
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ffffff36
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#c25b00
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#1a1e26
  • list.focusBackground#c25b00
  • list.focusForeground#8a8f99
  • list.highlightForeground#383e49
  • list.hoverBackground#c25b00
  • list.hoverForeground#4b4b4b
  • list.inactiveSelectionBackground#1d2028
  • list.inactiveSelectionForeground#fde734
  • listFilterWidget.background#e2e2e2
  • listFilterWidget.noMatchesOutline#ff6a5c
  • listFilterWidget.outline#0f0f0f00
  • menu.background#282828
  • menu.border#00000085
  • menu.foreground#ffffff
  • menu.selectionBackground#c25b00
  • menu.selectionBorder#00000000
  • menu.selectionForeground#f9f9ff
  • menu.separatorBackground#5c6c8220
  • menubar.selectionBackground#c25b00
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#9ee43a
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#626161
  • merge.currentContentBackground#24a1a1
  • merge.currentHeaderBackground#e62159
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#4776d1
  • minimap.background#1d2024
  • minimap.errorHighlight#f01a4c
  • minimap.findMatchHighlight#232628
  • minimap.selectionHighlight#505b6f
  • minimap.warningHighlight#ffbf00
  • minimapGutter.addedBackground#03e045
  • minimapGutter.deletedBackground#f50045
  • minimapGutter.modifiedBackground#c25b00
  • notificationCenter.border#1f0e0e
  • notificationCenterHeader.background#c25b00
  • notificationCenterHeader.foreground#cbd5e8
  • notifications.background#262626
  • notifications.border#2b2b2e
  • notifications.foreground#c25b00
  • notificationsErrorIcon.foreground#e44626
  • notificationsInfoIcon.foreground#c25b00
  • notificationsWarningIcon.foreground#ffd61c
  • notificationToast.border#1f1414
  • panel.background#1d2024
  • panel.border#02020259
  • panelSection.border#0f1319
  • panelTitle.activeBorder#c25b00
  • panelTitle.activeForeground#c25b00
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#c25b00
  • peekViewEditor.background#242e15
  • peekViewEditor.matchHighlightBackground#75757599
  • peekViewEditor.matchHighlightBorder#5e5e5e
  • peekViewEditorGutter.background#bbe4ff1c
  • peekViewResult.background#3b3b3b
  • peekViewResult.fileForeground#c25b00
  • peekViewResult.lineForeground#000000
  • peekViewResult.matchHighlightBackground#c25b00
  • peekViewResult.selectionBackground#42648633
  • peekViewResult.selectionForeground#c25b00
  • peekViewTitle.background#c25b00
  • peekViewTitleDescription.foreground#281111b3
  • peekViewTitleLabel.foreground#fffefe
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3b5068
  • progressBar.background#c25b00
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#191b1f
  • scrollbarSlider.hoverBackground#c25b00
  • selection.background#c25b00
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#191919
  • sideBar.border#080808
  • sideBar.dropBackground#1a1e26
  • sideBar.foreground#ffffff74
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#3a6ed100
  • sideBarSectionHeader.foreground#c25b00
  • sideBarTitle.foreground#b0c1cb
  • statusBar.background#22262e
  • statusBar.border#000000
  • statusBar.debuggingBackground#ff4343
  • statusBar.debuggingBorder#000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#c25b00
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#1d4f841f
  • statusBarItem.remoteBackground#c25b00
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#191919
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#c25b00
  • tab.border#131319
  • tab.inactiveBackground#1d2024
  • 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#8e7f7f
  • terminal.ansiYellow#e5e510
  • terminal.border#0f1319
  • terminal.foreground#f5965e
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#f5965e
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ffffff
  • titleBar.activeBackground#212121
  • titleBar.activeForeground#909090
  • titleBar.border#000000b1
  • titleBar.inactiveBackground#212121
  • titleBar.inactiveForeground#d4d7db
  • tree.indentGuidesStroke#c25b00
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0e0f11

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