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#cfd2d7
  • activityBar.border#cfd2d7
  • activityBar.foreground#101419
  • activityBar.inactiveForeground#101419
  • activityBarBadge.background#69b373
  • activityBarBadge.foreground#cfd2d7
  • badge.background#ceac67
  • badge.foreground#dee1e6
  • breadcrumb.activeSelectionForeground#69b373
  • breadcrumb.background#dee1e6
  • breadcrumb.focusForeground#69b373
  • breadcrumb.foreground#101419
  • button.background#69b373
  • button.foreground#dee1e6
  • button.hoverBackground#92d59b
  • button.secondaryBackground#d4d7dc
  • button.secondaryForeground#101419
  • button.secondaryHoverBackground#c5c8cd
  • checkbox.background#c5c8cd
  • checkbox.border#c5c8cd
  • checkbox.foreground#101419
  • debugExceptionWidget.background#dee1e6
  • debugExceptionWidget.border#d9dce1
  • debugToolBar.background#dee1e6
  • debugToolBar.border#d9dce1
  • diffEditor.border#d9dce1
  • diffEditor.insertedTextBackground#69b37333
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#bd3c4233
  • dropdown.background#c5c8cd
  • dropdown.border#c5c8cd
  • dropdown.foreground#101419
  • editor.background#dee1e6
  • editor.findMatchBackground#69b3738f
  • editor.findMatchBorder#69b3738f
  • editor.findMatchHighlightBackground#413a3555
  • editor.findMatchHighlightBorder#413a3555
  • editor.findRangeHighlightBackground#d4d7dc
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#d9dce1
  • editor.foreground#101419
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#c5c8cd
  • editor.lineHighlightBackground#d9dce1
  • editor.lineHighlightBorder#d9dce1
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#d4d7dc
  • editor.selectionHighlightBackground#69b37338
  • editor.selectionHighlightBorder#69b37338
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightBorder#19375eb3
  • editor.wordHighlightStrongBackground#19375eb3
  • editor.wordHighlightStrongBorder#19375eb3
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#989ba0
  • editorCursor.background#dee1e6
  • editorCursor.foreground#101419
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#bd3c42
  • editorGroup.border#d4d7dc
  • editorGroup.emptyBackground#dee1e6
  • editorGroupHeader.border#dee1e6
  • editorGroupHeader.tabsBackground#d9dce1
  • editorGroupHeader.tabsBorder#d9dce1
  • editorGutter.addedBackground#69b373
  • editorGutter.background#dee1e6
  • editorGutter.commentRangeForeground#989ba0
  • editorGutter.deletedBackground#bd3c42
  • editorGutter.foldingControlForeground#989ba0
  • editorGutter.modifiedBackground#92d59b
  • editorHoverWidget.background#dee1e6
  • editorHoverWidget.border#c5c8cd
  • editorHoverWidget.foreground#101419
  • editorIndentGuide.activeBackground#c5c8cd
  • editorIndentGuide.background#d4d7dc
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#4d82c8
  • editorLineNumber.activeForeground#101419
  • editorLineNumber.foreground#989ba0
  • editorLink.activeForeground#4d82c8
  • editorMarkerNavigation.background#cfd2d7
  • editorMarkerNavigationError.background#bd3c42
  • editorMarkerNavigationInfo.background#4d82c8
  • editorMarkerNavigationWarning.background#ceac67
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#c5c8cd
  • editorSuggestWidget.background#cfd2d7
  • editorSuggestWidget.border#d9dce1
  • editorSuggestWidget.foreground#101419
  • editorSuggestWidget.highlightForeground#69b373
  • editorSuggestWidget.selectedBackground#92d59b44
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ceac67
  • editorWhitespace.foreground#c5c8cd
  • editorWidget.background#d9dce1
  • editorWidget.foreground#101419
  • editorWidget.resizeBorder#be5252
  • focusBorder#d9dce1
  • foreground#101419
  • gitDecoration.addedResourceForeground#69b373
  • gitDecoration.conflictingResourceForeground#a367cb
  • gitDecoration.deletedResourceForeground#bd3c42
  • gitDecoration.ignoredResourceForeground#989ba0
  • gitDecoration.modifiedResourceForeground#ceac67
  • gitDecoration.stageDeletedResourceForeground#e9a180
  • gitDecoration.stageModifiedResourceForeground#ceac67
  • gitDecoration.submoduleResourceForeground#4d82c8
  • gitDecoration.untrackedResourceForeground#92d59b
  • icon.foreground#101419
  • input.background#c5c8cd
  • input.border#c5c8cd
  • input.foreground#101419
  • input.placeholderForeground#989ba0
  • inputOption.activeBackground#69b373
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#dee1e6
  • list.activeSelectionBackground#cfd2d7
  • list.activeSelectionForeground#101419
  • list.dropBackground#d4d7dc
  • list.focusBackground#d4d7dc
  • list.focusForeground#101419
  • list.highlightForeground#69b373
  • list.hoverBackground#c5c8cd
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#d4d7dc
  • list.inactiveSelectionForeground#ceac67
  • listFilterWidget.background#dee1e6
  • listFilterWidget.noMatchesOutline#bd3c42
  • listFilterWidget.outline#00000000
  • menu.background#cfd2d7
  • menu.border#00000085
  • menu.foreground#101419
  • menu.selectionBackground#92d59b
  • menu.selectionBorder#00000000
  • menu.selectionForeground#dee1e6
  • menu.separatorBackground#c5c8cd
  • menubar.selectionBackground#d4d7dc
  • menubar.selectionBorder#dee1e6
  • menubar.selectionForeground#69b373
  • merge.commonContentBackground#1f2226
  • merge.commonHeaderBackground#d4d7dc
  • merge.currentContentBackground#305a51
  • merge.currentHeaderBackground#259f83
  • merge.incomingContentBackground#2f4664
  • merge.incomingHeaderBackground#4e88d4
  • minimap.background#dee1e6
  • minimap.errorHighlight#bd3c42
  • minimap.findMatchHighlight#69b3738f
  • minimap.selectionHighlight#d4d7dc
  • minimap.warningHighlight#ceac67
  • minimapGutter.addedBackground#69b373
  • minimapGutter.deletedBackground#bd3c42
  • minimapGutter.modifiedBackground#92d59b
  • notificationCenter.border#d4d7dc
  • notificationCenterHeader.background#d9dce1
  • notificationCenterHeader.foreground#101419
  • notifications.background#dee1e6
  • notifications.border#d4d7dc
  • notifications.foreground#101419
  • notificationsErrorIcon.foreground#bd3c42
  • notificationsInfoIcon.foreground#4d82c8
  • notificationsWarningIcon.foreground#e9a180
  • notificationToast.border#d9dce1
  • panel.background#D9DCE1
  • panel.border#D9DCE1
  • panelSection.border#d4d7dc
  • panelTitle.activeBorder#69b373
  • panelTitle.activeForeground#69b373
  • panelTitle.inactiveForeground#989ba0
  • peekView.border#4e88d4
  • peekViewEditor.background#101f32
  • peekViewEditor.matchHighlightBackground#968d874d
  • peekViewEditor.matchHighlightBorder#968d874d
  • peekViewEditorGutter.background#101f32
  • peekViewResult.background#101f32
  • peekViewResult.fileForeground#101419
  • peekViewResult.lineForeground#519bc6
  • peekViewResult.matchHighlightBackground#968d874d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#dee1e6
  • peekViewTitleDescription.foreground#989ba0
  • peekViewTitleLabel.foreground#4e88d4
  • pickerGroup.border#c5c8cd
  • pickerGroup.foreground#a367cb
  • progressBar.background#c5c8cd
  • scrollbar.shadow#cfd2d700
  • scrollbarSlider.activeBackground#d9dce1
  • scrollbarSlider.background#c5c8cd
  • scrollbarSlider.hoverBackground#989ba0
  • selection.background#989ba0
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#101419
  • sideBar.background#d9dce1
  • sideBar.border#d9dce1
  • sideBar.dropBackground#d4d7dc
  • sideBar.foreground#101419
  • sideBarSectionHeader.background#ec161600
  • sideBarSectionHeader.border#cccccc33
  • sideBarSectionHeader.foreground#101419
  • sideBarTitle.foreground#101419
  • statusBar.background#dee1e6
  • statusBar.debuggingBackground#92d59b
  • statusBar.debuggingBorder#d9dce1
  • statusBar.debuggingForeground#101419
  • statusBar.foreground#101419
  • statusBar.noFolderBackground#cfd2d7
  • statusBar.noFolderBorder#cfd2d7
  • statusBar.noFolderForeground#101419
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#69b373
  • statusBarItem.remoteForeground#101419
  • tab.activeBackground#dee1e6
  • tab.activeBorder#4d82c8
  • tab.activeBorderTop#69b37300
  • tab.activeForeground#101419
  • tab.border#dee1e600
  • tab.hoverBackground#cfd2d7
  • tab.hoverBorder#92d59b00
  • tab.hoverForeground#101419
  • tab.inactiveBackground#d9dce1
  • tab.inactiveForeground#101419
  • terminal.ansiBlack#c5c8cd
  • terminal.ansiBlue#4d82c8
  • terminal.ansiBrightBlack#989ba0
  • terminal.ansiBrightBlue#4d82c8
  • terminal.ansiBrightCyan#519bc6
  • terminal.ansiBrightGreen#69b373
  • terminal.ansiBrightMagenta#a367cb
  • terminal.ansiBrightRed#bd3c42
  • terminal.ansiBrightWhite#101419
  • terminal.ansiBrightYellow#e9a180
  • terminal.ansiCyan#519bc6
  • terminal.ansiGreen#69b373
  • terminal.ansiMagenta#a367cb
  • terminal.ansiRed#bd3c42
  • terminal.ansiWhite#dee1e6
  • terminal.ansiYellow#ceac67
  • terminal.border#d4d7dc
  • terminal.foreground#101419
  • terminal.selectionBackground#d4d7dc7e
  • terminalCursor.background#dee1e6
  • terminalCursor.foreground#101419
  • textLink.foreground#4d82c8
  • titleBar.activeBackground#dee1e6
  • titleBar.activeForeground#101419
  • titleBar.border#dee1e6
  • titleBar.inactiveBackground#d9dce1
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#c5c8cd
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#5c4d4d00

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