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#ff000000
  • activityBar.background#21242a
  • activityBar.border#ff000000
  • activityBar.foreground#ff3b00
  • activityBar.inactiveForeground#71717166
  • activityBarBadge.background#ff9b00
  • activityBarBadge.foreground#ffffff
  • badge.background#ff9b00
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#211c22
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#21242a
  • button.foreground#ffffff
  • button.hoverBackground#ff3b00
  • button.secondaryBackground#de5446
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#ff9b00
  • checkbox.background#21242a
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#21242a
  • debugExceptionWidget.border#ff3b00
  • debugToolBar.background#21242a
  • debugToolBar.border#ff3b00
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#21242a
  • diffEditor.insertedTextBorder#de544600
  • diffEditor.removedTextBackground#de544628
  • dropdown.background#21242a
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#211c22
  • editor.findMatchBackground#515c6a06
  • editor.findMatchBorder#74879f54
  • editor.findMatchHighlightBackground#de544630
  • editor.findMatchHighlightBorder#de5446
  • editor.findRangeHighlightBackground#21242a
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#21242a
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#de54463e
  • editor.inactiveSelectionBackground#de544618
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#de544624
  • editor.selectionBackground#5a444232
  • editor.selectionHighlightBackground#add6ff0e
  • editor.selectionHighlightBorder#495f77
  • editor.wordHighlightBackground#de54463e
  • editor.wordHighlightStrongBackground#de544652
  • editor.wordHighlightStrongBorder#de544632
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#de5446
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#211c22
  • editorGroupHeader.tabsBackground#211c22
  • editorGutter.addedBackground#1fff9b
  • editorGutter.background#211c22
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#de5446
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#de9f6d
  • editorHoverWidget.background#21242a
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#808080a1
  • editorIndentGuide.background#303030
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#e8e8e8
  • editorLineNumber.foreground#3f3f3f
  • editorLink.activeForeground#de5446
  • editorMarkerNavigation.background#21242a
  • editorMarkerNavigationError.background#de5446
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#ff9b00
  • editorOverviewRuler.background#96949400
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#de54467e
  • editorSuggestWidget.background#21242a
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#de5446
  • editorSuggestWidget.selectedBackground#211c22
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#de5446
  • focusBorder#ff3b00
  • foreground#cccccc
  • 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#cccccc
  • input.background#21242a
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#21242a
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#de544600
  • list.activeSelectionForeground#ff3b00
  • list.dropBackground#21242a
  • list.focusBackground#21242a
  • list.focusForeground#cccccc
  • list.highlightForeground#de5446
  • list.hoverBackground#de544600
  • list.hoverForeground#ff3b00
  • list.inactiveSelectionBackground#37373d00
  • list.inactiveSelectionForeground#ff3b00
  • listFilterWidget.background#de5446
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#772a23
  • merge.commonHeaderBackground#de5446
  • merge.currentContentBackground#075143
  • merge.currentHeaderBackground#1fff9b7a
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#39878f
  • minimap.background#211c22
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a06
  • minimap.selectionHighlight#5a444232
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#1fff9b
  • minimapGutter.deletedBackground#de5446
  • minimapGutter.modifiedBackground#de9f6d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#de5446
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#211c22
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ff3b00
  • notificationsInfoIcon.foreground#1fff9b
  • notificationsWarningIcon.foreground#ff9b00
  • notificationToast.border#474747
  • panel.background#211c22
  • panel.border#80808059
  • panelSection.border#36363659
  • panelTitle.activeBorder#ff3b00
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#de5446
  • peekViewEditor.background#21242a
  • peekViewEditor.matchHighlightBackground#de54466c
  • peekViewEditor.matchHighlightBorder#ff3b00
  • peekViewEditorGutter.background#21242a
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#de5446
  • peekViewResult.selectionBackground#ff9b007e
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#ff9b00
  • progressBar.background#de5446
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#21242a
  • scrollbarSlider.hoverBackground#de5446
  • selection.background#de5446
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#211c22
  • sideBar.border#30303000
  • sideBar.dropBackground#21242a
  • sideBar.foreground#4f4f4f
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#de9f6d
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#21242a
  • statusBar.debuggingBackground#ff3b00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#ff3b00
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#de5446
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#211c22
  • tab.activeBorder#ff3b00
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ff3b00
  • tab.border#25252600
  • tab.hoverBackground#de5446
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#211c22
  • 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#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#36363659
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ff9b00
  • terminalCursor.foreground#ffffff
  • textLink.foreground#ff9b00
  • titleBar.activeBackground#21242a
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#2e2e2e
  • 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#db7b00
variable.other.generic-type.haskell#ff3b00
storage.type.haskell#d95244
support.variable.magic.python#db7b00
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d4d4d4
variable.parameter.function.language.special.self.python#1fff9b
storage.modifier.lifetime.rust#d4d4d4
support.function.std.rust#d95244
entity.name.lifetime.rust#1fff9b
variable.language.rust#db7b00
support.constant.edge#ff3b00
constant.other.character-class.regexp#db7b00
keyword.operator.quantifier.regexp#d95244
punctuation.definition.string.begin,punctuation.definition.string.end#de9f6d
variable.parameter.function#d4d4d4
comment markup.link#4f3d3d
markup.changed.diff#1fff9b
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#d95244
markup.inserted.diff#de9f6d
markup.deleted.diff#db7b00
meta.function.c,meta.function.cpp#db7b00
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#d95244
support.constant.math#1fff9b
support.constant.property.math#d95244
variable.other.constant#1fff9b
storage.type.annotation.java, storage.type.object.array.java#1fff9b
source.java#db7b00
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#d95244
storage.modifier.import.java,storage.type.java,storage.type.generic.java#1fff9b
keyword.operator.instanceof.java#ff3b00
meta.definition.variable.name.java#db7b00
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#d95244
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#d95244
punctuation.separator.list.comma.css#d4d4d4
support.constant.color.w3c-standard-color-name.css#d95244
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#1fff9b
entity.name.type.module#1fff9b
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#db7b00
support.constant.json#d95244
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff3b00
support.type.object.console#db7b00
support.variable.property.process#d95244
entity.name.function,support.function.console#d95244
keyword.operator.misc.rust#d4d4d4
keyword.operator.sigil.rust#ff3b00
keyword.operator.delete#ff3b00
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#db7b00
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#ff3b00
punctuation.separator.delimiter#d4d4d4
punctuation.separator.c,punctuation.separator.cpp#ff3b00
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff3b00
variable.parameter.function.language.python#d95244
support.type.python#56b6c2
keyword.operator.logical.python#ff3b00
variable.parameter.function.python#d95244
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#d95244
constant.character.format.placeholder.other.python#d95244
keyword.operator#d4d4d4
keyword.operator.assignment.compound#ff3b00
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#ff3b00
entity.name.namespace#1fff9b
variable#db7b00
variable.c#d4d4d4
variable.language#1fff9b
token.variable.parameter.java#d4d4d4
import.storage.java#1fff9b
token.package.keyword#ff3b00
token.package#d4d4d4
entity.name.function, meta.require, support.function.any-method, variable.function#d95244
entity.name.type.namespace#1fff9b
support.class, entity.name.type.class#1fff9b
entity.name.class.identifier.namespace.type#1fff9b
entity.name.class, variable.other.class.js, variable.other.class.ts#1fff9b
variable.other.class.php#db7b00
entity.name.type#1fff9b
keyword.control#ff3b00
control.elements, keyword.operator.less#d95244
keyword.other.special-method#d95244
storage#ff3b00
token.storage#ff3b00
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#ff3b00
token.storage.type.java#1fff9b
support.function#56b6c2
support.type.property-name#d4d4d4
support.constant.property-value#d4d4d4
support.constant.font-name#d95244
meta.tag#d4d4d4
string#de9f6d
entity.other.inherited-class#1fff9b
constant.other.symbol#56b6c2
constant.numeric#d95244
constant#d95244
punctuation.definition.constant#d95244
entity.name.tag#db7b00
entity.other.attribute-name#d95244
entity.other.attribute-name.id#d95244normal
entity.other.attribute-name.class.css#d95244normal
meta.selector#ff3b00
markup.heading#db7b00
markup.heading punctuation.definition.heading, entity.name.section#d95244
keyword.other.unit#db7b00
markup.bold,todo.bold#d95244
punctuation.definition.bold#1fff9b
markup.italic, punctuation.definition.italic,todo.emphasis#ff3b00
emphasis md#ff3b00
entity.name.section.markdown#db7b00
punctuation.definition.heading.markdown#db7b00
punctuation.definition.list.begin.markdown#db7b00
markup.heading.setext#d4d4d4
punctuation.definition.bold.markdown#d95244
markup.inline.raw.markdown#de9f6d
markup.inline.raw.string.markdown#de9f6d
punctuation.definition.list.markdown#db7b00
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#db7b00
beginning.punctuation.definition.list.markdown#db7b00
punctuation.definition.metadata.markdown#db7b00
markup.underline.link.markdown,markup.underline.link.image.markdown#ff3b00
string.other.link.title.markdown,string.other.link.description.markdown#d95244
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#db7b00
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff3b00
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#db7b00
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#db7b00
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#de9f6d
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#db7b00
support.type.property-name.json punctuation#db7b00
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff3b00
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff3b00
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#1fff9b
keyword.operator.error-control.php#ff3b00
keyword.operator.type.php#ff3b00
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#1fff9b
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#d95244
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#d95244
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#d95244
entity.name.goto-label.php,support.other.php#d95244
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#ff3b00
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff3b00
meta.function.decorator.python#d95244
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#d95244
less rgb-value#d95244
selector.sass#db7b00
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#1fff9b
block.scope.end,block.scope.begin#d4d4d4
storage.type.cs#1fff9b
entity.name.variable.local.cs#db7b00
token.info-token#d95244
token.warn-token#d95244
token.error-token#f44747
token.debug-token#ff3b00
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff3b00
meta.template.expression#d4d4d4
keyword.operator.module#ff3b00
support.type.type.flowtype#d95244
support.type.primitive#1fff9b
meta.property.object#db7b00
variable.parameter.function.js#db7b00
keyword.other.template.begin#de9f6d
keyword.other.template.end#de9f6d
keyword.other.substitution.begin#de9f6d
keyword.other.substitution.end#de9f6d
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#1fff9b
keyword.operator.arithmetic.go, keyword.operator.address.go#ff3b00
entity.name.package.go#1fff9b
support.type.prelude.elm#56b6c2
support.constant.elm#d95244
punctuation.quasi.element#ff3b00
constant.character.entity#db7b00
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#1fff9b
meta.symbol.clojure#db7b00
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#db7b00
source.ini#de9f6d
meta.scope.prerequisites.makefile#db7b00
source.makefile#1fff9b
storage.modifier.import.groovy#1fff9b
meta.method.groovy#d95244
meta.definition.variable.name.groovy#db7b00
meta.definition.class.inherited.classes.groovy#de9f6d
support.variable.semantic.hlsl#1fff9b
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#ff3b00
text.variable, text.bracketed#db7b00
support.type.swift, support.type.vb.asp#1fff9b
entity.name.function.xi#1fff9b
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#db7b00
constant.regexp.xi#ff3b00
keyword.control.xi#56b6c2
invalid.xi#d4d4d4
beginning.punctuation.definition.quote.markdown.xi#de9f6d
beginning.punctuation.definition.list.markdown.xi#4f3d3d
constant.character.xi#d95244
accent.xi#d95244
wikiword.xi#d95244
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#4f3d3d
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#1fff9b
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#db7b00
meta.brace.square#d4d4d4
comment, punctuation.definition.comment#4f3d3ditalic
markup.quote.markdown#4f3d3d
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...