Skip to main content
Coding Theme

Aether Themes

Publisher: Diogo PereiraThemes in package: 6

A premium collection of modern themes for VS Code. Designed for focus, perfect readability, and refined syntax highlighting.

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#0d0f13
  • activityBar.activeBorder#797392
  • activityBar.background#07090c
  • activityBar.border#0d1018
  • activityBar.dropBackground#7c8fa81a
  • activityBar.foreground#7c8fa8
  • activityBar.inactiveForeground#7c8fa880
  • activityBarBadge.background#797392
  • activityBarBadge.foreground#ffffff
  • badge.background#797392
  • badge.foreground#ffffff
  • banner.background#07090c
  • banner.foreground#e2e8f0
  • banner.iconForeground#797392
  • breadcrumb.activeSelectionForeground#e2e8f0
  • breadcrumb.background#0d0f13
  • breadcrumb.focusForeground#e2e8f0
  • breadcrumb.foreground#e2e8f0a6
  • breadcrumbPicker.background#0b0d10
  • button.background#797392
  • button.foreground#ffffff
  • button.hoverBackground#6c5d99
  • button.secondaryBackground#1c1e26
  • button.secondaryForeground#e2e8f0
  • button.secondaryHoverBackground#2a2d38
  • charts.blue#7dd3fc
  • charts.foreground#e2e8f0
  • charts.green#86efac
  • charts.lines#e2e8f066
  • charts.orange#fde047
  • charts.purple#c4b5fd
  • charts.red#f87171
  • charts.yellow#fde047
  • chat.requestBackground#0b0d1080
  • chat.requestBorder#0F1115
  • chat.slashCommandBackground#79739233
  • chat.slashCommandForeground#e2e8f0
  • checkbox.background#0b0d10
  • checkbox.border#0F1115
  • checkbox.foreground#e2e8f0
  • checkbox.selectBackground#797392
  • checkbox.selectBorder#797392
  • commandCenter.activeBackground#0b0d10cc
  • commandCenter.activeForeground#e2e8f0
  • commandCenter.background#0b0d10
  • commandCenter.border#0F1115
  • commandCenter.foreground#e2e8f0
  • commentsView.resolvedIcon#86efac
  • commentsView.unresolvedIcon#fde047
  • debugConsole.errorForeground#f87171
  • debugConsole.infoForeground#7dd3fc
  • debugConsole.sourceForeground#ff9e8a
  • debugConsole.warningForeground#fde047
  • debugIcon.breakpointForeground#f87171
  • debugIcon.pauseForeground#fde047
  • debugIcon.startForeground#86efac
  • debugIcon.stopForeground#f87171
  • debugTokenExpression.boolean#a5b4fc
  • debugTokenExpression.error#f87171
  • debugTokenExpression.name#ff9e8a
  • debugTokenExpression.number#fbbf24
  • debugTokenExpression.string#86efac
  • debugTokenExpression.value#e2e8f0
  • debugToolBar.background#0a0c0f
  • descriptionForeground#e2e8f0a6
  • diffEditor.border#0F1115
  • diffEditor.diagonalFill#e2e8f026
  • diffEditor.insertedLineBackground#86efac1a
  • diffEditor.insertedTextBackground#86efac26
  • diffEditor.removedLineBackground#f871711a
  • diffEditor.removedTextBackground#f8717126
  • diffEditorGutter.insertedLineBackground#86efac33
  • diffEditorGutter.removedLineBackground#f8717133
  • diffEditorOverview.insertedForeground#86efac
  • diffEditorOverview.removedForeground#f87171
  • dropdown.background#0b0d10
  • dropdown.border#0F1115
  • dropdown.foreground#e2e8f0
  • dropdown.listBackground#0b0d10
  • editor.background#0d0f13
  • editor.findMatchBackground#7973924d
  • editor.findMatchHighlightBackground#79739226
  • editor.foldBackground#1e243633
  • editor.foreground#e2e8f0
  • editor.inactiveSelectionBackground#1e243666
  • editor.lineHighlightBackground#131620
  • editor.linkedEditingBackground#79739233
  • editor.rangeHighlightBackground#7973921a
  • editor.selectionBackground#1e2436
  • editor.selectionHighlightBackground#1e243640
  • editor.snippetTabstopHighlightBackground#1e24364d
  • editor.snippetTabstopHighlightBorder#1e243600
  • editor.symbolHighlightBackground#79739233
  • editor.wordHighlightBackground#79739226
  • editor.wordHighlightStrongBackground#79739240
  • editorBracketHighlight.foreground1#fde047
  • editorBracketHighlight.foreground2#c4b5fd
  • editorBracketHighlight.foreground3#5eead4
  • editorBracketHighlight.foreground4#f87171
  • editorBracketHighlight.foreground5#93c5fd
  • editorBracketHighlight.foreground6#86efac
  • editorBracketHighlight.unexpectedBracket.foreground#f87171
  • editorBracketMatch.background#252838
  • editorBracketMatch.border#b2c0f5
  • editorBracketPairGuide.activeBackground1#fde04740
  • editorBracketPairGuide.activeBackground2#c4b5fd40
  • editorBracketPairGuide.activeBackground3#5eead440
  • editorBracketPairGuide.background1#fde04726
  • editorBracketPairGuide.background2#c4b5fd26
  • editorBracketPairGuide.background3#5eead426
  • editorCodeLens.foreground#e2e8f066
  • editorCursor.foreground#b2c0f5
  • editorError.foreground#f87171
  • editorGhostText.background#0d0f1300
  • editorGhostText.border#0d0f1300
  • editorGhostText.foreground#e2e8f066
  • editorGroup.border#0F1115
  • editorGroup.dropBackground#1e24361a
  • editorGroup.emptyBackground#0d0f13
  • editorGroup.focusedEmptyBorder#797392
  • editorGroupHeader.tabsBackground#07090c
  • editorGroupHeader.tabsBorder#0F1115
  • editorGutter.addedBackground#86efac
  • editorGutter.background#0b0d11
  • editorGutter.deletedBackground#f87171
  • editorGutter.modifiedBackground#fde047
  • editorHoverWidget.background#0b0d10
  • editorHoverWidget.border#0F1115
  • editorHoverWidget.foreground#e2e8f0
  • editorHoverWidget.highlightForeground#797392
  • editorHoverWidget.statusBarBackground#0d0f13cc
  • editorIndentGuide.activeBackground#4a4868
  • editorIndentGuide.background#181b25
  • editorInfo.foreground#7dd3fc
  • editorInlayHint.background#0d0f1300
  • editorInlayHint.foreground#e2e8f066
  • editorLightBulb.foreground#fde047
  • editorLightBulbAutoFix.foreground#7dd3fc
  • editorLineNumber.activeForeground#8899b0
  • editorLineNumber.foreground#3d4a5c
  • editorLink.activeForeground#7dd3fc
  • editorMarkerNavigation.background#0b0d10
  • editorMarkerNavigationError.background#f871711a
  • editorMarkerNavigationInfo.background#7dd3fc1a
  • editorMarkerNavigationWarning.background#fde0471a
  • editorOverviewRuler.addedForeground#86efac99
  • editorOverviewRuler.background#0d0f13
  • editorOverviewRuler.border#0F111500
  • editorOverviewRuler.bracketMatchForeground#b2c0f5
  • editorOverviewRuler.commonContentForeground#3a3a3a
  • editorOverviewRuler.currentContentForeground#1e3a5f
  • editorOverviewRuler.deletedForeground#f8717199
  • editorOverviewRuler.errorForeground#f87171
  • editorOverviewRuler.findMatchForeground#797392
  • editorOverviewRuler.incomingContentForeground#2d4a2e
  • editorOverviewRuler.infoForeground#7dd3fc
  • editorOverviewRuler.modifiedForeground#fde04799
  • editorOverviewRuler.rangeHighlightForeground#79739200
  • editorOverviewRuler.selectionHighlightForeground#1e243600
  • editorOverviewRuler.warningForeground#fde047
  • editorOverviewRuler.wordHighlightForeground#79739233
  • editorPane.background#0d0f13
  • editorRuler.foreground#1c1f2a
  • editorStickyScroll.background#0d0f13
  • editorStickyScroll.shadow#000000b3
  • editorStickyScrollHover.background#131620
  • editorSuggestWidget.background#0b0d10
  • editorSuggestWidget.border#0F1115
  • editorSuggestWidget.foreground#e2e8f0
  • editorSuggestWidget.highlightForeground#797392
  • editorSuggestWidget.selectedBackground#1b202e
  • editorWarning.foreground#fde047
  • editorWhitespace.foreground#1c1f2a
  • editorWidget.background#0b0d10
  • editorWidget.border#0F1115
  • editorWidget.foreground#e2e8f0
  • errorForeground#f87171
  • extensionBadge.remoteBackground#797392
  • extensionBadge.remoteForeground#e2e8f0
  • extensionButton.prominentBackground#797392
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#6c5d99
  • extensionIcon.preReleaseForeground#fde047
  • extensionIcon.sponsorForeground#d8b4fe
  • extensionIcon.starForeground#fde047
  • extensionIcon.verifiedForeground#86efac
  • focusBorder#797392
  • foreground#e2e8f0
  • gitDecoration.addedResourceForeground#86efac
  • gitDecoration.conflictingResourceForeground#d8b4fe
  • gitDecoration.deletedResourceForeground#f87171
  • gitDecoration.ignoredResourceForeground#475569
  • gitDecoration.modifiedResourceForeground#fde047
  • gitDecoration.renamedResourceForeground#7dd3fc
  • gitDecoration.stageDeletedResourceForeground#f87171cc
  • gitDecoration.stageModifiedResourceForeground#fde047cc
  • gitDecoration.submoduleResourceForeground#7dd3fc
  • gitDecoration.untrackedResourceForeground#86efac
  • icon.foreground#e2e8f0a6
  • inlineChat.background#0b0d10
  • inlineChat.border#0F1115
  • inlineChat.foreground#e2e8f0
  • inlineChat.shadow#000000b3
  • input.background#0b0d10
  • input.border#0F1115
  • input.foreground#e2e8f0
  • input.placeholderForeground#475569
  • inputOption.activeBackground#79739233
  • inputOption.activeBorder#797392
  • inputOption.activeForeground#e2e8f0
  • inputValidation.errorBackground#3f1616
  • inputValidation.errorBorder#f87171
  • inputValidation.errorForeground#e2e8f0
  • keybindingLabel.background#0b0d10
  • keybindingLabel.border#0F1115
  • keybindingLabel.bottomBorder#0F1115
  • keybindingLabel.foreground#e2e8f0
  • keybindingTable.headerBackground#0b0d10cc
  • keybindingTable.rowsBackground#0b0d1080
  • list.activeSelectionBackground#1b202e
  • list.activeSelectionForeground#e2e8f0
  • list.dropBackground#1b202e66
  • list.errorForeground#f87171
  • list.focusBackground#1c1e26
  • list.focusForeground#e2e8f0
  • list.highlightForeground#797392
  • list.hoverBackground#1c1e26
  • list.hoverForeground#e2e8f0
  • list.inactiveSelectionBackground#0d0f13
  • list.inactiveSelectionForeground#e2e8f0
  • list.warningForeground#fde047
  • menu.background#0b0d10
  • menu.border#0F1115
  • menu.foreground#e2e8f0
  • menu.selectionBackground#1b202e
  • menu.selectionForeground#e2e8f0
  • menu.separatorBackground#0F1115
  • merge.border#0F1115
  • merge.commonContentBackground#2a2a2a40
  • merge.commonHeaderBackground#3a3a3a40
  • merge.currentContentBackground#0f294240
  • merge.currentHeaderBackground#1e3a5f40
  • merge.incomingContentBackground#1a2f1b40
  • merge.incomingHeaderBackground#2d4a2e40
  • minimap.errorHighlight#f87171
  • minimap.findMatchHighlight#797392
  • minimap.selectionHighlight#1e2436
  • minimap.warningHighlight#fde047
  • minimapGutter.addedBackground#86efac
  • minimapGutter.deletedBackground#f87171
  • minimapGutter.modifiedBackground#fde047
  • minimapSlider.activeBackground#79739280
  • minimapSlider.background#2a2d3880
  • minimapSlider.hoverBackground#35394780
  • multiDiffEditor.border#0F1115
  • multiDiffEditor.headerBackground#0a0c0f
  • notebook.cellBorderColor#0F111566
  • notebook.cellEditorBackground#0b0d10
  • notebook.cellStatusBarItemHoverBackground#e2e8f01a
  • notebook.focusedCellBackground#0d0f1300
  • notebook.focusedCellBorder#797392
  • notebookStatusErrorIcon.foreground#f87171
  • notebookStatusRunningIcon.foreground#7dd3fc
  • notebookStatusSuccessIcon.foreground#86efac
  • notificationCenterHeader.background#0b0d10cc
  • notificationCenterHeader.foreground#e2e8f0
  • notificationLink.foreground#797392
  • notifications.background#0b0d10
  • notifications.foreground#e2e8f0
  • notificationToast.border#0F1115
  • panel.background#0a0c0f
  • panel.border#1c1f2a
  • panelSection.border#1c1f2a
  • panelSection.dropBackground#8899b01a
  • panelSectionHeader.background#0d0f1300
  • panelSectionHeader.foreground#8899b0
  • panelTitle.activeBorder#797392
  • panelTitle.activeForeground#8899b0
  • panelTitle.inactiveForeground#8899b099
  • peekView.border#797392
  • peekViewEditor.background#0f1116
  • peekViewEditor.matchHighlightBackground#7973924d
  • peekViewResult.background#0b0d10
  • peekViewResult.fileForeground#94a3b8
  • peekViewResult.lineForeground#e2e8f0
  • peekViewResult.matchHighlightBackground#7973924d
  • peekViewResult.selectionBackground#1b202e
  • peekViewResult.selectionForeground#e2e8f0
  • peekViewTitle.background#0b0d10
  • peekViewTitleDescription.foreground#94a3b8
  • peekViewTitleLabel.foreground#e2e8f0
  • pickerGroup.border#0F1115
  • pickerGroup.foreground#797392
  • ports.iconRunningProcessForeground#86efac
  • problemsErrorIcon.foreground#f87171
  • problemsInfoIcon.foreground#7dd3fc
  • problemsWarningIcon.foreground#fde047
  • profileBadge.background#797392
  • profileBadge.foreground#ffffff
  • progressBar.background#797392
  • quickInput.background#0b0d10
  • quickInput.foreground#e2e8f0
  • quickInputList.focusBackground#1b202e
  • quickInputList.focusForeground#e2e8f0
  • radio.activeBackground#79739233
  • radio.activeBorder#797392
  • radio.activeForeground#e2e8f0
  • radio.inactiveBackground#0b0d1080
  • radio.inactiveBorder#0F111580
  • radio.inactiveForeground#e2e8f0a6
  • sash.hoverBorder#797392
  • scm.providerBorder#0F1115
  • scrollbar.shadow#000000b3
  • scrollbarSlider.activeBackground#797392
  • scrollbarSlider.background#2a2d38
  • scrollbarSlider.hoverBackground#353947
  • searchEditor.findMatchBackground#7973924d
  • searchEditor.textInputBorder#0F1115
  • selection.background#1e2436
  • settings.checkboxBackground#0b0d10
  • settings.checkboxBorder#0F1115
  • settings.checkboxForeground#e2e8f0
  • settings.dropdownBackground#0b0d10
  • settings.dropdownBorder#0F1115
  • settings.dropdownForeground#e2e8f0
  • settings.headerForeground#e2e8f0
  • settings.modifiedItemIndicator#fde047
  • settings.textInputBackground#0b0d10
  • settings.textInputBorder#0F1115
  • settings.textInputForeground#e2e8f0
  • sideBar.background#0a0c0f
  • sideBar.border#0d1018
  • sideBar.dropBackground#7c8fa81a
  • sideBar.foreground#7c8fa8
  • sideBarSectionHeader.background#07090c
  • sideBarSectionHeader.border#0d1018
  • sideBarSectionHeader.foreground#c8d0de
  • sideBarTitle.foreground#c8d0de
  • sideBySideEditor.horizontalBorder#0F1115
  • sideBySideEditor.verticalBorder#0F1115
  • statusBar.background#07090c
  • statusBar.border#0d1018
  • statusBar.debuggingBackground#fde047
  • statusBar.debuggingBorder#fde047
  • statusBar.debuggingForeground#0d0f13
  • statusBar.foreground#e2e8f0
  • statusBar.noFolderBackground#07090c
  • statusBar.noFolderForeground#e2e8f0a6
  • statusBarItem.activeBackground#1c1e26
  • statusBarItem.errorBackground#f87171
  • statusBarItem.errorForeground#e2e8f0
  • statusBarItem.hoverBackground#1c1e26
  • statusBarItem.prominentBackground#797392
  • statusBarItem.prominentForeground#ffffff
  • statusBarItem.prominentHoverBackground#6c5d99
  • statusBarItem.remoteBackground#797392
  • statusBarItem.remoteForeground#e2e8f0
  • statusBarItem.warningBackground#fde047
  • statusBarItem.warningForeground#0d0f13
  • symbolIcon.arrayForeground#7dd3fc
  • symbolIcon.booleanForeground#a5b4fc
  • symbolIcon.classForeground#93c5fd
  • symbolIcon.constantForeground#a5b4fc
  • symbolIcon.constructorForeground#c4b5fd
  • symbolIcon.enumeratorForeground#7dd3fc
  • symbolIcon.fieldForeground#ff9e8a
  • symbolIcon.functionForeground#c4b5fd
  • symbolIcon.interfaceForeground#7dd3fc
  • symbolIcon.keywordForeground#5eead4
  • symbolIcon.methodForeground#c4b5fd
  • symbolIcon.numberForeground#fbbf24
  • symbolIcon.operatorForeground#94a3b8
  • symbolIcon.stringForeground#86efac
  • symbolIcon.variableForeground#ff9e8a
  • tab.activeBackground#0d0f13
  • tab.activeBorderTop#797392
  • tab.activeForeground#e2e8f0
  • tab.activeModifiedBorder#fde047
  • tab.border#0F1115
  • tab.dragAndDropBorder#797392
  • tab.hoverBackground#0d0f1380
  • tab.hoverForeground#e2e8f0
  • tab.inactiveBackground#0b0d1099
  • tab.inactiveForeground#94a3b8
  • tab.inactiveModifiedBorder#fde047a6
  • tab.lastPinnedBorder#0F1115
  • tab.unfocusedActiveBackground#0d0f13cc
  • tab.unfocusedActiveBorder#797392a6
  • tab.unfocusedActiveBorderTop#797392a6
  • tab.unfocusedActiveForeground#e2e8f0a6
  • tab.unfocusedActiveModifiedBorder#fde04780
  • tab.unfocusedHoverBackground#0d0f1366
  • tab.unfocusedHoverBorder#79739233
  • tab.unfocusedHoverForeground#e2e8f0a6
  • tab.unfocusedInactiveBackground#0b0d1040
  • tab.unfocusedInactiveForeground#94a3b8a6
  • tab.unfocusedInactiveModifiedBorder#fde04766
  • terminal.ansiBlack#0d0f13
  • terminal.ansiBlue#93c5fd
  • terminal.ansiBrightBlack#3d4a5c
  • terminal.ansiBrightBlue#bfdbfe
  • terminal.ansiBrightCyan#99f6e4
  • terminal.ansiBrightGreen#bbf7d0
  • terminal.ansiBrightMagenta#ddd6fe
  • terminal.ansiBrightRed#fca5a5
  • terminal.ansiBrightWhite#e2e8f0
  • terminal.ansiBrightYellow#fde047
  • terminal.ansiCyan#5eead4
  • terminal.ansiGreen#86efac
  • terminal.ansiMagenta#c4b5fd
  • terminal.ansiRed#f87171
  • terminal.ansiWhite#94a3b8
  • terminal.ansiYellow#fbbf24
  • terminal.background#0a0c0f
  • terminal.border#1c1f2a
  • terminal.findMatchBackground#7973924d
  • terminal.findMatchHighlightBackground#79739226
  • terminal.foreground#e2e8f0
  • terminal.inactiveSelectionBackground#1e243680
  • terminal.selectionBackground#1e2436
  • terminal.tab.activeBorder#797392
  • terminalCursor.background#0d0f13
  • terminalCursor.foreground#b2c0f5
  • testing.iconErrored#fca5a5
  • testing.iconFailed#f87171
  • testing.iconPassed#86efac
  • testing.iconQueued#fde047
  • testing.iconSkipped#94a3b8
  • testing.iconUnset#475569
  • testing.message.error.decorationForeground#f87171
  • testing.message.error.lineBackground#f871711a
  • testing.peekBorder#797392
  • testing.peekHeaderBackground#0a0c0f
  • testing.runAction#86efac
  • textBlockQuote.background#0a0c0f80
  • textBlockQuote.border#797392
  • textCodeBlock.background#0b0d10
  • textLink.activeForeground#6c5d99
  • textLink.foreground#797392
  • titleBar.activeBackground#07090c
  • titleBar.activeForeground#7c8fa8
  • titleBar.border#0F1115
  • titleBar.inactiveBackground#050608
  • titleBar.inactiveForeground#7c8fa899
  • toolbar.hoverBackground#e2e8f01a
  • tree.indentGuidesStroke#e2e8f026
  • walkThrough.embeddedEditorBackground#0b0d10
  • welcomePage.background#0d0f13
  • welcomePage.progress.foreground#797392
  • welcomePage.tileBackground#0b0d10
  • welcomePage.tileHoverBackground#1c1e26
  • widget.shadow#000000b3
  • window.activeBorder#0F1115
  • window.inactiveBorder#0F111599

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, variable.language#5eead4
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function#c4b5fd
keyword.control#5eead4italic
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.definition.tag#94a3b8
entity.name.function, support.function, meta.function-call.generic#c4b5fd
variable, support.variable, meta.object-literal.key, entity.name.variable#ff9e8a
entity.name.type, entity.name.class, support.class, storage.type.cs#93c5fd
entity.name.type.interface, support.type, entity.name.type.ts#7dd3fc
string, constant.character.escape#86efac
constant.numeric#fbbf24
constant.language, constant.other#a5b4fc
comment#4e5d73
comment.line, punctuation.definition.comment, string.quoted.docstringitalic
keyword.control.import, keyword.control.export, keyword.control.from, meta.import string#5eead4
variable.language.this, variable.language.super#a5b4fcitalic
support.type.object.console, support.type.object.dom#93c5fd
support.class.component, entity.name.tag.tsx, entity.name.tag.js.jsx#93c5fd
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#ff9e8aitalic
punctuation.definition.template-expression#94a3b8
entity.name.tag#5eead4
entity.other.attribute-name.html#ff9e8aitalic
punctuation.definition.tag#94a3b8
entity.other.attribute-name.class.css#93c5fd
entity.other.attribute-name.id.css#c4b5fd
entity.name.tag.css#5eead4
support.type.property-name.css, support.type.vendored.property-name#ff9e8a
support.constant.property-value, keyword.other.unit, constant.numeric.css#fbbf24
entity.other.attribute-name.class#c4b5fd
entity.name.type.namespace.cs#7dd3fc
entity.name.type.class.cs, entity.name.type.interface.cs#93c5fd
entity.name.function.cs#c4b5fd
entity.name.variable.local.cs, entity.name.variable.field.cs#ff9e8a
keyword.other.using.cs#5eead4
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#a5b4fcitalic
meta.function.decorator.python, entity.name.function.decorator#c4b5fd
storage.type.annotation, meta.attribute.php#94a3b8
storage.modifier.import, storage.modifier.package, keyword.control.import#5eead4
support.class.php, constant.other.php#93c5fd
variable.other.php#ff9e8a
support.function.go#c4b5fd
entity.name.lifetime.rust, storage.modifier.lifetime.rust#94a3b8italic
support.function.macro.rust#c4b5fd
markup.heading, entity.name.section.markdown, markup.heading.setext#93c5fdbold
markup.bold#5eead4bold
markup.italic#ff9e8aitalic
string.other.link.title.markdown#c4b5fd
markup.underline.link#86efac
markup.inline.raw#ff9e8aitalic
markup.raw.block#ff9e8a
markup.quote#4e5d73italic
punctuation.definition.list.begin.markdown#94a3b8
support.type.property-name.json, entity.name.tag.yaml, variable.other.key.toml#ff9e8a
constant.language.json, string.unquoted.plain.out.yaml#86efac
keyword.other.DML.sql, keyword.other.DDL.sql#5eead4
support.function.sql#c4b5fd
markup.inserted.diff#86efac
markup.deleted.diff#f87171
markup.changed.diff#fde047
variable.other.normal.shell, variable.other.positional.shell, source.env variable#ff9e8a
support.function.builtin.shell, entity.name.command.shell#c4b5fd
keyword.other.special-method.dockerfile#5eead4
entity.name.type.class.ruby, entity.name.type.module.ruby, entity.name.class.ruby#93c5fd
entity.name.function.ruby, support.function.ruby#c4b5fd
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby#a5b4fc
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby#ff9e8a
keyword.control.ruby, keyword.other.special-method.ruby#5eead4
string.regexp.ruby#86efac
entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.object.kotlin#93c5fd
entity.name.function.kotlin, support.function.kotlin#c4b5fd
keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin#5eead4
entity.name.type.swift, support.type.swift, entity.name.type.class.swift#93c5fd
entity.name.function.swift, support.function.swift#c4b5fd
keyword.control.swift, storage.type.swift, storage.modifier.swift#5eead4
support.class.dart, entity.name.type.class.dart#93c5fd
entity.name.function.dart, support.function.dart#c4b5fd
keyword.control.dart, storage.type.dart, storage.modifier.dart#5eead4
entity.name.class.scala, entity.name.type.class.scala#93c5fd
entity.name.function.scala#c4b5fd
keyword.control.scala, storage.type.scala#5eead4
entity.name.function.lua, support.function.lua#c4b5fd
keyword.control.lua#5eead4
entity.name.function.r, support.function.r#c4b5fd
keyword.control.r#5eead4
constant.language.r#a5b4fc
entity.name.type.class.elixir, entity.name.type.module.elixir#93c5fd
entity.name.function.elixir, entity.name.function.macro.elixir#c4b5fd
keyword.control.elixir#5eead4
variable.other.constant.elixir, constant.other.symbol.elixir#a5b4fc
entity.name.type.haskell, storage.type.haskell, entity.name.namespace.haskell#7dd3fc
entity.name.function.haskell#c4b5fd
keyword.other.haskell#5eead4
entity.name.tag.xml, entity.name.tag.localname.xml#5eead4
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml#7dd3fc
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#ff9e8aitalic
support.type.graphql, entity.name.type.graphql#93c5fd
keyword.operation.graphql, keyword.type.graphql, storage.type.graphql#5eead4
variable.graphql, variable.other.property.graphql#ff9e8a
entity.name.fragment.graphql#c4b5fd
entity.name.tag.svelte#93c5fd
support.type.svelte, entity.other.attribute-name.svelte, punctuation.definition.keyword.svelte#5eead4italic
entity.other.attribute-name.directive.vue, entity.other.attribute-name.html.vue#5eead4italic
entity.name.tag.template.vue#93c5fd
string.regexp#86efac
constant.other.symbol#a5b4fc
entity.name.type.module, entity.name.namespace, storage.modifier.module#7dd3fc
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end#7dd3fc

Shiki preview

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

Loading...