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#0d1311
- activityBar.activeBorder#10b981
- activityBar.background#080d0b
- activityBar.border#101a16
- activityBar.dropBackground#6a8a801a
- activityBar.foreground#6a8a80
- activityBar.inactiveForeground#6a8a8080
- activityBarBadge.background#10b981
- activityBarBadge.foreground#ffffff
- badge.background#10b981
- badge.foreground#ffffff
- banner.background#080d0b
- banner.foreground#e2e8f0
- banner.iconForeground#10b981
- breadcrumb.activeSelectionForeground#e2e8f0
- breadcrumb.background#0d1311
- breadcrumb.focusForeground#e2e8f0
- breadcrumb.foreground#e2e8f0a6
- breadcrumbPicker.background#0b110f
- button.background#10b981
- button.foreground#ffffff
- button.hoverBackground#059669
- button.secondaryBackground#111715
- button.secondaryForeground#e2e8f0
- button.secondaryHoverBackground#16211d
- charts.blue#38bdf8
- charts.foreground#e2e8f0
- charts.green#34d399
- charts.lines#e2e8f066
- charts.orange#fbbf24
- charts.purple#38bdf8
- charts.red#f87171
- charts.yellow#fbbf24
- chat.requestBackground#0b110f80
- chat.requestBorder#141b18
- chat.slashCommandBackground#10b98133
- chat.slashCommandForeground#e2e8f0
- checkbox.background#0b110f
- checkbox.border#141b18
- checkbox.foreground#e2e8f0
- checkbox.selectBackground#10b981
- checkbox.selectBorder#10b981
- commandCenter.activeBackground#0b110fcc
- commandCenter.activeForeground#e2e8f0
- commandCenter.background#0b110f
- commandCenter.border#141b18
- commandCenter.foreground#e2e8f0
- commentsView.resolvedIcon#34d399
- commentsView.unresolvedIcon#fbbf24
- debugConsole.errorForeground#f87171
- debugConsole.infoForeground#38bdf8
- debugConsole.sourceForeground#b8d4c8
- debugConsole.warningForeground#fbbf24
- debugIcon.breakpointForeground#f87171
- debugIcon.pauseForeground#fbbf24
- debugIcon.startForeground#34d399
- debugIcon.stopForeground#f87171
- debugTokenExpression.boolean#c084fc
- debugTokenExpression.error#f87171
- debugTokenExpression.name#b8d4c8
- debugTokenExpression.number#f472b6
- debugTokenExpression.string#a7f3d0
- debugTokenExpression.value#e2e8f0
- debugToolBar.background#0a0f0d
- descriptionForeground#e2e8f0a6
- diffEditor.border#141b18
- diffEditor.diagonalFill#e2e8f026
- diffEditor.insertedLineBackground#34d3991a
- diffEditor.insertedTextBackground#34d39926
- diffEditor.removedLineBackground#f871711a
- diffEditor.removedTextBackground#f8717126
- diffEditorGutter.insertedLineBackground#34d39933
- diffEditorGutter.removedLineBackground#f8717133
- diffEditorOverview.insertedForeground#34d399
- diffEditorOverview.removedForeground#f87171
- dropdown.background#0b110f
- dropdown.border#141b18
- dropdown.foreground#e2e8f0
- dropdown.listBackground#0b110f
- editor.background#0d1311
- editor.findMatchBackground#34d3994d
- editor.findMatchHighlightBackground#34d39926
- editor.foldBackground#14201833
- editor.foreground#e2e8f0
- editor.inactiveSelectionBackground#14201866
- editor.lineHighlightBackground#101916
- editor.linkedEditingBackground#34d39933
- editor.rangeHighlightBackground#34d3991a
- editor.selectionBackground#142018
- editor.selectionHighlightBackground#14201840
- editor.snippetTabstopHighlightBackground#1420184d
- editor.snippetTabstopHighlightBorder#14201800
- editor.symbolHighlightBackground#34d39933
- editor.wordHighlightBackground#34d39926
- editor.wordHighlightStrongBackground#34d39940
- editorBracketHighlight.foreground1#fbbf24
- editorBracketHighlight.foreground2#38bdf8
- editorBracketHighlight.foreground3#34d399
- editorBracketHighlight.foreground4#f472b6
- editorBracketHighlight.foreground5#c084fc
- editorBracketHighlight.foreground6#22d3ee
- editorBracketHighlight.unexpectedBracket.foreground#f87171
- editorBracketMatch.background#183828
- editorBracketMatch.border#34d399
- editorBracketPairGuide.activeBackground1#fbbf2440
- editorBracketPairGuide.activeBackground2#38bdf840
- editorBracketPairGuide.activeBackground3#34d39940
- editorBracketPairGuide.background1#fbbf2426
- editorBracketPairGuide.background2#38bdf826
- editorBracketPairGuide.background3#34d39926
- editorCodeLens.foreground#e2e8f066
- editorCursor.foreground#34d399
- editorError.foreground#f87171
- editorGhostText.background#0d131100
- editorGhostText.border#0d131100
- editorGhostText.foreground#e2e8f066
- editorGroup.border#141b18
- editorGroup.dropBackground#1420181a
- editorGroup.emptyBackground#0d1311
- editorGroup.focusedEmptyBorder#10b981
- editorGroupHeader.tabsBackground#080d0b
- editorGroupHeader.tabsBorder#141b18
- editorGutter.addedBackground#34d399
- editorGutter.background#0b1210
- editorGutter.deletedBackground#f87171
- editorGutter.modifiedBackground#fbbf24
- editorHoverWidget.background#0b110f
- editorHoverWidget.border#141b18
- editorHoverWidget.foreground#e2e8f0
- editorHoverWidget.highlightForeground#34d399
- editorHoverWidget.statusBarBackground#0d1311cc
- editorIndentGuide.activeBackground#1e6b4a
- editorIndentGuide.background#0f1c18
- editorInfo.foreground#38bdf8
- editorInlayHint.background#0d131100
- editorInlayHint.foreground#e2e8f066
- editorLightBulb.foreground#fbbf24
- editorLightBulbAutoFix.foreground#38bdf8
- editorLineNumber.activeForeground#6abf9a
- editorLineNumber.foreground#2d5045
- editorLink.activeForeground#38bdf8
- editorMarkerNavigation.background#0b110f
- editorMarkerNavigationError.background#f871711a
- editorMarkerNavigationInfo.background#38bdf81a
- editorMarkerNavigationWarning.background#fbbf241a
- editorOverviewRuler.addedForeground#34d39999
- editorOverviewRuler.background#0d1311
- editorOverviewRuler.border#141b1800
- editorOverviewRuler.bracketMatchForeground#34d399
- editorOverviewRuler.commonContentForeground#18211e
- editorOverviewRuler.currentContentForeground#1e3a5f
- editorOverviewRuler.deletedForeground#f8717199
- editorOverviewRuler.errorForeground#f87171
- editorOverviewRuler.findMatchForeground#34d399
- editorOverviewRuler.incomingContentForeground#2d4a2e
- editorOverviewRuler.infoForeground#38bdf8
- editorOverviewRuler.modifiedForeground#fbbf2499
- editorOverviewRuler.rangeHighlightForeground#34d39900
- editorOverviewRuler.selectionHighlightForeground#14201800
- editorOverviewRuler.warningForeground#fbbf24
- editorOverviewRuler.wordHighlightForeground#34d39933
- editorPane.background#0d1311
- editorRuler.foreground#141b18
- editorStickyScroll.background#0d1311
- editorStickyScroll.shadow#000000b3
- editorStickyScrollHover.background#101916
- editorSuggestWidget.background#0b110f
- editorSuggestWidget.border#141b18
- editorSuggestWidget.foreground#e2e8f0
- editorSuggestWidget.highlightForeground#34d399
- editorSuggestWidget.selectedBackground#16211d
- editorWarning.foreground#fbbf24
- editorWhitespace.foreground#141b18
- editorWidget.background#0b110f
- editorWidget.border#141b18
- editorWidget.foreground#e2e8f0
- errorForeground#f87171
- extensionBadge.remoteBackground#10b981
- extensionBadge.remoteForeground#e2e8f0
- extensionButton.prominentBackground#10b981
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#059669
- extensionIcon.preReleaseForeground#fbbf24
- extensionIcon.sponsorForeground#c084fc
- extensionIcon.starForeground#fbbf24
- extensionIcon.verifiedForeground#34d399
- focusBorder#10b981
- foreground#e2e8f0
- gitDecoration.addedResourceForeground#34d399
- gitDecoration.conflictingResourceForeground#c084fc
- gitDecoration.deletedResourceForeground#f87171
- gitDecoration.ignoredResourceForeground#475569
- gitDecoration.modifiedResourceForeground#fbbf24
- gitDecoration.renamedResourceForeground#38bdf8
- gitDecoration.stageDeletedResourceForeground#f87171cc
- gitDecoration.stageModifiedResourceForeground#fbbf24cc
- gitDecoration.submoduleResourceForeground#38bdf8
- gitDecoration.untrackedResourceForeground#34d399
- icon.foreground#e2e8f0a6
- inlineChat.background#0b110f
- inlineChat.border#141b18
- inlineChat.foreground#e2e8f0
- inlineChat.shadow#000000b3
- input.background#0b110f
- input.border#141b18
- input.foreground#e2e8f0
- input.placeholderForeground#475569
- inputOption.activeBackground#10b98133
- inputOption.activeBorder#10b981
- inputOption.activeForeground#e2e8f0
- inputValidation.errorBackground#3f1616
- inputValidation.errorBorder#f87171
- inputValidation.errorForeground#e2e8f0
- keybindingLabel.background#0b110f
- keybindingLabel.border#141b18
- keybindingLabel.bottomBorder#141b18
- keybindingLabel.foreground#e2e8f0
- keybindingTable.headerBackground#0b110fcc
- keybindingTable.rowsBackground#0b110f80
- list.activeSelectionBackground#16211d
- list.activeSelectionForeground#e2e8f0
- list.dropBackground#16211d66
- list.errorForeground#f87171
- list.focusBackground#111715
- list.focusForeground#e2e8f0
- list.highlightForeground#34d399
- list.hoverBackground#111715
- list.hoverForeground#e2e8f0
- list.inactiveSelectionBackground#0d1311
- list.inactiveSelectionForeground#e2e8f0
- list.warningForeground#fbbf24
- menu.background#0b110f
- menu.border#141b18
- menu.foreground#e2e8f0
- menu.selectionBackground#16211d
- menu.selectionForeground#e2e8f0
- menu.separatorBackground#141b18
- merge.border#141b18
- merge.commonContentBackground#131a1740
- merge.commonHeaderBackground#18211e40
- merge.currentContentBackground#0f294240
- merge.currentHeaderBackground#1e3a5f40
- merge.incomingContentBackground#1a2f1b40
- merge.incomingHeaderBackground#2d4a2e40
- minimap.errorHighlight#f87171
- minimap.findMatchHighlight#34d399
- minimap.selectionHighlight#142018
- minimap.warningHighlight#fbbf24
- minimapGutter.addedBackground#34d399
- minimapGutter.deletedBackground#f87171
- minimapGutter.modifiedBackground#fbbf24
- minimapSlider.activeBackground#10b98180
- minimapSlider.background#1e292680
- minimapSlider.hoverBackground#27363280
- multiDiffEditor.border#141b18
- multiDiffEditor.headerBackground#0a0f0d
- notebook.cellBorderColor#141b1866
- notebook.cellEditorBackground#0b110f
- notebook.cellStatusBarItemHoverBackground#e2e8f01a
- notebook.focusedCellBackground#0d131100
- notebook.focusedCellBorder#10b981
- notebookStatusErrorIcon.foreground#f87171
- notebookStatusRunningIcon.foreground#38bdf8
- notebookStatusSuccessIcon.foreground#34d399
- notificationCenterHeader.background#0b110fcc
- notificationCenterHeader.foreground#e2e8f0
- notificationLink.foreground#10b981
- notifications.background#0b110f
- notifications.foreground#e2e8f0
- notificationToast.border#141b18
- panel.background#0a0f0d
- panel.border#162019
- panelSection.border#162019
- panelSection.dropBackground#80a8981a
- panelSectionHeader.background#0d131100
- panelSectionHeader.foreground#80a898
- panelTitle.activeBorder#10b981
- panelTitle.activeForeground#80a898
- panelTitle.inactiveForeground#80a89899
- peekView.border#10b981
- peekViewEditor.background#0d1311
- peekViewEditor.matchHighlightBackground#34d3994d
- peekViewResult.background#0b110f
- peekViewResult.fileForeground#94a3b8
- peekViewResult.lineForeground#e2e8f0
- peekViewResult.matchHighlightBackground#34d3994d
- peekViewResult.selectionBackground#16211d
- peekViewResult.selectionForeground#e2e8f0
- peekViewTitle.background#0b110f
- peekViewTitleDescription.foreground#94a3b8
- peekViewTitleLabel.foreground#e2e8f0
- pickerGroup.border#141b18
- pickerGroup.foreground#10b981
- ports.iconRunningProcessForeground#34d399
- problemsErrorIcon.foreground#f87171
- problemsInfoIcon.foreground#38bdf8
- problemsWarningIcon.foreground#fbbf24
- profileBadge.background#10b981
- profileBadge.foreground#ffffff
- progressBar.background#10b981
- quickInput.background#0b110f
- quickInput.foreground#e2e8f0
- quickInputList.focusBackground#16211d
- quickInputList.focusForeground#e2e8f0
- radio.activeBackground#10b98133
- radio.activeBorder#10b981
- radio.activeForeground#e2e8f0
- radio.inactiveBackground#0b110f80
- radio.inactiveBorder#141b1880
- radio.inactiveForeground#e2e8f0a6
- sash.hoverBorder#10b981
- scm.providerBorder#141b18
- scrollbar.shadow#000000b3
- scrollbarSlider.activeBackground#10b981
- scrollbarSlider.background#1e2926
- scrollbarSlider.hoverBackground#273632
- searchEditor.findMatchBackground#34d3994d
- searchEditor.textInputBorder#141b18
- selection.background#142018
- settings.checkboxBackground#0b110f
- settings.checkboxBorder#141b18
- settings.checkboxForeground#e2e8f0
- settings.dropdownBackground#0b110f
- settings.dropdownBorder#141b18
- settings.dropdownForeground#e2e8f0
- settings.headerForeground#e2e8f0
- settings.modifiedItemIndicator#fbbf24
- settings.textInputBackground#0b110f
- settings.textInputBorder#141b18
- settings.textInputForeground#e2e8f0
- sideBar.background#0a0f0d
- sideBar.border#101a16
- sideBar.dropBackground#6a8a801a
- sideBar.foreground#6a8a80
- sideBarSectionHeader.background#080d0b
- sideBarSectionHeader.border#101a16
- sideBarSectionHeader.foreground#b8d8cc
- sideBarTitle.foreground#b8d8cc
- sideBySideEditor.horizontalBorder#141b18
- sideBySideEditor.verticalBorder#141b18
- statusBar.background#080d0b
- statusBar.border#101a16
- statusBar.debuggingBackground#fbbf24
- statusBar.debuggingBorder#fbbf24
- statusBar.debuggingForeground#0d1311
- statusBar.foreground#e2e8f0
- statusBar.noFolderBackground#080d0b
- statusBar.noFolderForeground#e2e8f0a6
- statusBarItem.activeBackground#162019
- statusBarItem.errorBackground#f87171
- statusBarItem.errorForeground#e2e8f0
- statusBarItem.hoverBackground#162019
- statusBarItem.prominentBackground#10b981
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#059669
- statusBarItem.remoteBackground#10b981
- statusBarItem.remoteForeground#e2e8f0
- statusBarItem.warningBackground#fbbf24
- statusBarItem.warningForeground#0d1311
- symbolIcon.arrayForeground#fbbf24
- symbolIcon.booleanForeground#c084fc
- symbolIcon.classForeground#f0a830
- symbolIcon.constantForeground#c084fc
- symbolIcon.constructorForeground#38bdf8
- symbolIcon.enumeratorForeground#fbbf24
- symbolIcon.fieldForeground#b8d4c8
- symbolIcon.functionForeground#38bdf8
- symbolIcon.interfaceForeground#fbbf24
- symbolIcon.keywordForeground#34d399
- symbolIcon.methodForeground#38bdf8
- symbolIcon.numberForeground#f472b6
- symbolIcon.operatorForeground#6a8a80
- symbolIcon.stringForeground#a7f3d0
- symbolIcon.variableForeground#b8d4c8
- tab.activeBackground#0d1311
- tab.activeBorderTop#10b981
- tab.activeForeground#e2e8f0
- tab.activeModifiedBorder#fbbf24
- tab.border#141b18
- tab.dragAndDropBorder#10b981
- tab.hoverBackground#0d131180
- tab.hoverForeground#e2e8f0
- tab.inactiveBackground#0b110f99
- tab.inactiveForeground#94a3b8
- tab.inactiveModifiedBorder#fbbf24a6
- tab.lastPinnedBorder#141b18
- tab.unfocusedActiveBackground#0d1311cc
- tab.unfocusedActiveBorder#10b981a6
- tab.unfocusedActiveBorderTop#10b981a6
- tab.unfocusedActiveForeground#e2e8f0a6
- tab.unfocusedActiveModifiedBorder#fbbf2480
- tab.unfocusedHoverBackground#0d131166
- tab.unfocusedHoverBorder#10b98133
- tab.unfocusedHoverForeground#e2e8f0a6
- tab.unfocusedInactiveBackground#0b110f40
- tab.unfocusedInactiveForeground#94a3b8a6
- tab.unfocusedInactiveModifiedBorder#fbbf2466
- terminal.ansiBlack#0d1311
- terminal.ansiBlue#38bdf8
- terminal.ansiBrightBlack#2d5045
- terminal.ansiBrightBlue#7dd3fc
- terminal.ansiBrightCyan#67e8f9
- terminal.ansiBrightGreen#6ee7b7
- terminal.ansiBrightMagenta#e879f9
- terminal.ansiBrightRed#fca5a5
- terminal.ansiBrightWhite#e2e8f0
- terminal.ansiBrightYellow#fcd34d
- terminal.ansiCyan#22d3ee
- terminal.ansiGreen#34d399
- terminal.ansiMagenta#c084fc
- terminal.ansiRed#f87171
- terminal.ansiWhite#6a8a80
- terminal.ansiYellow#fbbf24
- terminal.background#0a0f0d
- terminal.border#162019
- terminal.findMatchBackground#34d3994d
- terminal.findMatchHighlightBackground#34d39926
- terminal.foreground#e2e8f0
- terminal.inactiveSelectionBackground#14201880
- terminal.selectionBackground#142018
- terminal.tab.activeBorder#10b981
- terminalCursor.background#0d1311
- terminalCursor.foreground#34d399
- testing.iconErrored#fca5a5
- testing.iconFailed#f87171
- testing.iconPassed#34d399
- testing.iconQueued#fbbf24
- testing.iconSkipped#94a3b8
- testing.iconUnset#475569
- testing.message.error.decorationForeground#f87171
- testing.message.error.lineBackground#f871711a
- testing.peekBorder#10b981
- testing.peekHeaderBackground#0a0f0d
- testing.runAction#34d399
- textBlockQuote.background#0a0f0d80
- textBlockQuote.border#10b981
- textCodeBlock.background#0b110f
- textLink.activeForeground#059669
- textLink.foreground#10b981
- titleBar.activeBackground#080d0b
- titleBar.activeForeground#6a8a80
- titleBar.border#141b18
- titleBar.inactiveBackground#060a08
- titleBar.inactiveForeground#6a8a8099
- toolbar.hoverBackground#e2e8f01a
- tree.indentGuidesStroke#e2e8f026
- walkThrough.embeddedEditorBackground#0b110f
- welcomePage.background#0d1311
- welcomePage.progress.foreground#10b981
- welcomePage.tileBackground#0b110f
- welcomePage.tileHoverBackground#111715
- widget.shadow#000000b3
- window.activeBorder#141b18
- window.inactiveBorder#141b1899
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier, variable.language | #34d399 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator, meta.decorator variable.other.readwrite, meta.decorator entity.name.function | #38bdf8 | — |
| keyword.control | #34d399 | italic |
| keyword.operator, punctuation.separator, punctuation.terminator, punctuation.definition.tag | #6a8a80 | — |
| entity.name.function, support.function, meta.function-call.generic | #38bdf8 | — |
| variable, support.variable, meta.object-literal.key, entity.name.variable | #b8d4c8 | — |
| entity.name.type, entity.name.class, support.class, storage.type.cs | #f0a830 | — |
| entity.name.type.interface, support.type, entity.name.type.ts | #fbbf24 | — |
| string, constant.character.escape | #a7f3d0 | — |
| constant.numeric | #f472b6 | — |
| constant.language, constant.other | #c084fc | — |
| comment | #3d6055 | — |
| comment.line, punctuation.definition.comment, string.quoted.docstring | — | italic |
| keyword.control.import, keyword.control.export, keyword.control.from, meta.import string | #34d399 | — |
| variable.language.this, variable.language.super | #c084fc | italic |
| support.type.object.console, support.type.object.dom | #f0a830 | — |
| support.class.component, entity.name.tag.tsx, entity.name.tag.js.jsx | #f0a830 | — |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #b8d4c8 | italic |
| punctuation.definition.template-expression | #6a8a80 | — |
| entity.name.tag | #34d399 | — |
| entity.other.attribute-name.html | #b8d4c8 | italic |
| punctuation.definition.tag | #6a8a80 | — |
| entity.other.attribute-name.class.css | #f0a830 | — |
| entity.other.attribute-name.id.css | #38bdf8 | — |
| entity.name.tag.css | #34d399 | — |
| support.type.property-name.css, support.type.vendored.property-name | #b8d4c8 | — |
| support.constant.property-value, keyword.other.unit, constant.numeric.css | #f472b6 | — |
| entity.other.attribute-name.class | #38bdf8 | — |
| entity.name.type.namespace.cs | #fbbf24 | — |
| entity.name.type.class.cs, entity.name.type.interface.cs | #f0a830 | — |
| entity.name.function.cs | #38bdf8 | — |
| entity.name.variable.local.cs, entity.name.variable.field.cs | #b8d4c8 | — |
| keyword.other.using.cs | #34d399 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #c084fc | italic |
| meta.function.decorator.python, entity.name.function.decorator | #38bdf8 | — |
| storage.type.annotation, meta.attribute.php | #6a8a80 | — |
| storage.modifier.import, storage.modifier.package, keyword.control.import | #34d399 | — |
| support.class.php, constant.other.php | #f0a830 | — |
| variable.other.php | #b8d4c8 | — |
| support.function.go | #38bdf8 | — |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust | #6a8a80 | italic |
| support.function.macro.rust | #38bdf8 | — |
| markup.heading, entity.name.section.markdown, markup.heading.setext | #f0a830 | bold |
| markup.bold | #34d399 | bold |
| markup.italic | #b8d4c8 | italic |
| string.other.link.title.markdown | #38bdf8 | — |
| markup.underline.link | #a7f3d0 | — |
| markup.inline.raw | #b8d4c8 | italic |
| markup.raw.block | #b8d4c8 | — |
| markup.quote | #3d6055 | italic |
| punctuation.definition.list.begin.markdown | #6a8a80 | — |
| support.type.property-name.json, entity.name.tag.yaml, variable.other.key.toml | #b8d4c8 | — |
| constant.language.json, string.unquoted.plain.out.yaml | #a7f3d0 | — |
| keyword.other.DML.sql, keyword.other.DDL.sql | #34d399 | — |
| support.function.sql | #38bdf8 | — |
| markup.inserted.diff | #34d399 | — |
| markup.deleted.diff | #f87171 | — |
| markup.changed.diff | #fbbf24 | — |
| variable.other.normal.shell, variable.other.positional.shell, source.env variable | #b8d4c8 | — |
| support.function.builtin.shell, entity.name.command.shell | #38bdf8 | — |
| keyword.other.special-method.dockerfile | #34d399 | — |
| entity.name.type.class.ruby, entity.name.type.module.ruby, entity.name.class.ruby | #f0a830 | — |
| entity.name.function.ruby, support.function.ruby | #38bdf8 | — |
| constant.other.symbol.ruby, constant.other.symbol.hashkey.ruby | #c084fc | — |
| variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby | #b8d4c8 | — |
| keyword.control.ruby, keyword.other.special-method.ruby | #34d399 | — |
| string.regexp.ruby | #a7f3d0 | — |
| entity.name.type.class.kotlin, entity.name.type.interface.kotlin, entity.name.type.object.kotlin | #f0a830 | — |
| entity.name.function.kotlin, support.function.kotlin | #38bdf8 | — |
| keyword.control.kotlin, storage.type.kotlin, storage.modifier.kotlin | #34d399 | — |
| entity.name.type.swift, support.type.swift, entity.name.type.class.swift | #f0a830 | — |
| entity.name.function.swift, support.function.swift | #38bdf8 | — |
| keyword.control.swift, storage.type.swift, storage.modifier.swift | #34d399 | — |
| support.class.dart, entity.name.type.class.dart | #f0a830 | — |
| entity.name.function.dart, support.function.dart | #38bdf8 | — |
| keyword.control.dart, storage.type.dart, storage.modifier.dart | #34d399 | — |
| entity.name.class.scala, entity.name.type.class.scala | #f0a830 | — |
| entity.name.function.scala | #38bdf8 | — |
| keyword.control.scala, storage.type.scala | #34d399 | — |
| entity.name.function.lua, support.function.lua | #38bdf8 | — |
| keyword.control.lua | #34d399 | — |
| entity.name.function.r, support.function.r | #38bdf8 | — |
| keyword.control.r | #34d399 | — |
| constant.language.r | #c084fc | — |
| entity.name.type.class.elixir, entity.name.type.module.elixir | #f0a830 | — |
| entity.name.function.elixir, entity.name.function.macro.elixir | #38bdf8 | — |
| keyword.control.elixir | #34d399 | — |
| variable.other.constant.elixir, constant.other.symbol.elixir | #c084fc | — |
| entity.name.type.haskell, storage.type.haskell, entity.name.namespace.haskell | #fbbf24 | — |
| entity.name.function.haskell | #38bdf8 | — |
| keyword.other.haskell | #34d399 | — |
| entity.name.tag.xml, entity.name.tag.localname.xml | #34d399 | — |
| entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml | #fbbf24 | — |
| entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml | #b8d4c8 | italic |
| support.type.graphql, entity.name.type.graphql | #f0a830 | — |
| keyword.operation.graphql, keyword.type.graphql, storage.type.graphql | #34d399 | — |
| variable.graphql, variable.other.property.graphql | #b8d4c8 | — |
| entity.name.fragment.graphql | #38bdf8 | — |
| entity.name.tag.svelte | #f0a830 | — |
| support.type.svelte, entity.other.attribute-name.svelte, punctuation.definition.keyword.svelte | #34d399 | italic |
| entity.other.attribute-name.directive.vue, entity.other.attribute-name.html.vue | #34d399 | italic |
| entity.name.tag.template.vue | #f0a830 | — |
| string.regexp | #a7f3d0 | — |
| constant.other.symbol | #c084fc | — |
| entity.name.type.module, entity.name.namespace, storage.modifier.module | #fbbf24 | — |
| punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end | #fbbf24 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...