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.activeBackground#bd93f96a
  • activityBar.background#1b1e2b
  • activityBar.border#000000
  • activityBar.foreground#50fa7b
  • activityBar.inactiveForeground#ffeef82a
  • activityBarBadge.background#44475a
  • activityBarBadge.foreground#ff6cc0
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#4b4b4b
  • breadcrumb.background#292c3e
  • breadcrumb.focusForeground#4b4b4b
  • breadcrumb.foreground#8899a3
  • button.background#7a619d
  • button.foreground#ffffff
  • button.hoverBackground#c979a7
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#31354b
  • checkbox.border#000000
  • checkbox.foreground#d3d3d3
  • debugExceptionWidget.background#2b2d34
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#2b2d34
  • debugToolBar.border#47474700
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#31354b
  • dropdown.border#000000
  • dropdown.foreground#d3d3d3
  • editor.background#232536
  • 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#241a32
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#333551
  • 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#232536
  • editorGroupHeader.border#1d1d21
  • editorGroupHeader.tabsBackground#292c3e
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#232536
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#292c3e
  • editorHoverWidget.border#343641
  • 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#292c3e
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#292c3e
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#50fa7b
  • editorSuggestWidget.selectedBackground#6b5d80
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#232636
  • editorWidget.foreground#d3d3d3
  • editorWidget.resizeBorder#ff79c6
  • focusBorder#50fa7b
  • foreground#50fa7b
  • 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#50fa7b
  • input.background#31354b
  • input.border#000000
  • input.foreground#d3d3d3
  • input.placeholderForeground#6d75a5
  • inputOption.activeBackground#8a2ba566
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#292c3e
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#ff79c6
  • list.focusForeground#ffffff
  • list.highlightForeground#50fa7b
  • list.hoverBackground#bd93f946
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#303047
  • list.inactiveSelectionForeground#50fa7b
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#292c3e
  • menu.border#8a7b7b00
  • menu.foreground#fcffd5
  • menu.selectionBackground#bd93f9
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4f677b54
  • menubar.selectionBackground#292c3e
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#232536
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#333551
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#24283b
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#1b1e2b
  • notifications.border#30303100
  • notifications.foreground#b1e2ff
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474700
  • panel.background#232534
  • panel.border#00000059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#343641
  • peekViewEditor.background#343641
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#343641
  • 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#51517100
  • pickerGroup.foreground#e4e4e4
  • progressBar.background#f1fa8c
  • scrollbar.shadow#50fa7b
  • scrollbarSlider.activeBackground#825199db
  • scrollbarSlider.background#825199db
  • scrollbarSlider.hoverBackground#825199db
  • selection.background#6272a4
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#50fa7b
  • sideBar.background#232636
  • sideBar.border#000000
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#e4e4e4
  • sideBarSectionHeader.background#43434300
  • sideBarSectionHeader.border#58585833
  • sideBarSectionHeader.foreground#fcffd5
  • sideBarTitle.foreground#fcffd5
  • statusBar.background#4f3c6b
  • statusBar.debuggingBackground#6ab47d
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#fcffd5
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#15162e
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#232636
  • tab.activeBorder#bd93f9
  • tab.activeBorderTop#5affb200
  • tab.activeForeground#fcffd5
  • tab.border#25252600
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#292c3e
  • 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#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#50fa7b
  • titleBar.activeBackground#4f3c6b
  • titleBar.activeForeground#fcffd5
  • titleBar.border#000000
  • titleBar.inactiveBackground#372c47
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000080

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