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#505050
  • activityBar.activeBorder#64D2FF
  • activityBar.activeFocusBorder#9B91FF
  • activityBar.background#464646
  • activityBar.border#464646
  • activityBar.dropBorder#64D2FF
  • activityBar.foreground#FFFFFF
  • activityBar.inactiveForeground#B4B4B4
  • activityBarBadge.background#64D2FF
  • activityBarBadge.foreground#464646
  • badge.background#64D2FF
  • badge.foreground#464646
  • banner.background#1EA0FF64
  • banner.foreground#F0F0F0
  • banner.iconForeground#64D2FF
  • breadcrumb.activeSelectionForeground#F0F0F0
  • breadcrumb.background#191919
  • breadcrumb.focusForeground#8CDCFF
  • breadcrumb.foreground#B4B4B4
  • breadcrumbPicker.background#232323e1
  • button.background#008CF07d
  • button.border#FFFFFF3c
  • button.foreground#F0F0F0
  • button.hoverBackground#9B91FF78
  • button.secondaryBackground#008CF064
  • button.secondaryForeground#F0F0F0
  • button.secondaryHoverBackground#646464
  • checkbox.background#008CF078
  • checkbox.border#646464
  • checkbox.foreground#F0F0F0
  • debugExceptionWidget.background#282828e1
  • debugExceptionWidget.border#9B91FF
  • debugToolBar.background#282828f0
  • debugView.exceptionLabelBackground#A51919
  • debugView.exceptionLabelForeground#FAFAFA
  • descriptionForeground#F0F0F0
  • diffEditor.insertedLineBackground#4EC3A028
  • diffEditor.insertedTextBackground#4EC3A014
  • diffEditor.removedLineBackground#C8646428
  • diffEditor.removedTextBackground#C8646414
  • diffEditorGutter.insertedLineBackground#4EC3A014
  • diffEditorGutter.removedLineBackground#C8646414
  • diffEditorOverview.insertedForeground#4EC3A0e1
  • diffEditorOverview.removedForeground#C86464e1
  • dropdown.background#1E1E1Ee1
  • dropdown.border#464646
  • dropdown.foreground#E6E6E6
  • dropdown.listBackground#282828e1
  • editor.background#191919
  • editor.findMatchBackground#9B91FF50
  • editor.findMatchBorder#9B91FFa0
  • editor.findMatchHighlightBackground#9B91FF41
  • editor.findMatchHighlightBorder#9B91FF00
  • editor.findRangeHighlightBackground#FFFFFF28
  • editor.foldBackground#FFFFFF14
  • editor.foreground#F0F0F0
  • editor.hoverHighlightBackground#FFFFFF3c
  • editor.inactiveSelectionBackground#1EA0FF41
  • editor.lineHighlightBackground#232323
  • editor.lineHighlightBorder#3C3C3C
  • editor.linkedEditingBackground#3C3C3C
  • editor.rangeHighlightBackground#FFFFFF28
  • editor.rangeHighlightBorder#FFFFFF50
  • editor.selectionBackground#1EA0FF50
  • editor.selectionHighlightBackground#1EA0FF28
  • editor.selectionHighlightBorder#1EA0FF00
  • editor.snippetFinalTabstopHighlightBackground#FFFFFF28
  • editor.snippetFinalTabstopHighlightBorder#78CDFF
  • editor.snippetTabstopHighlightBackground#FFFFFF28
  • editor.stackFrameHighlightBackground#2D2D2Df0
  • editor.symbolHighlightBackground#9B91FF4b
  • editor.symbolHighlightBorder#9B91FFa0
  • editor.wordHighlightBackground#FFFFFF28
  • editor.wordHighlightBorder#FFFFFF00
  • editor.wordHighlightStrongBackground#FFFFFF50
  • editor.wordHighlightStrongBorder#FFFFFF00
  • editorBracketHighlight.foreground1#C8EBFF
  • editorBracketHighlight.foreground2#D7A0FF
  • editorBracketHighlight.foreground3#1EA0FF
  • editorBracketHighlight.foreground4#8CDC96
  • editorBracketHighlight.foreground5#FFD71E
  • editorBracketHighlight.foreground6#FF961E
  • editorBracketHighlight.unexpectedBracket.foreground#FF5A91
  • editorBracketMatch.background#FFFFFF3c
  • editorBracketMatch.border#FFFFFF7d
  • editorBracketPairGuide.activeBackground1#C8EBFFc8
  • editorBracketPairGuide.activeBackground2#D7A0FFc8
  • editorBracketPairGuide.activeBackground3#1EA0FFc8
  • editorBracketPairGuide.activeBackground4#8CDC96c8
  • editorBracketPairGuide.activeBackground5#FFD71Ec8
  • editorBracketPairGuide.activeBackground6#FF961Ec8
  • editorBracketPairGuide.background1#C8EBFF50
  • editorBracketPairGuide.background2#D7A0FF50
  • editorBracketPairGuide.background3#1EA0FF50
  • editorBracketPairGuide.background4#8CDC9650
  • editorBracketPairGuide.background5#FFD71E50
  • editorBracketPairGuide.background6#FF961E50
  • editorCodeLens.foreground#A0A0A0
  • editorCursor.background#191919
  • editorCursor.foreground#F0F0F0
  • editorError.background#FF505000
  • editorError.border#FF505000
  • editorError.foreground#FF283C
  • editorGhostText.background#191919e1
  • editorGhostText.border#FFFFFF00
  • editorGhostText.foreground#E6E6E6
  • editorGroup.border#464646
  • editorGroup.dropBackground#9B91FFa0
  • editorGroup.emptyBackground#191919
  • editorGroup.focusedEmptyBorder#3C3C3C
  • editorGroupHeader.border#46464600
  • editorGroupHeader.noTabsBackground#2D2D2D
  • editorGroupHeader.tabsBackground#2D2D2D
  • editorGroupHeader.tabsBorder#46464600
  • editorGutter.addedBackground#4EC3A0
  • editorGutter.background#191919
  • editorGutter.commentRangeForeground#8C8C8C
  • editorGutter.deletedBackground#C86464
  • editorGutter.foldingControlForeground#9B91FF
  • editorGutter.modifiedBackground#008CF0
  • editorHint.border#788CA064
  • editorHint.foreground#788CA0
  • editorHoverWidget.background#282828e1
  • editorHoverWidget.border#28282864
  • editorHoverWidget.foreground#E6E6E6
  • editorHoverWidget.highlightForeground#FAFAFA
  • editorHoverWidget.statusBarBackground#6464641e
  • editorIndentGuide.activeBackground#8C8C8C
  • editorIndentGuide.background#3C3C3C
  • editorInfo.background#AF8CF000
  • editorInfo.border#AF8CF000
  • editorInfo.foreground#AF8CF0
  • editorInlayHint.background#3C3C3C
  • editorInlayHint.foreground#FFC800e1
  • editorInlayHint.parameterBackground#3C3C3C
  • editorInlayHint.parameterForeground#8CC8B4e1
  • editorInlayHint.typeBackground#3C3C3C
  • editorInlayHint.typeForeground#E1A0FFe1
  • editorLightBulb.foreground#FFEB00
  • editorLightBulbAutoFix.foreground#FFC800
  • editorLineNumber.activeForeground#FAFAFA
  • editorLineNumber.foreground#787878
  • editorLink.activeForeground#E1A0FF
  • editorMarkerNavigation.background#282828e1
  • editorMarkerNavigationError.background#FF5050
  • editorMarkerNavigationError.headerBackground#2D2D2D
  • editorMarkerNavigationInfo.background#9B91FF
  • editorMarkerNavigationInfo.headerBackground#2D2D2D
  • editorMarkerNavigationWarning.background#96E18C
  • editorMarkerNavigationWarning.headerBackground#2D2D2D
  • editorOverviewRuler.addedForeground#4EC3A0e1
  • editorOverviewRuler.background#2D2D2D
  • editorOverviewRuler.border#2D2D2D
  • editorOverviewRuler.bracketMatchForeground#64D7FFe1
  • editorOverviewRuler.commonContentForeground#E6E6E6
  • editorOverviewRuler.currentContentForeground#E6E6E6
  • editorOverviewRuler.deletedForeground#D27878e1
  • editorOverviewRuler.errorForeground#FF283Ce1
  • editorOverviewRuler.findMatchForeground#1EA0FF50
  • editorOverviewRuler.incomingContentForeground#E6E6E6
  • editorOverviewRuler.infoForeground#D28CFAe1
  • editorOverviewRuler.modifiedForeground#008CF0e1
  • editorOverviewRuler.rangeHighlightForeground#28B4B450
  • editorOverviewRuler.selectionHighlightForeground#D28CFA50
  • editorOverviewRuler.warningForeground#96E18Ce1
  • editorOverviewRuler.wordHighlightForeground#1496FFaf
  • editorOverviewRuler.wordHighlightStrongForeground#1EA0FFe1
  • editorPane.background#191919
  • editorRuler.foreground#9B91FF23
  • editorSuggestWidget.background#282828e1
  • editorSuggestWidget.border#2D2D2D64
  • editorSuggestWidget.focusHighlightForeground#64D2FF
  • editorSuggestWidget.foreground#C8C8C8
  • editorSuggestWidget.highlightForeground#008CF0
  • editorSuggestWidget.selectedBackground#464646e1
  • editorSuggestWidget.selectedForeground#F5F5F5
  • editorSuggestWidget.selectedIconForeground#64D2FF
  • editorSuggestWidgetStatus.foreground#1496FF
  • editorUnicodeHighlight.border#3C3C3C
  • editorUnnecessaryCode.border#8C8C8C
  • editorUnnecessaryCode.opacity#FFFFFF96
  • editorWarning.background#96E18C00
  • editorWarning.border#96E18C00
  • editorWarning.foreground#96E18C
  • editorWhitespace.foreground#787878
  • editorWidget.background#191919e1
  • editorWidget.border#464646
  • editorWidget.foreground#F0F0F0
  • editorWidget.resizeBorder#1496FF
  • errorForeground#FF5050
  • extensionBadge.remoteBackground#2D2D2D
  • extensionBadge.remoteForeground#F0F0F0
  • extensionButton.prominentBackground#008CF0
  • extensionButton.prominentForeground#F0F0F0
  • extensionButton.prominentHoverBackground#9B91FF
  • extensionIcon.preReleaseForeground#4EC3A0
  • extensionIcon.starForeground#FF9100
  • extensionIcon.verifiedForeground#1EA0FF
  • focusBorder#1EA0FF
  • foreground#F0F0F0
  • gitDecoration.addedResourceForeground#FFDC64
  • gitDecoration.conflictingResourceForeground#FF5064
  • gitDecoration.deletedResourceForeground#C86464
  • gitDecoration.ignoredResourceForeground#8C8C8C
  • gitDecoration.modifiedResourceForeground#78CDFF
  • gitDecoration.renamedResourceForeground#C8F064
  • gitDecoration.stageDeletedResourceForeground#C86464
  • gitDecoration.stageModifiedResourceForeground#1EA0FF
  • gitDecoration.submoduleResourceForeground#D28CFA
  • gitDecoration.untrackedResourceForeground#4EC3A0
  • icon.foreground#F0F0F0
  • imagePreview.border#2D2D2D
  • input.background#191919e1
  • input.border#464646
  • input.foreground#E6E6E6
  • input.placeholderForeground#8C8C8C
  • inputOption.activeBackground#1EA0FF
  • inputOption.activeForeground#191919
  • inputValidation.errorBackground#191919e1
  • inputValidation.errorBorder#464646
  • inputValidation.errorForeground#FF5050
  • inputValidation.infoBackground#191919e1
  • inputValidation.infoBorder#464646
  • inputValidation.infoForeground#D28CFA
  • inputValidation.warningBackground#191919e1
  • inputValidation.warningBorder#464646
  • inputValidation.warningForeground#A0C88C
  • keybindingLabel.background#232323f0
  • keybindingLabel.border#F0F0F014
  • keybindingLabel.bottomBorder#1E1E1Ef0
  • keybindingLabel.foreground#F0F0F0f0
  • keybindingTable.headerBackground#323232
  • keybindingTable.rowsBackground#232323
  • list.activeSelectionBackground#1EA0FF50
  • list.activeSelectionForeground#F0F0F0
  • list.activeSelectionIconForeground#F0F0F0
  • list.deemphasizedForeground#E6E6E6
  • list.dropBackground#9B91FF50
  • list.errorForeground#FF5050
  • list.filterMatchBackground#9B91FF78
  • list.focusBackground#464646c8
  • list.focusForeground#F0F0F0
  • list.focusHighlightForeground#64D2FF
  • list.focusOutline#1496FF
  • list.highlightForeground#1EA0FF
  • list.hoverBackground#1EA0FF28
  • list.hoverForeground#FAFAFA
  • list.inactiveFocusBackground#414141
  • list.inactiveFocusOutline#1496FF
  • list.inactiveSelectionBackground#3C3C3C
  • list.inactiveSelectionForeground#F0F0F0
  • list.inactiveSelectionIconForeground#F0F0F0
  • list.invalidItemForeground#E6E6E6
  • list.warningForeground#A0C88C
  • listFilterWidget.background#9B91FFa0
  • listFilterWidget.noMatchesOutline#FF5050e1
  • listFilterWidget.outline#9B91FFe1
  • menu.background#282828f0
  • menu.border#2828287d
  • menu.foreground#F0F0F0
  • menu.selectionBackground#00A0FF7d
  • menu.selectionForeground#F0F0F0
  • menu.separatorBackground#F0F0F07d
  • menubar.selectionBackground#1EA0FFc8
  • menubar.selectionForeground#FFFFFF
  • merge.border#19191900
  • merge.commonContentBackground#282828e1
  • merge.commonHeaderBackground#282828e1
  • merge.currentContentBackground#288CF01e
  • merge.currentHeaderBackground#288CF050
  • merge.incomingContentBackground#4EBEAF1e
  • merge.incomingHeaderBackground#4EBEAF50
  • minimap.background#191919a0
  • minimap.errorHighlight#FF283C78
  • minimap.findMatchHighlight#1EA0FF50
  • minimap.foregroundOpacity#000000FF
  • minimap.selectionHighlight#FFFFFF50
  • minimap.selectionOccurrenceHighlight#D28CFA
  • minimap.warningHighlight#96E18C78
  • minimapGutter.addedBackground#4EC3A0e1
  • minimapGutter.deletedBackground#D27878e1
  • minimapGutter.modifiedBackground#008CF0e1
  • minimapSlider.activeBackground#1EA0FF64
  • minimapSlider.background#FAFAFA1e
  • minimapSlider.hoverBackground#9B91FF64
  • notificationCenterHeader.background#3C3C3Cdc
  • notificationCenterHeader.foreground#F0F0F0
  • notificationLink.foreground#1EA0FF
  • notifications.background#282828dc
  • notifications.border#F0F0F07d
  • notifications.foreground#F0F0F0
  • notificationsErrorIcon.foreground#FF5050
  • notificationsInfoIcon.foreground#AF8CF0
  • notificationsWarningIcon.foreground#A0C88C
  • notificationToast.border#1EA0FF
  • panel.background#2D2D2D
  • panel.border#2D2D2D00
  • panel.dropBorder#1496FF
  • panelInput.border#464646
  • panelSection.border#1E1E1E
  • panelSection.dropBackground#9B91FF50
  • panelSectionHeader.background#1E1E1E7d
  • panelSectionHeader.border#1E1E1E7d
  • panelSectionHeader.foreground#F0F0F0
  • panelTitle.activeBorder#FFFFFF00
  • panelTitle.activeForeground#FFFFFF
  • panelTitle.inactiveForeground#B4B4B4
  • peekView.border#1EA0FFdc
  • peekViewEditor.background#191919
  • peekViewEditor.matchHighlightBackground#9B91FF41
  • peekViewEditor.matchHighlightBorder#9B91FF50
  • peekViewEditorGutter.background#1E1E1E
  • peekViewResult.background#1E1E1E
  • peekViewResult.fileForeground#1EA0FF
  • peekViewResult.lineForeground#AFAFAF
  • peekViewResult.matchHighlightBackground#9B91FF8c
  • peekViewResult.selectionBackground#505050e1
  • peekViewResult.selectionForeground#F0F0F0
  • peekViewTitle.background#2D2D2D
  • peekViewTitleDescription.foreground#AFAFAF
  • peekViewTitleLabel.foreground#F0F0F0
  • pickerGroup.border#F0F0F07d
  • pickerGroup.foreground#D28CFA
  • problemsErrorIcon.foreground#FF5050
  • problemsInfoIcon.foreground#AF8CF0
  • problemsWarningIcon.foreground#96E18C
  • quickInput.background#282828e6
  • quickInput.foreground#B4B4B4
  • sash.hoverBorder#1EA0FF
  • scrollbar.shadow#000000a0
  • scrollbarSlider.activeBackground#1EA0FFa0
  • scrollbarSlider.background#FAFAFA1e
  • scrollbarSlider.hoverBackground#9B91FFa0
  • selection.background#1EA0FFb4
  • settings.checkboxBackground#464646
  • settings.checkboxBorder#464646
  • settings.checkboxForeground#1EA0FF
  • settings.dropdownBackground#2D2D2D
  • settings.dropdownBorder#464646
  • settings.dropdownForeground#FAFAFA
  • settings.dropdownListBorder#464646
  • settings.focusedRowBackground#9B91FF28
  • settings.focusedRowBorder#9B91FF50
  • settings.headerBorder#1E1E1E
  • settings.headerForeground#FAFAFA
  • settings.modifiedItemIndicator#008CF0
  • settings.numberInputBackground#2D2D2D
  • settings.numberInputBorder#464646
  • settings.numberInputForeground#FAFAFA
  • settings.rowHoverBackground#1EA0FF28
  • settings.sashBorder#1E1E1E
  • settings.textInputBackground#2D2D2D
  • settings.textInputBorder#464646
  • settings.textInputForeground#FAFAFA
  • sideBar.background#2D2D2D
  • sideBar.border#2D2D2D00
  • sideBar.dropBackground#9B91FF50
  • sideBar.foreground#D2D2D2
  • sideBarSectionHeader.background#464646
  • sideBarSectionHeader.foreground#FFFFFF
  • sideBarTitle.foreground#F0F0F0
  • sideBySideEditor.horizontalBorder#46464600
  • sideBySideEditor.verticalBorder#46464600
  • statusBar.background#464646
  • statusBar.border#464646
  • statusBar.debuggingBackground#464646
  • statusBar.debuggingBorder#1496FF
  • statusBar.debuggingForeground#F0F0F0
  • statusBar.focusBorder#1EA0FF
  • statusBar.foreground#F0F0F0
  • statusBar.noFolderBackground#464646
  • statusBar.noFolderBorder#464646
  • statusBar.noFolderForeground#E6E6E6
  • statusBarItem.activeBackground#9B91FF
  • statusBarItem.compactHoverBackground#1496FF64
  • statusBarItem.errorBackground#464646
  • statusBarItem.errorForeground#FF5050
  • statusBarItem.focusBorder#9B91FF
  • statusBarItem.hoverBackground#1496FF64
  • statusBarItem.prominentBackground#464646
  • statusBarItem.prominentForeground#1EA0FF
  • statusBarItem.prominentHoverBackground#1496FF7d
  • statusBarItem.remoteBackground#64D2FF
  • statusBarItem.remoteForeground#1E1E1E
  • statusBarItem.warningBackground#464646
  • statusBarItem.warningForeground#A0C88C
  • tab.activeBackground#191919
  • tab.activeBorder#46464600
  • tab.activeBorderTop#46464600
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#46464600
  • tab.border#23232300
  • tab.hoverBackground#1EA0FF50
  • tab.hoverBorder#1EA0FFa0
  • tab.hoverForeground#FFFFFF
  • tab.inactiveBackground#232323
  • tab.inactiveForeground#C8C8C8
  • tab.inactiveModifiedBorder#46464600
  • tab.lastPinnedBorder#23232300
  • tab.unfocusedActiveBackground#191919
  • tab.unfocusedActiveBorder#46464600
  • tab.unfocusedActiveBorderTop#46464600
  • tab.unfocusedActiveForeground#E6E6E6
  • tab.unfocusedActiveModifiedBorder#46464600
  • tab.unfocusedHoverBackground#9B91FF50
  • tab.unfocusedHoverBorder#9B91FFa0
  • tab.unfocusedHoverForeground#F0F0F0
  • tab.unfocusedInactiveBackground#232323
  • tab.unfocusedInactiveForeground#B4B4B4
  • tab.unfocusedInactiveModifiedBorder#46464600
  • terminal.ansiBlack#3C3C3C
  • terminal.ansiBlue#1496F0
  • terminal.ansiBrightBlack#646464
  • terminal.ansiBrightBlue#1EA0FF
  • terminal.ansiBrightCyan#8CE1E1
  • terminal.ansiBrightGreen#C8FF46
  • terminal.ansiBrightMagenta#D28CFA
  • terminal.ansiBrightRed#FF7878
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFDC64
  • terminal.ansiCyan#28B4B4
  • terminal.ansiGreen#64F050
  • terminal.ansiMagenta#AF8CF0
  • terminal.ansiRed#FF5064
  • terminal.ansiWhite#F0F0F0
  • terminal.ansiYellow#FFC814
  • terminal.background#1E1E1E
  • terminal.border#2D2D2D
  • terminal.dropBackground#9B91FFa0
  • terminal.foreground#F0F0F0
  • terminal.selectionBackground#6464647e
  • terminal.tab.activeBorder#1496FF
  • terminalCursor.background#282828
  • terminalCursor.foreground#F0F0F0
  • textLink.activeForeground#64D2FF
  • textLink.foreground#1EA0FF
  • titleBar.activeBackground#464646
  • titleBar.activeForeground#F0F0F0
  • titleBar.inactiveBackground#464646
  • titleBar.inactiveForeground#B4B4B4
  • toolbar.activeBackground#9B91FF8c
  • toolbar.activeForeground#191919
  • toolbar.hoverBackground#008CF08c
  • toolbar.hoverOutline#008CF000
  • tree.indentGuidesStroke#505050
  • walkThrough.embeddedEditorBackground#323232
  • welcomePage.background#191919
  • welcomePage.progress.background#646464
  • welcomePage.progress.foreground#1EA0FF
  • welcomePage.tileBackground#282828
  • welcomePage.tileHoverBackground#9B91FF64
  • welcomePage.tileShadow#2D2D2D
  • widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E6E6E6
comment#8C8C8C
none#D7D7D7
emphasisitalic
strongbold
constant#9696FF
constant.character, constant.other, constant.other.symbol#9696FF
constant.language, constant.language.json#AFE1F0
constant.numeric.c, constant.numeric.cpp#AFE1F0
constant.numeric#8CDCFF
ts.block.class.declaration.method.constant.numeric.decimal, constant.numeric.json#AFE1AF
constant.regexp#AFE1AF
constant.character.escape#8CB4BE
variable#D7D7D7
variable.other#AFE1F0
variable.other.property, variable.other.object.property#AFE1F0
variable.language#D28CFA
variable.parameter#8CC8B4
variable.parameter.function, text.html.basic#8CC8B4
string, string.quoted.double.include.c, string.quoted.other.lt-gt.include.c#A0BE7D
string.regexp#8CC8B4
function, entity.name.function, entity.name.function.c, entity.name.function.cpp#3CBEFF
meta.for#E6E6E6
meta.while#E6E6E6
meta.if#E6E6E6
meta.function#B4DCF0
meta.function-call#9696FF
storage#8CB4FF
storage.type#E1A0FF
storage.modifier, storage.modifier.c, storage.modifier.cpp#78EBD7
entity.name.class, entity.name.type.class, meta.class#DCDCDC
entity.other.inherited-class#3CBEFF
entity.name.function, meta.require#3CBEFF
entity.name.tag#FFC800
entity.other.attribute-name#FFC800
entity.other.attribute-name.id#7DBEA0
entity.name.section, entity.name.section.latex#C8FAFF
support.function, support.function.any-method#5AE6AA
support.function.console.js#B49BFF
support.function.construct#64DCDC
support.class#9696FF
support.class.builtin#9696FF
support.class.math, support.class.math.block.environment.latex, support.class.math.block.tex, meta.function.environment.math.latex#8CDCFF
support.class.console.js#E1A0FF
support.constant#E1A0FF
support.type.property-name.media#A0C8FF
support.type#E1A0FF
support.type.exception#FFC800
invalid.deprecated#787878
invalid.illegal#F0788C
markup.boldbold
markup.italicitalic
markup.changed#3CBEFF
markup.deleted#A0A0A0
markup.inserted#8CBE82
markup.quote#D28CFA
markup.list#D7D7D7
markup.heading punctuation.definition.heading#F0DCFF
string.other.link#D2646E
meta.link, meta.paragraph.inline.link.underline.detected-link#64A0DC
markup.raw.inline#8CC8A0
meta.block, meta.block.c, meta.block.cpp#D7D7D7
meta.preprocessor#8CDCFF
meta.preprocessor.at-rule keyword.control.at-rule, meta.at-rule.import, keyword.control.at-rule#3CBEFF
source.c meta.preprocessor.include, source.c string.quoted.other.lt-gt.include, source.cpp meta.preprocessor.include, source.cpp string.quoted.other.lt-gt.include#B4DCF0
meta.separator#D7D7D7
meta.selector, entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.scss#C8F064
meta.at-rule.keyframes.scss entity.other.attribute-name.scss#B4DCF0
source.java meta.tag.template.value.javadoc#AFDC9B
punctuation#B4DCF0
punctuation.definition#B4DCF0
punctuation.definition.directive#9696FF
punctuation.definition.parameters#D7D7D7
punctuation.definition.method-parameters#AFE1AF
punctuation.definition.function-parameters#B4DCF0
punctuation.section#D7D7D7
punctuation.definition.tag#D7D7D7
punctuation.definition.comment, punctuation.end.definition.comment, punctuation.start.definition.comment#8C8C8C
punctuation.separator#D7D7D7
punctuation.separator.pointer-access, punctuation.separator.pointer-access.c, punctuation.separator.pointer-access.cpp#A0C8FF
punctuation.section.function#B4DCF0
punctuation.support.type.property-name, support.type.property-name.json#F0C850
support.constant.mathematical-symbols#D7D7D7
punctuation.decorator.objectliteral.object.member.accessor#D7D7D7
block.brace.array.literal.square, block.brace.round, block.punctuation#D7D7D7
brace.array.literal.square, brace.type.square#D7D7D7
meta.brace, meta.brace.round, meta.brace.square#D7D7D7
punctuation.section.embedded, variable.interpolation#D7D7D7
punctuation.section.embedded.begin, punctuation.section.embedded.end#D7D7D7
punctuation.terminator#B4DCF0
punctuation.definition.variable, punctuation.definition.variable.php, variable.other.php#8CBEBE
source.java punctuation.definition.keyword.javadoc#8CB4FF
source.java punctuation.definition.tag.begin.javadoc, source.java punctuation.definition.tag.end.javadoc#A0C88C
token.debug-token#D28CFA
token.error-token#FF5064
token.warn-token#A0C88C
token.info-token#AF8CF0
constant.language.boolean, constant.language.boolean.true.js, constant.language.boolean.false.js, constant.language.null.js#D28CFA
keyword#FF9600
keyword.other#3CBEFF
keyword.other.namespace#5EE6AA
keyword.other.use#FF9600
keyword.other.new#3CBEFF
keyword.control.import.python, keyword.control.directive.include.c, keyword.control.directive.define.c, source.c keyword.control.directive.conditional, source.cpp keyword.control.directive.conditional#FF9600
keyword.control.flow, keyword.control.flow.python#C8F064
keyword.other.special-method#8CB4FF
keyword.operator#78D2FF
keyword.operator.symbols#78D2FF
keyword.operator.comparison, keyword.operator.logical#B4DCF5
keyword.storage.modifier#D28CFA
keyword.control.at-rule.import, keyword.control.at-rule.import punctuation.definition#A0C8FF
keyword.control.at-rule.media, keyword.control.at-rule.media punctuation.definition#FF9600
keyword.control.at-rule.mixin.scss, keyword.control.at-rule.mixin.scss punctuation.definition#FF9600
keyword.control.at-rule.include, keyword.control.at-rule.include punctuation.definition#B4DCF0
keyword.control.at-rule.font-face, keyword.control.at-rule.font-face punctuation.definition#AFDC9B
keyword.control.at-rule.keyframes.scss, keyword.control.at-rule.keyframes.scss punctuation.definition#A078C8
keyword.control.content.scss, keyword.control.content.scss punctuation.definition#AFE1AF
storage.type.class#FFC800
storage.type.struct.cpp#FFC800
storage.type.template#C8F064
meta.at-rule.constant.numeric.media, meta.property-list.property-value.constant.numeric, scss.meta.property-list.at-rule.media, property-list.scss.constant.numeric.variable.set, meta.scss.set.variable.constant.numeric.map, scss.meta.set.variable.constant.numeric, scss.meta.at-rule.property-list.constant.numeric.media, constant.numeric.css, constant.numeric.scss, constant.numeric.sass#AFE1AF
source.css punctuation.definition.keyword#8CB4FF
source.css constant.other.color.rgb-value, support.constant.named-color, meta.property-value constant, constant.other.color.rgb-value, constant.other.rgb-value.css, constant.other.color, constant.numeric.color.hex-value.scss, constant.numeric.color.hex-value.scss punctuation.definition.constant.scss#AFDC9B
variable.css, variable.sass, variable.scss#A0C8FF
constant.character.escape.css, string.quoted.single.css#A0BE7D
string.quoted.double.attribute-value.scss#A0BE7D
scss.meta.at-rule.import.string.quoted.single#A0C8FF
entity.property-list.other.attribute-name.pseudo-element.css, entity.property-list.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css#D28CFA
entity.name.tag.scss, entity.name.tag.css#C8F064
entity.name.tag.reference.scss#AFE1AF
entity.other.attribute-name.attribute.scss#D2646E
source.css support.type.property-name, support.type.property-name.css, support.type.property-name.scss, support.type.property-name.sass, meta.property-list.css meta.property-name.css, meta.property-list.scss meta.property-name.scss, entity.name.tag.custom.scss, meta.property-list.scss meta.property-name.sass, entity.name.tag.custom.sass#9696FF
meta.property-group support.constant.property-value.css, meta.property-list.css meta.property-value.css, meta.property-value support.constant.property-value.css, meta.property-group support.constant.property-value.scss, meta.property-group support.constant.property-value.sass, meta.property-value support.constant.property-value.scss, meta.property-value support.constant.property-value.sass, variable.parameter.misc.css, parameter.less.data-uri comment markup.raw, source.less meta.property-value.css, scss.meta.set.variable.constant.support.font-name, meta.property-value.scss#8CC8B4
source.css meta.property-value#A0C8FF
meta.constructor.argument.css, meta.constructor.argument.sass#D28CFA
meta.at-rule.r.seturncss, meta.at-rule.return.scss punctuation.definition, meta.at-rule.else.scss, meta.at-rule.else.scss punctuation.definition,meta.at-rule.if.scss, meta.at-rule.if.scss punctuation.definition,#FF7814
entity.scss.meta.property-list.punctuation.other.attribute-name.class.css.definition, entity.punctuation.other.attribute-name.class.css.definition, punctuation.definition.entity.css, meta.selector.css#A0C8FF
keyword.other.important, token.literal.sass, meta.at-rule.keyword.other.unit.media, meta.scss.keyword.other.unit.property-list.property-value, property-list.scss.set.variable.keyword.unit, other.meta.scss.set.variable.keyword.unit.map, scss.meta.set.variable.keyword.other.unit, scss.meta.at-rule.keyword.property-list.other.unit.media#A0C8FF
keyword.other.unit, keyword.other.unit.scss, keyword.other.unit.css, keyword.other.unit.scss#AFE1AF
source.css keyword.control.at-rule.media, source.css keyword.control.at-rule.media punctuation.definition.keyword#FF9600
support.function.misc.scss, keyword.control.at-rule.function.scss, keyword.control.at-rule.function.scss punctuation.definition, entity.name.function.scss#FFC800
source.css.scss punctuation.definition.interpolation.begin.bracket.curly, source.css.scss punctuation.definition.interpolation.end.bracket.curly, punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.end.bracket.curly.scss#D7D7D7
source.css.scss variable.interpolation#A0C8FF
constant.character.escape.scss, string.quoted.single.scss, scss.meta.set.variable.string.quoted.single#A0BE7D
source.sass entity.other.attribute-name.placeholder.sass, source.sass entity.other.attribute-name.placeholder.sass punctuation.definition.entity.sass, source.scss entity.other.attribute-name.placeholder.scss, source.scss entity.other.attribute-name.placeholder.scss punctuation.definition.entity.scss, entity.other.attribute-name.placeholder.scss#A0C8FF
entity.other.attribute-name.css#3CBEFF
support.function.be.latex, support.function.any-method#5AE6AA
support.class.latex#8CDCFF
meta.function.environment.frame.latex, text.tex.latex#D7D7D7
constant.character.math.tex#E1A0FF
support.class.math.latex#E1A0FF
support.function.general.tex#D28CFA
support.function.be.latex#3CBEFF
support.function.textit.latex#5AE6AA
variable.parameter.function.latex#78EBD7
keyword.control.table.cell.latex, keyword.control.table.newline.latex#8CB4FF
keyword.control.newline.tex#8CB4FF
support.function.section.latex#9696FF
keyword.other.item.latex#DC96BE
constant.other.general.math.tex#9696FF
meta.paragraph.markdown#D7D7D7
text.html.markdown markup.fenced_code.block, text.html.markdown markup.fenced_code.block punctuation.definition#78A0E6
markup.heading#8CDCFF
text.html.markdown markup.inline.raw, text.html.markdown markup.inline.raw punctuation.definition.raw#A0C88C
text.html.markdown markup.italicitalic
text.html.markdown beginning.punctuation.definition.list#AFE1AF
text.html.markdown beginning.punctuation.definition.quote#D28CFA
text.html.markdown markup.quote#D28CFA
text.html.markdown punctuation.definition.heading#6496C8
text.html.markdown punctuation.definition.constant, text.html.markdown punctuation.definition.string#6496C8
text.html.markdown constant.other.reference.link, text.html.markdown string.other.link.description, text.html.markdown string.other.link.title#D2646E
keyword.control.equation.align.latex#D2646E
variable.other.c, variable.other.cpp#D7D7D7
storage.type.c, storage.type.cpp#FFC800
meta.using-namespace-declaration.c, meta.using-namespace-declaration.cpp#8CDCFF
keyword.operator.c, keyword.operator.cpp#B4DCF0
source.c punctuation.definition.directive, source.c keyword.control.directive.conditional, source.cpp punctuation.definition.directive, source.cpp keyword.control.directive.conditional#FF9600
keyword.other.operator.overload, keyword.other.operator.overload.c, keyword.other.operator.overload.cpp#3CBEFF
source.go constant.other.placeholder.go#D28CFA
keyword.struct, keyword.struct.go#FFC800
keyword.type, keyword.type.go#FFC800
keyword.function.go#FFC800
storage.type.string#8CC8B4
keyword.control, keyword.control.go#FFC800
storage.type.error, storage.type.error.go#D2646E
keyword.other.package#FF7814
keyword.other.import#FFC800
source.java comment.block.documentation.javadoc punctuation.definition.entity.html#82A0C8
source.java constant.other#AFDC9B
storage.modifier.java#E1A0FF
source.java meta.method-call meta.method#87C8E1
source.java meta.tag.template.link.javadoc, source.java string.other.link.title.javadoc#D28CFA
source.java keyword.other.documentation#AFDC9B
source.java keyword.other.documentation.author.javadoc#AFDC9B
source.java keyword.other.documentation.directive, source.java keyword.other.documentation.custom#FF7814
source.java keyword.other.documentation.see.javadoc#FF7814
source.java storage.modifier.import#96BEBE
source.java storage.modifier.package#96BEBE
source.java storage.type#96BEBE
source.java storage.type.annotation#5AE6AA
source.java storage.type.generic#FFC800
source.java storage.type.primitive#5AE6AA
source.diff meta.diff.range.context#8CC8B4
source.diff meta.diff.header.from-file#B4DCF0
source.diff punctuation.definition.from-file#8CC8B4
source.diff punctuation.definition.range#8CC8B4
source.diff punctuation.definition.separator#8CB4FF
source.python meta.function-call, source.python meta.function-call.generic#3CBEFF
storage.type.function.python, storage.type.function.php#FFC800
storage.type.format.python#8CB4FF
entity.name.function.python#3CBEFF
support.function.magic.python#A0C8FF
source.python variable.language.special.self.python#D28CFA
source.python entity.name.function.decorator, source.python meta.function.decorator support.type#D2646E
source.python support.type#D28CFA
source.python variable.parameter.function.language#78B4FF
source.python meta.function.parameters variable.parameter.function.language.special.self#E1A0FF
meta.function-call.arguments.python#78B4FF
support.type.exception.python#FFC800
meta.item-access.arguments.python#A0C8FF
constant.character.format.placeholder.other.python#A0C8FF
constant.numeric.dec.python#AFE1F0
keyword.control.regexp, keyword.control.anchor.regexp#3CBEFF
keyword.other.python#FFC800
keyword.control.import.from.python#FFC800
keyword.control.import.julia, keyword.control.using.julia#FF9600
constant.numeric.julia#DCAAD2
keyword.other.julia#FFC800
keyword.control.julia, keyword.control.end.julia#C8F064
support.function.julia#3CBEFF
support.function.macro.julia#5AE6AA
entity.name.function.julia#D28CFA
variable.interpolation.julia#A0C8FF
keyword.storage.modifier.julia#D28CFA
source.js punctuation.decorator, source.js meta.decorator variable.other.readwrite, source.js meta.decorator entity.name.function#D2646E
meta.js.function.punctuation.definition.block.comment.line.double-slash, js.function.punctuation.definition.block.object.objectliteral.member.comment.line.double-slash#8C8C8C
source.js meta.object-literal.key#D28CFA
meta.object-literal.key, meta.object.member.object-literal.key, meta.object-literal.key.js entity.name.function.js#D28CFA
source.js storage.type.class.jsdoc#FFC800
source.js string.quoted.template punctuation.quasi.element.begin, source.js string.quoted.template punctuation.quasi.element.end, source.js string.template punctuation.definition.template-expression, source.js string.template punctuation.definition.template-expression#8CB4FF
source.js string.quoted.template meta.method-call.with-arguments#D2B4FF
source.js string.template meta.template.expression support.variable.property, source.js string.template meta.template.expression variable.other.object#A0C8FF
source.js support.type.primitive#8CB4FF
source.js meta.var.expr variable.other.object#8CC8B4
source.js variable.other.readwrite.alias#8CC8B4
comment.block.documentation.js, comment.block.documentation.js punctuation.definition.comment.js#8C8C8C
keyword.operator.expression.typeof.js#C8F064
variable.other.readwrite.js#C8C8C8
variable.parameter.js#78B4FF
function.storage.type.block.js#C8F064
support.function.dom.js#8CC8B4
storage.type.function.js#FFC800
source.ts punctuation.decorator, source.ts meta.decorator variable.other.readwrite, source.ts meta.decorator entity.name.function#D2646E
punctuation.decorator.ts#D28CFA
ts.block.class.method.declaration.comment.line.double-slash, ts.class.comment.line.double-slash, ts.punctuation.definition.decorator.objectliteral.object.member.array.literal.comment.line.double-slash#8C8C8C
keyword.control.export.ts, keyword.control.flow.ts#FF9600
storage.type.function.arrow.ts#9696FF
storage.type.ts#3CBEFF
entity.name.function.ts#D28CFA
punctuation.accessor.ts#B4DCF0
entity.name.type.ts, source.ts entity.name.type#9696FF
storage.modifier.ts#E1A0FF
support.function.math.ts#8CDCFF
source.ts meta.object-literal.key#D28CFA
source.ts meta.object-literal.key entity.name.function#D28CFA
source.ts support.class, source.ts entity.name.class#FFC800
source.ts support.type#D28CFA
block.variable.class.declaration.method.parameter.arrow, block.variable.other.class.declaration.property.method.ts, block.variable.other.object.class.declaration.method.ts, block.variable.other.object.class.declaration.property.method.ts, block.variable.other.object.array.literal.class.declaration.method.var.expr.ts, block.variable.other.object.array.literal.class.declaration.method.var.expr.tsblock.variable.class.declaration.method.parameter.arrow.ts, ts.block.variable.other.class.declaration.property.method.ts#D7D7D7
ts.keyword.control.block.class.method.declaration.flow#C8F064
source.ts support.constant.math, source.ts support.constant.dom, source.ts support.constant.json#8CC8B4
source.ts support.variable#A0C8FF
meta.type.annotation.ts#6496C8
ts.class.storage.modifier.declaration.method.parameters#C8F064
ts.block.string.quoted.single, ts.string.quoted.single.class.field.declaration#A0C88C
ts.block.variable.class.declaration.method.parameter.arrow#C8D7DC
ts.block.objectliteral.object.member.class.declaration.method.language.constant.boolean#D28CFA
support.type.class.declaration.method.return.primitive.ts, type.annotation.support.class.declaration.method.parameters.primitive.ts#87C8E1
ts.entity.name.class.type.method.declaration.parameters.return, ts.punctuation.definition.begin.class.type.method.declaration.parameters.return.typeparameters, ts.punctuation.definition.end.class.type.method.declaration.parameters.return.typeparameters, ts.block.entity.name.class.type.method.declaration.parameters.new.expr, ts.block.punctuation.definition.begin.class.type.method.declaration.parameters.typeparameters.new.expr, ts.block.punctuation.definition.end.class.type.method.declaration.parameters.typeparameters.new.expr, ts.block.objectliteral.object.member.object-literal.key.class.declaration.method#87C8E1
variable.language.this.ts#E1A0FF
text.html.basic constant.character.entity.html#D2B4FF
punctuation.definition.entity.html#AFDC9B
comment.block.html#8C8C8C
text.html.basic#3CBEFF
text.html.basic constant.other.inline-data#9696FF
text.html.basic meta.tag.sgml.doctype#6496C8
text.html.basic punctuation.definition.entity#82A0C8
keyword.control.html.elements, entity.name.tag.inline.any.html, entity.name.tag.block.any.html#FFC800
invalid.illegal.bad-ampersand.html#A0BE7D
meta.tag.any.html entity.other.attribute-name.html, meta.tag.block.any.html entity.other.attribute-name.html, meta.tag.inline.any.html entity.other.attribute-name.html, meta.tag.other.html entity.other.attribute-name.html, source.js.embedded.html entity.other.attribute-name.html#9696FF
string.quoted.double.html, meta.template string.quoted.double#A0C8FF
string.quoted.double.html invalid.illegal.bad-ampersand.html#A0C8FF
source.properties entity.name.section.group-title.ini#87C8E1
source.properties punctuation.separator.key-value.ini#8CC8B4
source.php meta.function-call, source.php meta.function-call.object#9696FF
constant.numeric.php#AFDC9B
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php#D7D7D7
string.quoted.single.js, string.quoted.double.json, meta.structure.dictionary.value.json, meta.string.quoted.embedded.line.php.source.single.string-contents#A0BE7D
punctuation.definition.variable.php, variable.other.php#96BEBE
keyword.control.php#C8F064
punctuation.terminator.expression.php#5ABEFF
meta.tag.any.html.string.quoted.double.embedded.line.php.source.constant.language.inline, meta.embedded.line.php.source.constant.language#D28CFA
meta.block.embedded.php.source.comment.documentation.phpdoc#8C8C8C
text.xml entity.name.tag.namespace#FFC800
text.xml keyword.other.doctype#FF7814
text.xml meta.tag.preprocessor entity.name.tag#87C8E1
text.xml string.unquoted.cdata, text.xml string.unquoted.cdata punctuation.definition.string#9696FF
source.yaml entity.name.tag#87C8E1
keyword.operator.other.elixir#C8F064
variable.other.constant.elixir#D28CFA
constant.other.symbol.elixir#8CDCFF
parameter.variable.function.elixir#9696FF
comment.documentation.heredoc.elixir#82A0C8
source.elixir.embedded.source#8CC8B4
variable.other.anonymous.elixir#D28CFA
keyword.control.elixir#FFDC64
punctuation.section.function.elixir#B4DCF0
constant.character.escape.elixir#D28CFA
string.quoted.double.elixir#C8D7DC
support.function.variable.quoted.single.elixir#96BEBE
punctuation.section.regexp.begin.elixir#6496C8
string.regexp.interpolated.elixir#8CC8B4
string.regexp.literal.elixir#AFDC9B
punctuation.section.list.begin.elixir#6496C8
punctuation.definition.string.begin.elixir#A0C8FF
string.quoted.double.interpolated.elixir#A0C8FF
constant.language.elixir#8CC878
comment.documentation.string#8C8C8C
keyword.other.special-method.elixir#FF7814
variable.other.readwrite.module.elixir#9696FF
entity.name.type.module.elixir#5AE6AA
keyword.operator.assignment.elixir#FFC800
punctuation.definition.variable.elixir#C8C8C8
support.class.options.gnuplot#96D2FF
storage.type.plot.gnuplot#D2B4FF
keyword.other.command.gnuplot#FFC800
constant.character.escape.gnuplot#8CB4BE
storage.type.core, storage.type.core.rust#C8F064
source.rust#D7D7D7
keyword.other.rust, keyword.control.rust#FFC800
keyword.other.fn.rust#C8F064
entity.name.lifetime.rust, storage.modifier.lifetime.rust#9696FF
support.type.core.rust, entity.name.type.rust#5EE6AA
keyword.other.unsafe.rust#F05050
support.type.marker.rust#3CBEFF
keyword.other.where.rust#3CBEFF
keyword.operator.misc.rust, keyword.operator.arithmetic.rust#A0C8FF
constant.numeric.integer.hexadecimal.rust, constant.numeric.integer.decimal.rust, constant.numeric.dec.python, constant.numeric.float.rust, constant.language.boolean.rust#AFE1F0
support.constant.core.rust#D28CFA
meta.function-call.arguments.python, variable.parameter.function-call.python, meta.attribute.rust#9696FF
storage.modifier.mut.rust#D2646E
entity.name.function#78D2FF
keyword.other.phpdoc.php#C8F064

Shiki preview

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

Loading...