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#080706
  • activityBar.activeBorder#c89050
  • activityBar.background#040302
  • activityBar.border#0e0c0a
  • activityBar.dropBackground#6e60501a
  • activityBar.foreground#6e6050
  • activityBar.inactiveForeground#6e605080
  • activityBarBadge.background#c89050
  • activityBarBadge.foreground#040302
  • badge.background#c89050
  • badge.foreground#040302
  • banner.background#040302
  • banner.foreground#d8ccb8
  • banner.iconForeground#c89050
  • breadcrumb.activeSelectionForeground#d8ccb8
  • breadcrumb.background#080706
  • breadcrumb.focusForeground#d8ccb8
  • breadcrumb.foreground#d8ccb8a6
  • breadcrumbPicker.background#060504
  • button.background#c89050
  • button.foreground#080706
  • button.hoverBackground#a87840
  • button.secondaryBackground#1a1510
  • button.secondaryForeground#d8ccb8
  • button.secondaryHoverBackground#241e18
  • charts.blue#6898a8
  • charts.foreground#d8ccb8
  • charts.green#88a868
  • charts.lines#d8ccb866
  • charts.orange#b8a840
  • charts.purple#b8a840
  • charts.red#b86060
  • charts.yellow#b8a840
  • chat.requestBackground#06050480
  • chat.requestBorder#0e0c0a
  • chat.slashCommandBackground#c8905033
  • chat.slashCommandForeground#d8ccb8
  • checkbox.background#060504
  • checkbox.border#0e0c0a
  • checkbox.foreground#d8ccb8
  • checkbox.selectBackground#c89050
  • checkbox.selectBorder#c89050
  • commandCenter.activeBackground#060504cc
  • commandCenter.activeForeground#d8ccb8
  • commandCenter.background#060504
  • commandCenter.border#0e0c0a
  • commandCenter.foreground#d8ccb8
  • commentsView.resolvedIcon#88a868
  • commentsView.unresolvedIcon#b8a840
  • debugConsole.errorForeground#b86060
  • debugConsole.infoForeground#6898a8
  • debugConsole.sourceForeground#c8b890
  • debugConsole.warningForeground#b8a840
  • debugIcon.breakpointForeground#b86060
  • debugIcon.pauseForeground#b8a840
  • debugIcon.startForeground#88a868
  • debugIcon.stopForeground#b86060
  • debugTokenExpression.boolean#c89050
  • debugTokenExpression.error#b86060
  • debugTokenExpression.name#c8b890
  • debugTokenExpression.number#9880b0
  • debugTokenExpression.string#88a868
  • debugTokenExpression.value#d8ccb8
  • debugToolBar.background#060504
  • descriptionForeground#d8ccb8a6
  • diffEditor.border#0e0c0a
  • diffEditor.diagonalFill#d8ccb826
  • diffEditor.insertedLineBackground#88a8681a
  • diffEditor.insertedTextBackground#88a86826
  • diffEditor.removedLineBackground#b860601a
  • diffEditor.removedTextBackground#b8606026
  • diffEditorGutter.insertedLineBackground#88a86833
  • diffEditorGutter.removedLineBackground#b8606033
  • diffEditorOverview.insertedForeground#88a868
  • diffEditorOverview.removedForeground#b86060
  • dropdown.background#060504
  • dropdown.border#0e0c0a
  • dropdown.foreground#d8ccb8
  • dropdown.listBackground#060504
  • editor.background#080706
  • editor.findMatchBackground#c890504d
  • editor.findMatchHighlightBackground#c8905026
  • editor.foldBackground#20181033
  • editor.foreground#d8ccb8
  • editor.inactiveSelectionBackground#20181066
  • editor.lineHighlightBackground#0e0c0a
  • editor.linkedEditingBackground#c8905033
  • editor.rangeHighlightBackground#c890501a
  • editor.selectionBackground#201810
  • editor.selectionHighlightBackground#20181040
  • editor.snippetTabstopHighlightBackground#2018104d
  • editor.snippetTabstopHighlightBorder#20181000
  • editor.symbolHighlightBackground#c8905033
  • editor.wordHighlightBackground#c8905026
  • editor.wordHighlightStrongBackground#c8905040
  • editorBracketHighlight.foreground1#c89050
  • editorBracketHighlight.foreground2#b07840
  • editorBracketHighlight.foreground3#88a868
  • editorBracketHighlight.foreground4#b86060
  • editorBracketHighlight.foreground5#7898a8
  • editorBracketHighlight.foreground6#6898a0
  • editorBracketHighlight.unexpectedBracket.foreground#b86060
  • editorBracketMatch.background#201810
  • editorBracketMatch.border#c89050
  • editorBracketPairGuide.activeBackground1#c8905040
  • editorBracketPairGuide.activeBackground2#b0784040
  • editorBracketPairGuide.activeBackground3#88a86840
  • editorBracketPairGuide.background1#c8905026
  • editorBracketPairGuide.background2#b0784026
  • editorBracketPairGuide.background3#88a86826
  • editorCodeLens.foreground#d8ccb866
  • editorCursor.foreground#c89050
  • editorError.foreground#b86060
  • editorGhostText.background#08070600
  • editorGhostText.border#08070600
  • editorGhostText.foreground#d8ccb866
  • editorGroup.border#0e0c0a
  • editorGroup.dropBackground#2018101a
  • editorGroup.emptyBackground#080706
  • editorGroup.focusedEmptyBorder#c89050
  • editorGroupHeader.tabsBackground#040302
  • editorGroupHeader.tabsBorder#0e0c0a
  • editorGutter.addedBackground#88a868
  • editorGutter.background#070605
  • editorGutter.deletedBackground#b86060
  • editorGutter.modifiedBackground#b8a840
  • editorHoverWidget.background#060504
  • editorHoverWidget.border#0e0c0a
  • editorHoverWidget.foreground#d8ccb8
  • editorHoverWidget.highlightForeground#c89050
  • editorHoverWidget.statusBarBackground#080706cc
  • editorIndentGuide.activeBackground#5a4020
  • editorIndentGuide.background#100e0a
  • editorInfo.foreground#6898a8
  • editorInlayHint.background#08070600
  • editorInlayHint.foreground#d8ccb866
  • editorLightBulb.foreground#b8a840
  • editorLightBulbAutoFix.foreground#6898a8
  • editorLineNumber.activeForeground#907060
  • editorLineNumber.foreground#3a3020
  • editorLink.activeForeground#7898a8
  • editorMarkerNavigation.background#060504
  • editorMarkerNavigationError.background#b860601a
  • editorMarkerNavigationInfo.background#6898a81a
  • editorMarkerNavigationWarning.background#b8a8401a
  • editorOverviewRuler.addedForeground#88a86899
  • editorOverviewRuler.background#080706
  • editorOverviewRuler.border#0e0c0a00
  • editorOverviewRuler.bracketMatchForeground#c89050
  • editorOverviewRuler.commonContentForeground#1a1510
  • editorOverviewRuler.currentContentForeground#182840
  • editorOverviewRuler.deletedForeground#b8606099
  • editorOverviewRuler.errorForeground#b86060
  • editorOverviewRuler.findMatchForeground#c89050
  • editorOverviewRuler.incomingContentForeground#1e3018
  • editorOverviewRuler.infoForeground#6898a8
  • editorOverviewRuler.modifiedForeground#b8a84099
  • editorOverviewRuler.rangeHighlightForeground#c8905000
  • editorOverviewRuler.selectionHighlightForeground#20181000
  • editorOverviewRuler.warningForeground#b8a840
  • editorOverviewRuler.wordHighlightForeground#c8905033
  • editorPane.background#080706
  • editorRuler.foreground#0e0c0a
  • editorStickyScroll.background#080706
  • editorStickyScroll.shadow#000000b3
  • editorStickyScrollHover.background#0e0c0a
  • editorSuggestWidget.background#060504
  • editorSuggestWidget.border#0e0c0a
  • editorSuggestWidget.foreground#d8ccb8
  • editorSuggestWidget.highlightForeground#c89050
  • editorSuggestWidget.selectedBackground#201810
  • editorWarning.foreground#b8a840
  • editorWhitespace.foreground#0e0c0a
  • editorWidget.background#060504
  • editorWidget.border#0e0c0a
  • editorWidget.foreground#d8ccb8
  • errorForeground#b86060
  • extensionBadge.remoteBackground#c89050
  • extensionBadge.remoteForeground#d8ccb8
  • extensionButton.prominentBackground#c89050
  • extensionButton.prominentForeground#080706
  • extensionButton.prominentHoverBackground#a87840
  • extensionIcon.preReleaseForeground#b8a840
  • extensionIcon.sponsorForeground#9880b0
  • extensionIcon.starForeground#b8a840
  • extensionIcon.verifiedForeground#88a868
  • focusBorder#c89050
  • foreground#d8ccb8
  • gitDecoration.addedResourceForeground#88a868
  • gitDecoration.conflictingResourceForeground#9880b0
  • gitDecoration.deletedResourceForeground#b86060
  • gitDecoration.ignoredResourceForeground#3a3020
  • gitDecoration.modifiedResourceForeground#b8a840
  • gitDecoration.renamedResourceForeground#6898a8
  • gitDecoration.stageDeletedResourceForeground#b86060cc
  • gitDecoration.stageModifiedResourceForeground#b8a840cc
  • gitDecoration.submoduleResourceForeground#6898a8
  • gitDecoration.untrackedResourceForeground#88a868
  • icon.foreground#d8ccb8a6
  • inlineChat.background#060504
  • inlineChat.border#0e0c0a
  • inlineChat.foreground#d8ccb8
  • inlineChat.shadow#000000b3
  • input.background#060504
  • input.border#0e0c0a
  • input.foreground#d8ccb8
  • input.placeholderForeground#3a3020
  • inputOption.activeBackground#c8905033
  • inputOption.activeBorder#c89050
  • inputOption.activeForeground#d8ccb8
  • inputValidation.errorBackground#281010
  • inputValidation.errorBorder#b86060
  • inputValidation.errorForeground#d8ccb8
  • keybindingLabel.background#060504
  • keybindingLabel.border#0e0c0a
  • keybindingLabel.bottomBorder#0e0c0a
  • keybindingLabel.foreground#d8ccb8
  • keybindingTable.headerBackground#060504cc
  • keybindingTable.rowsBackground#06050480
  • list.activeSelectionBackground#201810
  • list.activeSelectionForeground#d8ccb8
  • list.dropBackground#20181066
  • list.errorForeground#b86060
  • list.focusBackground#181410
  • list.focusForeground#d8ccb8
  • list.highlightForeground#c89050
  • list.hoverBackground#100e0c
  • list.hoverForeground#d8ccb8
  • list.inactiveSelectionBackground#080706
  • list.inactiveSelectionForeground#d8ccb8
  • list.warningForeground#b8a840
  • menu.background#060504
  • menu.border#0e0c0a
  • menu.foreground#d8ccb8
  • menu.selectionBackground#201810
  • menu.selectionForeground#d8ccb8
  • menu.separatorBackground#0e0c0a
  • merge.border#0e0c0a
  • merge.commonContentBackground#0e0c0a40
  • merge.commonHeaderBackground#1a151040
  • merge.currentContentBackground#0e1c3040
  • merge.currentHeaderBackground#18284040
  • merge.incomingContentBackground#12201040
  • merge.incomingHeaderBackground#1e301840
  • minimap.errorHighlight#b86060
  • minimap.findMatchHighlight#c89050
  • minimap.selectionHighlight#201810
  • minimap.warningHighlight#b8a840
  • minimapGutter.addedBackground#88a868
  • minimapGutter.deletedBackground#b86060
  • minimapGutter.modifiedBackground#b8a840
  • minimapSlider.activeBackground#c8905080
  • minimapSlider.background#18141080
  • minimapSlider.hoverBackground#241e1880
  • multiDiffEditor.border#0e0c0a
  • multiDiffEditor.headerBackground#060504
  • notebook.cellBorderColor#0e0c0a66
  • notebook.cellEditorBackground#060504
  • notebook.cellStatusBarItemHoverBackground#d8ccb81a
  • notebook.focusedCellBackground#08070600
  • notebook.focusedCellBorder#c89050
  • notebookStatusErrorIcon.foreground#b86060
  • notebookStatusRunningIcon.foreground#6898a8
  • notebookStatusSuccessIcon.foreground#88a868
  • notificationCenterHeader.background#060504cc
  • notificationCenterHeader.foreground#d8ccb8
  • notificationLink.foreground#c89050
  • notifications.background#060504
  • notifications.foreground#d8ccb8
  • notificationToast.border#0e0c0a
  • panel.background#060504
  • panel.border#0e0c0a
  • panelSection.border#0e0c0a
  • panelSection.dropBackground#a898801a
  • panelSectionHeader.background#08070600
  • panelSectionHeader.foreground#a89880
  • panelTitle.activeBorder#c89050
  • panelTitle.activeForeground#a89880
  • panelTitle.inactiveForeground#a8988099
  • peekView.border#c89050
  • peekViewEditor.background#0c0a08
  • peekViewEditor.matchHighlightBackground#c890504d
  • peekViewResult.background#060504
  • peekViewResult.fileForeground#6e6050
  • peekViewResult.lineForeground#d8ccb8
  • peekViewResult.matchHighlightBackground#c890504d
  • peekViewResult.selectionBackground#201810
  • peekViewResult.selectionForeground#d8ccb8
  • peekViewTitle.background#060504
  • peekViewTitleDescription.foreground#6e6050
  • peekViewTitleLabel.foreground#d8ccb8
  • pickerGroup.border#0e0c0a
  • pickerGroup.foreground#c89050
  • ports.iconRunningProcessForeground#88a868
  • problemsErrorIcon.foreground#b86060
  • problemsInfoIcon.foreground#6898a8
  • problemsWarningIcon.foreground#b8a840
  • profileBadge.background#c89050
  • profileBadge.foreground#040302
  • progressBar.background#c89050
  • quickInput.background#060504
  • quickInput.foreground#d8ccb8
  • quickInputList.focusBackground#201810
  • quickInputList.focusForeground#d8ccb8
  • radio.activeBackground#c8905033
  • radio.activeBorder#c89050
  • radio.activeForeground#d8ccb8
  • radio.inactiveBackground#06050480
  • radio.inactiveBorder#0e0c0a80
  • radio.inactiveForeground#d8ccb8a6
  • sash.hoverBorder#c89050
  • scm.providerBorder#0e0c0a
  • scrollbar.shadow#000000b3
  • scrollbarSlider.activeBackground#c89050
  • scrollbarSlider.background#181410
  • scrollbarSlider.hoverBackground#241e18
  • searchEditor.findMatchBackground#c890504d
  • searchEditor.textInputBorder#0e0c0a
  • selection.background#201810
  • settings.checkboxBackground#060504
  • settings.checkboxBorder#0e0c0a
  • settings.checkboxForeground#d8ccb8
  • settings.dropdownBackground#060504
  • settings.dropdownBorder#0e0c0a
  • settings.dropdownForeground#d8ccb8
  • settings.headerForeground#d8ccb8
  • settings.modifiedItemIndicator#b8a840
  • settings.textInputBackground#060504
  • settings.textInputBorder#0e0c0a
  • settings.textInputForeground#d8ccb8
  • sideBar.background#060504
  • sideBar.border#0e0c0a
  • sideBar.dropBackground#6e60501a
  • sideBar.foreground#6e6050
  • sideBarSectionHeader.background#040302
  • sideBarSectionHeader.border#0e0c0a
  • sideBarSectionHeader.foreground#a89880
  • sideBarTitle.foreground#a89880
  • sideBySideEditor.horizontalBorder#0e0c0a
  • sideBySideEditor.verticalBorder#0e0c0a
  • statusBar.background#040302
  • statusBar.border#0e0c0a
  • statusBar.debuggingBackground#b8a840
  • statusBar.debuggingBorder#b8a840
  • statusBar.debuggingForeground#080706
  • statusBar.foreground#d8ccb8
  • statusBar.noFolderBackground#040302
  • statusBar.noFolderForeground#d8ccb8a6
  • statusBarItem.activeBackground#100e0c
  • statusBarItem.errorBackground#b86060
  • statusBarItem.errorForeground#d8ccb8
  • statusBarItem.hoverBackground#100e0c
  • statusBarItem.prominentBackground#c89050
  • statusBarItem.prominentForeground#080706
  • statusBarItem.prominentHoverBackground#a87840
  • statusBarItem.remoteBackground#c89050
  • statusBarItem.remoteForeground#d8ccb8
  • statusBarItem.warningBackground#b8a840
  • statusBarItem.warningForeground#080706
  • symbolIcon.arrayForeground#6898a8
  • symbolIcon.booleanForeground#c89050
  • symbolIcon.classForeground#90a8c0
  • symbolIcon.constantForeground#c89050
  • symbolIcon.constructorForeground#b8a840
  • symbolIcon.enumeratorForeground#6898a8
  • symbolIcon.fieldForeground#c8b890
  • symbolIcon.functionForeground#b8a840
  • symbolIcon.interfaceForeground#6898a8
  • symbolIcon.keywordForeground#c07840
  • symbolIcon.methodForeground#b8a840
  • symbolIcon.numberForeground#9880b0
  • symbolIcon.operatorForeground#5a4a38
  • symbolIcon.stringForeground#88a868
  • symbolIcon.variableForeground#c8b890
  • tab.activeBackground#080706
  • tab.activeBorderTop#c89050
  • tab.activeForeground#d8ccb8
  • tab.activeModifiedBorder#b8a840
  • tab.border#0e0c0a
  • tab.dragAndDropBorder#c89050
  • tab.hoverBackground#08070680
  • tab.hoverForeground#d8ccb8
  • tab.inactiveBackground#06050499
  • tab.inactiveForeground#3a3020
  • tab.inactiveModifiedBorder#b8a840a6
  • tab.lastPinnedBorder#0e0c0a
  • tab.unfocusedActiveBackground#080706cc
  • tab.unfocusedActiveBorder#c89050a6
  • tab.unfocusedActiveBorderTop#c89050a6
  • tab.unfocusedActiveForeground#d8ccb8a6
  • tab.unfocusedActiveModifiedBorder#b8a84080
  • tab.unfocusedHoverBackground#08070666
  • tab.unfocusedHoverBorder#c8905033
  • tab.unfocusedHoverForeground#d8ccb8a6
  • tab.unfocusedInactiveBackground#06050440
  • tab.unfocusedInactiveForeground#3a3020a6
  • tab.unfocusedInactiveModifiedBorder#b8a84066
  • terminal.ansiBlack#080706
  • terminal.ansiBlue#7898a8
  • terminal.ansiBrightBlack#3a3020
  • terminal.ansiBrightBlue#98b8c8
  • terminal.ansiBrightCyan#88b8b0
  • terminal.ansiBrightGreen#a8c888
  • terminal.ansiBrightMagenta#b8a0c8
  • terminal.ansiBrightRed#c87878
  • terminal.ansiBrightWhite#d8ccb8
  • terminal.ansiBrightYellow#d8c860
  • terminal.ansiCyan#6898a0
  • terminal.ansiGreen#88a868
  • terminal.ansiMagenta#9880b0
  • terminal.ansiRed#b86060
  • terminal.ansiWhite#6e6050
  • terminal.ansiYellow#b8a840
  • terminal.background#060504
  • terminal.border#0e0c0a
  • terminal.findMatchBackground#c890504d
  • terminal.findMatchHighlightBackground#c8905026
  • terminal.foreground#d8ccb8
  • terminal.inactiveSelectionBackground#20181080
  • terminal.selectionBackground#201810
  • terminal.tab.activeBorder#c89050
  • terminalCursor.background#080706
  • terminalCursor.foreground#c89050
  • testing.iconErrored#c07878
  • testing.iconFailed#b86060
  • testing.iconPassed#88a868
  • testing.iconQueued#b8a840
  • testing.iconSkipped#6e6050
  • testing.iconUnset#3a3020
  • testing.message.error.decorationForeground#b86060
  • testing.message.error.lineBackground#b860601a
  • testing.peekBorder#c89050
  • testing.peekHeaderBackground#060504
  • testing.runAction#88a868
  • textBlockQuote.background#06050480
  • textBlockQuote.border#c89050
  • textCodeBlock.background#060504
  • textLink.activeForeground#a87840
  • textLink.foreground#c89050
  • titleBar.activeBackground#040302
  • titleBar.activeForeground#6e6050
  • titleBar.border#0e0c0a
  • titleBar.inactiveBackground#030201
  • titleBar.inactiveForeground#6e605099
  • toolbar.hoverBackground#d8ccb81a
  • tree.indentGuidesStroke#d8ccb826
  • walkThrough.embeddedEditorBackground#060504
  • welcomePage.background#080706
  • welcomePage.progress.foreground#c89050
  • welcomePage.tileBackground#060504
  • welcomePage.tileHoverBackground#100e0c
  • widget.shadow#000000b3
  • window.activeBorder#0e0c0a
  • window.inactiveBorder#0e0c0a99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, variable.language#c07840
meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function#b8a840
keyword.control#c07840italic
keyword.operator, punctuation.separator, punctuation.terminator, punctuation.definition.tag#5a4a38
entity.name.function, support.function, meta.function-call.generic#b8a840
variable, support.variable, meta.object-literal.key, entity.name.variable#c8b890
entity.name.type, entity.name.class, support.class, storage.type.cs#90a8c0
entity.name.type.interface, support.type, entity.name.type.ts#6898a8
string, constant.character.escape#88a868
constant.numeric#9880b0
constant.language, constant.other#c89050
comment#2e2418
comment.line, punctuation.definition.comment, string.quoted.docstringitalic
keyword.control.import, keyword.control.export, keyword.control.from, meta.import string#c07840
variable.language.this, variable.language.super#c89050italic
support.type.object.console, support.type.object.dom#90a8c0
support.class.component, entity.name.tag.tsx, entity.name.tag.js.jsx#90a8c0
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#c8b890italic
punctuation.definition.template-expression#5a4a38
entity.name.tag#c07840
entity.other.attribute-name.html#c8b890italic
punctuation.definition.tag#5a4a38
entity.other.attribute-name.class.css#90a8c0
entity.other.attribute-name.id.css#b8a840
entity.name.tag.css#c07840
support.type.property-name.css, support.type.vendored.property-name#c8b890
support.constant.property-value, keyword.other.unit, constant.numeric.css#9880b0
entity.other.attribute-name.class#b8a840
entity.name.type.namespace.cs#6898a8
entity.name.type.class.cs, entity.name.type.interface.cs#90a8c0
entity.name.function.cs#b8a840
entity.name.variable.local.cs, entity.name.variable.field.cs#c8b890
keyword.other.using.cs#c07840
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#c89050italic
meta.function.decorator.python, entity.name.function.decorator#b8a840
storage.type.annotation, meta.attribute.php#5a4a38
storage.modifier.import, storage.modifier.package, keyword.control.import#c07840
support.class.php, constant.other.php#90a8c0
variable.other.php#c8b890
support.function.go#b8a840
entity.name.lifetime.rust, storage.modifier.lifetime.rust#5a4a38italic
support.function.macro.rust#b8a840
markup.heading, entity.name.section.markdown, markup.heading.setext#90a8c0bold
markup.bold#c07840bold
markup.italic#c8b890italic
string.other.link.title.markdown#b8a840
markup.underline.link#88a868
markup.inline.raw#c8b890italic
markup.raw.block#c8b890
markup.quote#2e2418italic
punctuation.definition.list.begin.markdown#5a4a38
support.type.property-name.json, entity.name.tag.yaml, variable.other.key.toml#c8b890
constant.language.json, string.unquoted.plain.out.yaml#88a868
keyword.other.DML.sql, keyword.other.DDL.sql#c07840
support.function.sql#b8a840
markup.inserted.diff#88a868
markup.deleted.diff#b86060
markup.changed.diff#b8a840
variable.other.normal.shell, variable.other.positional.shell, source.env variable#c8b890
support.function.builtin.shell, entity.name.command.shell#b8a840
keyword.other.special-method.dockerfile#c07840
entity.name.type.class.ruby, entity.name.type.module.ruby, entity.name.class.ruby#90a8c0
entity.name.function.ruby, support.function.ruby#b8a840
constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby#c89050
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby#c8b890
keyword.control.ruby, keyword.other.special-method.ruby#c07840
string.regexp.ruby#88a868
entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.object.kotlin#90a8c0
entity.name.function.kotlin, support.function.kotlin#b8a840
keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin#c07840
entity.name.type.swift, support.type.swift, entity.name.type.class.swift#90a8c0
entity.name.function.swift, support.function.swift#b8a840
keyword.control.swift, storage.type.swift, storage.modifier.swift#c07840
support.class.dart, entity.name.type.class.dart#90a8c0
entity.name.function.dart, support.function.dart#b8a840
keyword.control.dart, storage.type.dart, storage.modifier.dart#c07840
entity.name.class.scala, entity.name.type.class.scala#90a8c0
entity.name.function.scala#b8a840
keyword.control.scala, storage.type.scala#c07840
entity.name.function.lua, support.function.lua#b8a840
keyword.control.lua#c07840
entity.name.function.r, support.function.r#b8a840
keyword.control.r#c07840
constant.language.r#c89050
entity.name.type.class.elixir, entity.name.type.module.elixir#90a8c0
entity.name.function.elixir, entity.name.function.macro.elixir#b8a840
keyword.control.elixir#c07840
variable.other.constant.elixir, constant.other.symbol.elixir#c89050
entity.name.type.haskell, storage.type.haskell, entity.name.namespace.haskell#6898a8
entity.name.function.haskell#b8a840
keyword.other.haskell#c07840
entity.name.tag.xml, entity.name.tag.localname.xml#c07840
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml#6898a8
entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#c8b890italic
support.type.graphql, entity.name.type.graphql#90a8c0
keyword.operation.graphql, keyword.type.graphql, storage.type.graphql#c07840
variable.graphql, variable.other.property.graphql#c8b890
entity.name.fragment.graphql#b8a840
entity.name.tag.svelte#90a8c0
support.type.svelte, entity.other.attribute-name.svelte, punctuation.definition.keyword.svelte#c07840italic
entity.other.attribute-name.directive.vue, entity.other.attribute-name.html.vue#c07840italic
entity.name.tag.template.vue#90a8c0
string.regexp#88a868
constant.other.symbol#c89050
entity.name.type.module, entity.name.namespace, storage.modifier.module#6898a8
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end#6898a8

Shiki preview

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

Loading...