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#0D0F12
  • activityBar.border#000000
  • activityBar.foreground#8A78FE
  • activityBar.inactiveForeground#43474D
  • activityBarBadge.background#8A78FE
  • activityBarBadge.foreground#000000
  • badge.background#000000
  • badge.foreground#8A78FE
  • breadcrumb.background#111418
  • breadcrumb.focusForeground#AEB2B2
  • breadcrumb.foreground#43474D
  • breadcrumbPicker.background#111418
  • button.background#4A3D8A
  • button.border#4A3D8A
  • button.foreground#AEB2B2
  • button.hoverBackground#8A78FE90
  • button.secondaryBackground#8A78FE20
  • button.secondaryForeground#AEB2B2
  • button.secondaryHoverBackground#8A78FE35
  • charts.blue#28A9FF
  • charts.foreground#AEB2B2
  • charts.green#42DD76
  • charts.lines#AEB2B2
  • charts.orange#FF7135
  • charts.purple#E66DFF
  • charts.red#D62C2C
  • charts.yellow#FFB638
  • checkbox.foreground#AEB2B2
  • commandCenter.activeBackground#191C2160
  • commandCenter.activeForeground#999F9F90
  • commandCenter.background#111418
  • commandCenter.border#000000
  • commandCenter.foreground#43474D
  • contrastActiveBorder#00000000
  • contrastBorder#000000
  • dart.closingLabels#999F9FAA
  • debugExceptionWidget.background#0d0f12
  • debugExceptionWidget.border#000000
  • debugToolBar.background#191C21
  • descriptionForeground#AEB2B2
  • diffEditor.border#000000
  • diffEditor.diagonalFill#00000080
  • diffEditor.insertedTextBackground#42DD7620
  • diffEditor.removedTextBackground#D62C2C25
  • diffEditorGutter.insertedLineBackground#00000000
  • diffEditorGutter.removedLineBackground#00000000
  • dropdown.background#111418
  • dropdown.border#43474D50
  • dropdown.foreground#AEB2B2
  • dropdown.listBackground#111418
  • editor.background#111418
  • editor.findMatchBackground#FFB6382A
  • editor.findMatchBorder#FFB6384A
  • editor.findMatchHighlightBackground#FFB6382A
  • editor.findMatchHighlightBorder#FFB6384A
  • editor.foreground#AEB2B2
  • editor.hoverHighlightBackground#8A78FE4A
  • editor.inactiveSelectionBackground#8A78FE2A
  • editor.lineHighlightBackground#8A78FE0C
  • editor.lineHighlightBorder#8A78FE0F
  • editor.rangeHighlightBackground#2C225D
  • editor.selectionBackground#8A78FE25
  • editor.selectionHighlightBackground#00000000
  • editor.selectionHighlightBorder#8A78FE60
  • editor.wordHighlightBackground#8A78FE20
  • editor.wordHighlightStrongBackground#8A78FE40
  • editorBracketHighlight.foreground1#42DD76
  • editorBracketHighlight.foreground2#28A9FF
  • editorBracketHighlight.foreground3#FFB638
  • editorBracketHighlight.foreground4#FF7135
  • editorBracketHighlight.foreground5#E66DFF
  • editorBracketHighlight.foreground6#B58E95
  • editorBracketHighlight.unexpectedBracket.foreground#FF1277
  • editorBracketMatch.background#8A78FE20
  • editorBracketMatch.border#8A78FE40
  • editorBracketPairGuide.activeBackground1#42DD76
  • editorBracketPairGuide.activeBackground2#28A9FF
  • editorBracketPairGuide.activeBackground3#FFB638
  • editorBracketPairGuide.activeBackground4#FF7135
  • editorBracketPairGuide.activeBackground5#E66DFF
  • editorBracketPairGuide.activeBackground6#B58E95
  • editorCodeLens.foreground#999F9F80
  • editorCursor.background#000000
  • editorCursor.foreground#999F9F
  • editorError.border#00000000
  • editorError.foreground#D62C2C
  • editorGhostText.background#42DD7601
  • editorGhostText.border#42DD7601
  • editorGhostText.foreground#42DD7670
  • editorGroup.border#000000
  • editorGroup.dropBackground#8A78FE15
  • editorGroupHeader.border#8A78FE15
  • editorGroupHeader.noTabsBackground#111418
  • editorGroupHeader.tabsBackground#0D0F12
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#42DD76CC
  • editorGutter.background#111418
  • editorGutter.commentRangeForeground#191C21
  • editorGutter.deletedBackground#D62C2CCC
  • editorGutter.modifiedBackground#28A9FFCC
  • editorHoverWidget.background#0D0F12
  • editorHoverWidget.border#000000
  • editorIndentGuide.activeBackground#43474DBB
  • editorIndentGuide.background#43474D30
  • editorInlayHint.background#999F9F20
  • editorInlayHint.foreground#999F9F90
  • editorInlayHint.typeBackground#8A78FE30
  • editorInlayHint.typeForeground#8A78FEaa
  • editorLineNumber.activeForeground#999F9F
  • editorLineNumber.foreground#43474D90
  • editorLink.activeForeground#AEB2B2
  • editorMarkerNavigation.background#0D0F12
  • editorMarkerNavigationError.background#D62C2C90
  • editorMarkerNavigationInfo.background#28A9FF90
  • editorMarkerNavigationWarning.background#FFB63890
  • editorOverviewRuler.border#000000
  • editorOverviewRuler.commonContentForeground#FFB638
  • editorOverviewRuler.currentContentForeground#D62C2C
  • editorOverviewRuler.incomingContentForeground#42DD76
  • editorRuler.foreground#43474D30
  • editorStickyScroll.background#010101
  • editorSuggestWidget.background#0D0F12
  • editorSuggestWidget.border#000000
  • editorSuggestWidget.foreground#999F9F
  • editorSuggestWidget.highlightForeground#FFB638
  • editorSuggestWidget.selectedBackground#8A78FE3A
  • editorWarning.foreground#FFB638
  • editorWhitespace.foreground#43474D60
  • editorWidget.background#0d0f12
  • editorWidget.resizeBorder#8A78FE50
  • errorForeground#D62C2C
  • errorLens.errorBackground#FF12771A
  • errorLens.errorForeground#FF1277
  • errorLens.errorGutterIconColor#FF1277
  • errorLens.hintBackground#42DD7620
  • errorLens.hintForeground#42DD76
  • errorLens.infoBackground#28A9FF20
  • errorLens.infoForeground#28A9FF
  • errorLens.infoGutterIconColor#28A9FF
  • errorLens.statusBarErrorForeground#FF1277
  • errorLens.statusBarHintForeground#42DD76
  • errorLens.statusBarIconErrorForeground#FF1277
  • errorLens.statusBarIconWarningForeground#FFB638
  • errorLens.statusBarInfoForeground#28A9FF
  • errorLens.statusBarWarningForeground#FFB638
  • errorLens.warningBackground#FFB63820
  • errorLens.warningForeground#FFB638
  • errorLens.warningGutterIconColor#FFB638
  • extensionButton.prominentBackground#8A78FE9d
  • extensionButton.prominentForeground#0D0F12
  • extensionButton.prominentHoverBackground#8A78FE
  • focusBorder#8A78FE40
  • foreground#999F9FAA
  • gitDecoration.addedResourceForeground#42DD76
  • gitDecoration.conflictingResourceForeground#FF1277
  • gitDecoration.deletedResourceForeground#E35535
  • gitDecoration.ignoredResourceForeground#43474D
  • gitDecoration.modifiedResourceForeground#28A9FF
  • gitDecoration.renamedResourceForeground#13BBB7
  • gitDecoration.stageDeletedResourceForeground#545C7E
  • gitDecoration.stageModifiedResourceForeground#42DD76
  • gitDecoration.submoduleResourceForeground#545C7E
  • gitDecoration.untrackedResourceForeground#00A884
  • gitlens.graphLane10Color#9ACC12
  • gitlens.graphLane1Color#F85EB4
  • gitlens.graphLane2Color#28A9FF
  • gitlens.graphLane3Color#42DD76
  • gitlens.graphLane4Color#FFB638
  • gitlens.graphLane5Color#FF7135
  • gitlens.graphLane6Color#E66DFF
  • gitlens.graphLane7Color#B58E95
  • gitlens.graphLane8Color#14d7be
  • gitlens.graphLane9Color#0f9794
  • gitlens.gutterForegroundColor#737AA2
  • gitlens.gutterUncommittedForegroundColor#737AA2
  • gitlens.trailingLineForegroundColor#737AA2
  • icon.foreground#999F9FAA
  • input.background#00000000
  • input.border#43474D50
  • input.foreground#AEB2B2
  • input.placeholderForeground#43474DAA
  • inputOption.activeBorder#8A78FE
  • inputValidation.errorBackground#191C21
  • inputValidation.errorBorder#D62C2CA0
  • inputValidation.infoBackground#191C21
  • inputValidation.infoBorder#28A9FFA0
  • inputValidation.warningBackground#191C21
  • inputValidation.warningBorder#FFB638A0
  • list.activeSelectionBackground#43474D30
  • list.activeSelectionForeground#BFC3C3
  • list.dropBackground#8A78FE15
  • list.errorForeground#D62C2C
  • list.focusBackground#8A78FE40
  • list.focusForeground#999F9F
  • list.highlightForeground#FFB638
  • list.hoverBackground#43474D15
  • list.hoverForeground#AEB2B2
  • list.inactiveSelectionBackground#43474D30
  • list.warningForeground#FFB638
  • menu.background#191C21
  • menu.border#000000
  • menu.foreground#999F9F
  • menu.selectionForeground#BFC3C3
  • menu.separatorBackground#000000
  • menubar.selectionBackground#191C21
  • menubar.selectionForeground#BFC3C3
  • merge.border#000000
  • merge.commonContentBackground#FFB63830
  • merge.commonHeaderBackground#FFB63880
  • merge.currentContentBackground#42DD7630
  • merge.currentHeaderBackground#42DD7680
  • merge.incomingContentBackground#28A9FF30
  • merge.incomingHeaderBackground#28A9FF80
  • minimap.findMatchHighlight#FFB6383A
  • notificationCenterHeader.background#191C21
  • notificationCenterHeader.foreground#AEB2B2
  • notificationLink.foreground#FFB638
  • notifications.background#191C21
  • notifications.border#000000
  • notifications.foreground#999F9F
  • notificationsErrorIcon.foreground#D62C2C
  • notificationsInfoIcon.foreground#28A9FF
  • notificationsWarningIcon.foreground#FF7135
  • panel.background#0F1215
  • panel.border#000000
  • panelInput.border#6160A4
  • panelSection.border#000000
  • panelSectionHeader.background#43474D20
  • panelSectionHeader.border#000000
  • panelSectionHeader.foreground#AEB2B2
  • panelTitle.activeBorder#8A78FE
  • panelTitle.activeForeground#AEB2B2
  • panelTitle.inactiveForeground#43474D
  • peekView.border#8A78FE
  • peekViewEditor.background#191C2140
  • peekViewEditor.matchHighlightBackground#191C2140
  • peekViewEditorGutter.background#191C2140
  • peekViewResult.background#191C2140
  • peekViewResult.fileForeground#AEB2B2
  • peekViewResult.lineForeground#AEB2B2
  • peekViewResult.matchHighlightBackground#191C21
  • peekViewResult.selectionBackground#191C21
  • peekViewResult.selectionForeground#AEB2B2
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#AEB2B2
  • peekViewTitleLabel.foreground#AEB2B2
  • pickerGroup.border#000000
  • pickerGroup.foreground#AEB2B2
  • problemsErrorIcon.foreground#FF1277
  • progressBar.background#FFB638
  • sash.hoverBorder#8A78FE50
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#8A78FE40
  • scrollbarSlider.background#8A78FE20
  • scrollbarSlider.hoverBackground#8A78FE30
  • selection.background#8A78FE60
  • settings.headerForeground#AEB2B2
  • settings.modifiedItemIndicator#8A78FE
  • sideBar.background#0D0F12
  • sideBar.border#000000
  • sideBar.foreground#999F9FCC
  • sideBarSectionHeader.background#0D0F12
  • sideBarSectionHeader.border#000000
  • sideBarSectionHeader.foreground#AEB2B2
  • sideBarTitle.foreground#43474D
  • statusBar.background#0D0F12
  • statusBar.border#000000
  • statusBar.debuggingBackground#8A78FE4A
  • statusBar.debuggingForeground#AEB2B2
  • statusBar.foreground#43474D
  • statusBar.noFolderBackground#000000
  • statusBar.noFolderBorder#8A78FE
  • statusBar.noFolderForeground#8A78FE
  • statusBarItem.activeBackground#191C21
  • statusBarItem.errorBackground#D62C2C
  • statusBarItem.hoverBackground#191C21
  • statusBarItem.prominentBackground#000000
  • statusBarItem.prominentHoverBackground#191C21
  • tab.activeBackground#111418
  • tab.activeBorder#111418
  • tab.activeBorderTop#8A78FE
  • tab.activeForeground#AEB2B2
  • tab.border#000000
  • tab.hoverBackground#111418CC
  • tab.hoverBorder#00000000
  • tab.inactiveBackground#0D0F12
  • tab.inactiveForeground#43474D
  • tab.lastPinnedBorder#000000
  • tab.unfocusedActiveForeground#AEB2B2
  • tab.unfocusedHoverBackground#8A78FE10
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedInactiveForeground#AEB2B2
  • terminal.ansiBlack#63828A
  • terminal.ansiBlue#09A1ED
  • terminal.ansiBrightBlack#303742
  • terminal.ansiBrightBlue#41B9FF
  • terminal.ansiBrightCyan#16DAD6
  • terminal.ansiBrightGreen#25DA6A
  • terminal.ansiBrightMagenta#C75AF3
  • terminal.ansiBrightRed#FF2E87
  • terminal.ansiBrightWhite#E3EEFE
  • terminal.ansiBrightYellow#FFC104
  • terminal.ansiCyan#AF79FE
  • terminal.ansiGreen#2DAE58
  • terminal.ansiMagenta#EA00D9
  • terminal.ansiRed#FF0046
  • terminal.ansiWhite#DDE4F1
  • terminal.ansiYellow#CF9C00
  • terminal.background#0F1215
  • terminal.dropBackground#8A78FE1A
  • terminal.findMatchBackground#FFB6382A
  • terminal.findMatchBorder#FFB6384A
  • terminal.findMatchHighlightBackground#CCD00C3A
  • terminal.findMatchHighlightBorder#CCD00C0A
  • terminal.foreground#767FA7
  • terminal.selectionBackground#CF9C00
  • terminal.selectionForeground#0c0935
  • terminal.tab.activeBorder#8A78FE
  • terminalCommandDecoration.defaultBackground#636D83
  • terminalCommandDecoration.errorBackground#FF1277
  • terminalCommandDecoration.successBackground#31A155
  • terminalCursor.background#000000
  • terminalCursor.foreground#999F9F
  • terminalOverviewRuler.cursorForeground#FF1277
  • terminalOverviewRuler.findMatchForeground#9CA320
  • textBlockQuote.background#28A9FF34
  • textBlockQuote.border#28A9FFb9
  • textCodeBlock.background#28A9FF34
  • textLink.activeForeground#AEB2B2
  • textLink.foreground#AEB2B2
  • textPreformat.foreground#FFB638
  • textSeparator.foreground#8A78FE
  • titleBar.activeBackground#0D0F12
  • titleBar.activeForeground#999F9F
  • titleBar.border#000000
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#43474DAA
  • toolbar.hoverBackground#43474D60
  • tree.indentGuidesStroke#43474D70
  • walkThrough.embeddedEditorBackground#111418
  • widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, punctuation.definition.directive.c, punctuation.definition.directive.cpp, keyword.type.go, storage.class.d, markup.deleted.git_gutter, entity.name.tag.css, punctuation.definition.keyword.css, entity.name.tag.wildcard.css, storage.modifier.mut.rust, storage.modifier.type.rust, variable.language.self.rust, storage.modifier.cs, keyword.other.this.cs, keyword.control.powershell, storage.type.powershell, meta.function.powershell, keyword.control.shell, storage.type.shell, meta.function.shell, variable.language.this.js, keyword.operator.new.js, storage.type.js, constant.language.null.js, constant.language.undefined.js, keyword.operator.ternary.js, variable.language.this.ts, keyword.operator.new.ts, storage.type.ts, storage.type.namespace.ts, variable.language.this.ts, constant.language.null.ts, constant.language.undefined.ts, keyword.operator.ternary.ts, keyword.operator.expression.of.ts#F85EB4—
entity.name.type.primitive.rust, entity.name.type.numeric.rust, keyword.type.cs, support.type.primitive.js, support.type.primitive.ts#F85EB4—
punctuation, keyword.operator, keyword.operator.sigil.rust, keyword.operator.access.dot.rust, keyword.operator.key-value.rust, keyword.operator.attribute.inner.rust, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.brace.round.js, meta.brace.square.js, meta.brace.round.ts, meta.brace.square.ts, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, punctuation.definition.string.markdown, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json#97a2b5
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, keyword.other.common.function, entity.name.function.rust, entity.name.function.cs, support.function.powershell, support.function.shell, entity.name.function.js, entity.name.function.ts, support.function.misc.css, support.function.misc.scss#28A9FF—
support.function.macro.rust, support.function.macro.builtin.rust, support.function.macro.core.rust, entity.name.type.macro.rust, entity.name.function.macro.rust, entity.name.function.macro.rules.rust, support.function.macro.julia, support.function.builtin.zig#28A9FF—
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.table.toml, variable.key.table.toml, storage.type.haskell, storage.type.java, storage.type.primitive.java, storage.type.object.array.java, storage.type.c, storage.type.built-in.c, meta.function.definition.parameters.c, storage.type.built-in.cpp, storage.type.built-in.primitive.cpp, entity.name.class.kotlin, storage.type.go, storage.type.boolean.go, storage.type.byte.go, storage.type.error.go, storage.type.numeric.go, storage.type.rune.go, storage.type.string.go, storage.type.uintptr.go, storage.type.concrete.nim, storage.type.basic-type.d, storage.type.d, support.type.python, basicTypes.nim, meta.class.stanza.dune, storage.type.cs, entity.name.type.rust, entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.type.union.rust, entity.name.type.declaration.rust, storage.type.cs, entity.name.type.class.cs, entity.name.type.struct.cs, entity.name.type.enum.cs, entity.name.type.class.js, support.class.builtin.js, support.class.component.js, entity.name.type.class.ts#42DD76—
constant.other.haskell, variable.other.enummember.cpp, support.enum.core.rust, entity.name.type.option.rust, entity.name.type.result.rust, constant.language.bool.rust, entity.name.variable.enum-member.cs, constant.language.boolean.true.cs, constant.language.boolean.false.cs, constant.language.powershell, constant.language.powershell punctuation.definition.variable.powershell, constant.language.shell, constant.language.shell punctuation.definition.variable.shell, constant.language.boolean.true.js, constant.language.boolean.false.js, variable.other.enummember.ts, constant.language.boolean.true.ts, constant.language.boolean.false.ts, constant.language.boolean.yaml, constant.language.boolean.toml#15C9C5—
entity.name.type.trait.rust, entity.name.type.interface.ts#E66DFF—
entity.name.type.type-parameter.cs#42DD76—
variable, meta.function-call.arguments, string constant.other.placeholder, meta.function-call.java, storage.modifier.import.java, variable.other.object, variable.other.rust, entity.name.variable.local.cs, variable.other.readwrite.cs, variable.other.readwrite.js, variable.other.constant.js, , variable.css, variable.argument.css, variable.scss#c1c9eb—
variable.parameter, keyword.other.self.rust, meta.parens.block.c, variable.css, entity.name.variable.parameter.cs, variable.parameter.js, variable.parameter.ts#14d7be—
entity.name.variable.field.cs, variable.other.object.property.cs, variable.other.member.powershell, variable.other.member.shell, variable.other.property.js, variable.object.property.ts, variable.other.property.ts#B58E95—
constant.other.caps.rust, constant.language.null.cs, support.constant.variable.powershell, support.constant.variable.powershell punctuation.definition.variable.powershell, support.constant.variable.shell, support.constant.variable.shell punctuation.definition.variable.shell, variable.other.constant.js, variable.other.constant.ts, constant.language.json, constant.other.boolean.toml#15C9C5—
string, punctuation.definition.string, constant.other.symbol, constant.other.key, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, string.quoted.double.rust, punctuation.definition.string.rust, string.quoted.double.cs, punctuation.definition.string.begin.cs, punctuation.definition.string.end.cs, string.quoted.double.powershell, string.quoted.single.powershell, punctuation.definition.string.begin.powershell, punctuation.definition.string.end.powershell, string.quoted.double.shell, string.quoted.single.shell, punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell, string.quoted.single.js, string.quoted.double.js, string.template.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, string.quoted.single.ts, string.quoted.double.ts, string.template.ts, punctuation.definition.string.begin.ts, punctuation.definition.string.end.ts, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.ts, string.quoted.double.css, string.quoted.double.scss, string.quoted.single.css, string.quoted.single.scss, string.quoted.single.xml, string.quoted.double.xml, string.quoted.double.json, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, punctuation.definition.string.begin.yaml, punctuation.definition.string.end.yaml, string.quoted.single.yaml, string.quoted.double.yaml, string.quoted.single.basic.line.toml, string.quoted.triple.basic.block.toml, string.quoted.single.literal.line.toml, string.quoted.triple.literal.block.toml, string.quoted.single.ini, string.quoted.double.ini, punctuation.definition.string.begin.ini, punctuation.definition.string.end.ini, string.quoted.double.bnf, string.quoted.single.bnf#FFB638—
constant.character.escape, constant.character.escape.rust, constant.character.escape.cs, constant.character.escape.powershell, constant.character.escape.shell, constant.character.escape.js, constant.character.escape.ts, punctuation.definition.constant.xml, constant.character.entity.xml, constant.character.escape.yaml, constant.character.escape.toml#FF7135—
punctuation.definition.char.rust, string.quoted.single.char.rust, punctuation.definition.char.begin.cs, punctuation.definition.char.end.cs, string.quoted.single.cs#FF7135—
constant.numeric, constant.numeric.decimal.rust, constant.numeric.bin.rust, constant.numeric.hex.rust, constant.numeric.oct.rust, punctuation.separator.dot.decimal.rust, constant.numeric.binary.cs, constant.numeric.decimal.cs, constant.numeric.hex.cs, constant.numeric.integer.powershell, constant.numeric.hex.powershell, constant.numeric.octal.powershell, constant.numeric.integer.shell, constant.numeric.hex.shell, constant.numeric.octal.shell, constant.numeric.binary.js, constant.numeric.decimal.js, constant.numeric.hex.js, constant.numeric.octal.js, constant.numeric.binary.ts, constant.numeric.decimal.ts, constant.numeric.hex.ts, constant.numeric.octal.ts, constant.numeric.css, constant.numeric.json, constant.numeric.integer.yaml, constant.numeric.float.yaml, constant.numeric.integer.toml, constant.numeric.float.toml, constant.numeric.bin.toml, constant.numeric.hex.toml, constant.numeric.oct.toml, constant.numeric.inf.toml, constant.numeric.nan.toml#FF7135—
comment, punctuation.definition.comment, comment.block.cs, comment.line.double-slash.cs, comment.line.powershell, comment.line.shell, comment.block.documentation.js, comment.line.double-slash.js, comment.block.documentation.ts, comment.line.double-slash.ts, comment.block.xml, punctuation.definition.comment.xml, comment, comment.line.double-slash.js, comment.block.json, punctuation.definition.comment.yaml, comment.line.number-sign.yaml, punctuation.definition.comment.toml, comment.line.number-sign.toml, punctuation.definition.comment.ini, comment.line.semicolon.ini, comment.line.number-sign.ini, comment.line.bnf, comment.block.bnf#444B6Aitalic
meta.attribute.rust, meta.attribute.rust punctuation.definition.attribute.rust, meta.attribute.rust punctuation.brackets.attribute.rust, meta.attribute.rust punctuation.brackets.round.rust, meta.attribute.rust entity.name.type.rust, support.function.attribute.powershell, variable.parameter.attribute.powershell, support.function.attribute.shell, variable.parameter.attribute.shell#FF7135—
invalid, invalid.illegal#FF2884—
*url*, *link*, *uri*—underline
keyword.operator.misc.question-mark.rust, keyword.operator.question.rust#F85EB4—
punctuation.definition.lifetime.rust, entity.name.type.lifetime.rust, storage.modifier.lifetime.rust#E66DFF—
meta.interpolation.rust, punctuation.definition.interpolation.rust#E66DFF—
variable.other.metavariable.specifier.rust#9ACC12—
entity.name.tag.cs, comment.block.documentation.cs punctuation.definition.tag.cs, comment.block.documentation.cs punctuation.separator.equals.cs#444B6A—
entity.other.attribute-name.cs#FF7135—
comment.block.documentation.cs#c1c9eb—
punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs#E66DFF—
variable.other.readwrite.powershell, punctuation.definition.variable.powershell, storage.modifier.scope.powershell, variable.other.readwrite.shell, punctuation.definition.variable.shell, storage.modifier.scope.shell, variable.other.assignment.shell, punctuation.definition.variable.shell#42DD76—
storage.modifier.scope.powershell, support.variable.drive.powershell, storage.modifier.scope.shell, support.variable.drive.shell, punctuation.definition.variable.shell#42DD76underline
support.variable.automatic.powershell, support.variable.automatic.shell, support.variable.automatic.powershell punctuation.definition.variable.powershell, support.variable.automatic.shell punctuation.definition.variable.shell, variable.other.normal.shell#E66DFF—
keyword.operator.comparison.powershell, keyword.operator.comparison.powershell, keyword.operator.logical.shell, keyword.operator.logical.shell#F85EB4—
keyword.operator.documentation.powershell, keyword.operator.documentation.shell, punctuation.definition.variable.shell#c1c9eb—
punctuation.section.embedded.substatement.begin.powershell, punctuation.section.embedded.substatement.end.powershell, punctuation.section.embedded.substatement.begin.shell, punctuation.section.embedded.substatement.end.shell#E66DFF—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js#E66DFF—
punctuation.definition.group.regexp, punctuation.definition.group.no-capture.regexp#c1c9eb—
constant.other.character-class.regexp, keyword.operator.quantifier.regexp, keyword.control.anchor.regexp, punctuation.definition.look-ahead.regexp, meta.assertion.look-ahead.regexp, meta.group.assertion.regexp#E66DFF—
punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js#FF7135bold
entity.other.attribute-name.js#E66DFFitalic
punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts#E66DFF—
entity.name.tag.html#F85EB4—
entity.other.attribute-name.html, entity.other.attribute-name.css#15C9C5italic
meta.attribute.id.html string.quoted.double.html, entity.other.attribute-name.id.css#FF7135bold
meta.attribute.class.html string.quoted.double.html, entity.other.attribute-name.class.css#42DD76—
meta.attribute, meta.attribute-selector.css string.quoted.double.css#FFB638—
meta.attribute.href.html string.quoted.double.html, meta.attribute.src.html string.quoted.double.html, meta.attribute.unrecognized.xmlns.html string.quoted.double.html#E66DFF—
meta.embedded.line.css#9ACC12—
entity.name.tag.css#F85EB4—
support.type.property-name.css, meta.property-name.css, meta.property-name.scss, support.type.property-name.media.css#B58E95—
support.constant.property-value.css#15C9C5—
support.constant.font-name.css#FFB638—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#9ACC12—
keyword.other.unit.rem.css, keyword.other.unit.em.css, keyword.other.unit.ex.css, keyword.other.unit.ch.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.vmin.css, keyword.other.unit.vmax.css, keyword.other.unit.percentage.css, keyword.other.unit.mm.css, keyword.other.unit.in.css, keyword.other.unit.px.css, keyword.other.unit.pt.css, keyword.other.unit.pc.css, keyword.other.unit.deg.css, constant.other.scss#FF7135—
keyword.operator.logical.and.media.css, keyword.operator.logical.not.media.css, keyword.operator.logical.only.media.css#F85EB4—
support.constant.media.css#E66DFF—
punctuation.definition.keyword.scss, keyword.control.at-rule.include.scss, entity.name.tag.reference.scss, entity.name.tag.wildcard.scss#F85EB4—
entity.name.tag.xml, entity.name.tag.localname.xml#F85EB4—
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#15C9C5italic
entity.name.tag.namespace.xml#9ACC12—
entity.other.attribute-name.namespace.xml#9ACC12italic
entity.other.attribute-name.xml punctuation.separator.namespace.xml—italic
variable.language.documentroot.xml#E66DFF—
text.html.markdown, punctuation.definition.list_item.markdown#c1c9eb—
punctuation.definition.raw.markdown, markup.inline.raw.string.markdown#c1c9ebbold
markup.fenced_code.block.markdown#c1c9eb—
fenced_code.block.language.markdown, markup.fenced_code.block.markdown punctuation.definition.markdown#c1c9ebbold
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown#F85EB4—
punctuation.definition.bold.markdown, markup.bold, markup.bold string#FF7135bold
punctuation.definition.italic.markdown, markup.italic#28A9FFitalic
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#28A9FFitalic bold
punctuation.definition.quote.begin.markdown, markup.quote.markdown#FFB638italic
markup.strikethrough.markdown, punctuation.definition.strikethrough.markdown#636D83strikethrough
meta.separator.markdown#c1c9ebbold
punctuation.definition.list.begin.markdown#15C9C5—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, string.other.link.description.title.markdown, string.other.link.description.markdown, string.other.link.title.markdown#42DD76—
markup.underline.link, constant.other.reference.link.markdown#E66DFFunderline
punctuation.definition.math.begin.markdown#9ACC12—
constant.character.math.tex, constant.character.math.tex punctuation.definition.math.tex#15C9C5—
support.type.property-name.json#F85EB4—
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json——
entity.name.tag.yaml#F85EB4—
constant.other.timestamp.yaml#42DD76—
constant.language.null.yaml#F85EB4—
storage.type.tag-handle.yaml#F85EB4—
entity.name.type.anchor.yaml, punctuation.definition.anchor.yaml, variable.other.alias.yaml, keyword.control.flow.alias.yaml punctuation.definition.alias.yaml#9ACC12—
keyword.key.toml, support.type.property-name.toml#F85EB4—
constant.other.date.toml, constant.other.datetime.toml, constant.other.datetime-with-timezone.toml, constant.other.time.date.toml, constant.other.time.time.toml, constant.other.time.datetime.local.toml, constant.other.time.datetime.offset.toml#42DD76—
entity.other.attribute-name.table.toml, support.type.property-name.table.toml#9ACC12—
entity.other.attribute-name.table.array.toml, support.type.property-name.array.toml#E66DFF—
keyword.other.definition.ini#F85EB4—
entity.name.section.group-title.ini#9ACC12—
entity.name.class.bnf#42DD76—
support.variable.bnf#15C9C5—
entity.name.tag.njk#97a2b5—
support.variable.njk#97a2b5—
keyword.operator.njk, punctuation.output.njk, punctuation.tag.njk#B58E95—
keyword.separator.pipe.njk, support.function.filter.njk, punctuation.tag.njk#E66DFF—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...