Astral
Publisher: Zac de LusignanThemes in package: 1
A dark theme with purple, blue, and teal.
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.activeBorder#A1C3FF
- activityBar.background#282938
- activityBar.border#282938
- activityBar.foreground#A3A7D8
- activityBarBadge.background#A1C3FF
- activityBarBadge.foreground#000000
- badge.background#A1C3FF90
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#A1C3FF
- breadcrumb.background#282938
- breadcrumb.focusForeground#A3A7D8
- breadcrumb.foreground#606988
- breadcrumbPicker.background#232431
- button.background#383B4A
- button.foreground#D2DCFF
- debugConsole.errorForeground#F7B7CF
- debugConsole.infoForeground#A1C3FF
- debugConsole.warningForeground#FFE1A1
- debugToolBar.background#282938
- diffEditor.insertedTextBackground#A1C3FF20
- diffEditor.removedTextBackground#ff9cac20
- dropdown.background#282938
- dropdown.border#D2DCFF10
- editor.background#282938
- editor.findMatchBackground#00000050
- editor.findMatchBorder#A1C3FF
- editor.findMatchHighlightBackground#00000050
- editor.findMatchHighlightBorder#D2DCFF50
- editor.findRangeHighlightBackground#FFE1A130
- editor.foreground#A3A7D8
- editor.lineHighlightBackground#00000050
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#D2DCFF0d
- editor.selectionBackground#717cb450
- editor.selectionHighlightBackground#ffcc0020
- editor.wordHighlightBackground#ff9cac30
- editor.wordHighlightStrongBackground#B8E4FF30
- editorBracketMatch.background#282938
- editorBracketMatch.border#ffcc0050
- editorCursor.foreground#D2DCFF
- editorError.foreground#F7B7CF70
- editorGroup.border#00000030
- editorGroup.dropBackground#F7B7CF80
- editorGroup.focusedEmptyBorder#F7B7CF
- editorGroupHeader.tabsBackground#282938
- editorGutter.addedBackground#B8E4FF60
- editorGutter.deletedBackground#F7B7CF60
- editorGutter.modifiedBackground#A1C3FF60
- editorHoverWidget.background#1D1E29
- editorHoverWidget.border#D2DCFF10
- editorIndentGuide.activeBackground#A3A7D880
- editorIndentGuide.background#66688860
- editorInfo.foreground#A1C3FF70
- editorLineNumber.activeForeground#A3A7D880
- editorLineNumber.foreground#66688860
- editorLink.activeForeground#A3A7D890
- editorMarkerNavigation.background#A3A7D805
- editorOverviewRuler.border#282938
- editorOverviewRuler.errorForeground#F7B7CF40
- editorOverviewRuler.findMatchForeground#A1C3FF
- editorOverviewRuler.infoForeground#A1C3FF40
- editorOverviewRuler.warningForeground#FFE1A140
- editorRuler.foreground#41485E
- editorSuggestWidget.background#282938
- editorSuggestWidget.border#D2DCFF10
- editorSuggestWidget.foreground#A3A7D8
- editorSuggestWidget.highlightForeground#A1C3FF
- editorSuggestWidget.selectedBackground#00000050
- editorWarning.foreground#FFE1A170
- editorWhitespace.foreground#A3A7D840
- editorWidget.background#232431
- editorWidget.border#A1C3FF
- editorWidget.resizeBorder#A1C3FF
- extensionBadge.remoteForeground#A3A7D8
- extensionButton.prominentBackground#B8E4FF90
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#B8E4FF
- focusBorder#D2DCFF00
- foreground#A3A7D8
- gitDecoration.conflictingResourceForeground#FFE1A190
- gitDecoration.deletedResourceForeground#F7B7CF90
- gitDecoration.ignoredResourceForeground#60698890
- gitDecoration.modifiedResourceForeground#A1C3FF90
- gitDecoration.untrackedResourceForeground#B8E4FF90
- input.background#1D1E29
- input.border#D2DCFF10
- input.foreground#A3A7D8
- input.placeholderForeground#A3A7D860
- inputOption.activeBackground#A3A7D830
- inputOption.activeBorder#A3A7D830
- inputValidation.errorBorder#F7B7CF
- inputValidation.infoBorder#A1C3FF
- inputValidation.warningBorder#DCB9FF
- list.activeSelectionBackground#232431
- list.activeSelectionForeground#A1C3FF
- list.dropBackground#F7B7CF80
- list.focusBackground#A3A7D820
- list.focusForeground#A3A7D8
- list.highlightForeground#A1C3FF
- list.hoverBackground#2E2F40
- list.hoverForeground#D2DCFF
- list.inactiveSelectionBackground#00000030
- list.inactiveSelectionForeground#A1C3FF
- listFilterWidget.background#00000030
- listFilterWidget.noMatchesOutline#00000030
- listFilterWidget.outline#00000030
- menu.background#282938
- menu.foreground#A3A7D8
- menu.selectionBackground#00000050
- menu.selectionBorder#00000030
- menu.selectionForeground#A1C3FF
- menu.separatorBackground#A3A7D8
- menubar.selectionBackground#00000030
- menubar.selectionBorder#00000030
- menubar.selectionForeground#A1C3FF
- notebook.cellBorderColor#232431
- notebook.cellEditorBackground#232431
- notebook.cellHoverBackground#2E2F40
- notebook.focusedEditorBorder#A3A7D8
- notificationLink.foreground#A1C3FF
- notifications.background#232431
- notifications.foreground#A3A7D8
- panel.background#282938
- panel.border#282938
- panelTitle.activeBorder#A1C3FF
- panelTitle.activeForeground#D2DCFF
- panelTitle.inactiveForeground#A3A7D8
- peekView.border#00000030
- peekViewEditor.background#A3A7D805
- peekViewEditor.matchHighlightBackground#717cb450
- peekViewEditorGutter.background#A3A7D805
- peekViewResult.background#A3A7D805
- peekViewResult.matchHighlightBackground#717cb450
- peekViewResult.selectionBackground#60698870
- peekViewTitle.background#A3A7D805
- peekViewTitleDescription.foreground#A3A7D860
- pickerGroup.border#D2DCFF1a
- pickerGroup.foreground#A1C3FF
- progressBar.background#A1C3FF
- quickInput.background#282938
- quickInput.foreground#606988
- quickInputList.focusBackground#A3A7D820
- scrollbar.shadow#00000030
- scrollbarSlider.activeBackground#A1C3FF
- scrollbarSlider.background#8f93a220
- scrollbarSlider.hoverBackground#8f93a210
- selection.background#60698870
- settings.checkboxBackground#232431
- settings.checkboxForeground#A3A7D8
- settings.dropdownBackground#232431
- settings.dropdownForeground#A3A7D8
- settings.headerForeground#A1C3FF
- settings.modifiedItemIndicator#A1C3FF
- settings.numberInputBackground#232431
- settings.numberInputForeground#A3A7D8
- settings.textInputBackground#232431
- settings.textInputForeground#A3A7D8
- sideBar.background#232431
- sideBar.border#282938
- sideBar.foreground#606988
- sideBarSectionHeader.background#232431
- sideBarSectionHeader.border#00000060
- sideBarTitle.foreground#A3A7D8
- statusBar.background#232431
- statusBar.border#00000060
- statusBar.debuggingBackground#c792ea
- statusBar.debuggingForeground#D2DCFF
- statusBar.foreground#606988
- statusBar.noFolderBackground#282938
- statusBarItem.activeBackground#F7B7CF80
- statusBarItem.hoverBackground#464b5d20
- statusBarItem.remoteBackground#A1C3FF
- statusBarItem.remoteForeground#000000
- tab.activeBackground#282938
- tab.activeBorder#A1C3FF
- tab.activeForeground#D2DCFF
- tab.activeModifiedBorder#606988
- tab.border#282938
- tab.inactiveBackground#282938
- tab.inactiveForeground#606988
- tab.inactiveModifiedBorder#904348
- tab.unfocusedActiveBorder#464b5d
- tab.unfocusedActiveForeground#A3A7D8
- tab.unfocusedActiveModifiedBorder#c05a60
- tab.unfocusedInactiveModifiedBorder#904348
- terminal.ansiBlack#000000
- terminal.ansiBlue#A1C3FF
- terminal.ansiBrightBlack#464b5d
- terminal.ansiBrightBlue#A1C3FF
- terminal.ansiBrightCyan#A1C3FF
- terminal.ansiBrightGreen#B8E4FF
- terminal.ansiBrightMagenta#DCB9FF
- terminal.ansiBrightRed#F7B7CF
- terminal.ansiBrightWhite#D2DCFF
- terminal.ansiBrightYellow#FFE1A1
- terminal.ansiCyan#A1C3FF
- terminal.ansiGreen#B8E4FF
- terminal.ansiMagenta#DCB9FF
- terminal.ansiRed#F7B7CF
- terminal.ansiWhite#D2DCFF
- terminal.ansiYellow#FFE1A1
- terminal.foreground#8991AC
- terminalCursor.background#000000
- terminalCursor.foreground#D2DCFF
- textLink.activeForeground#A3A7D8
- textLink.foreground#A1C3FF
- titleBar.activeBackground#232431
- titleBar.activeForeground#A3A7D8
- titleBar.border#00000060
- titleBar.inactiveBackground#232431
- titleBar.inactiveForeground#606988
- tree.indentGuidesStroke#41485E
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string | #B8E4FF | — |
| punctuation, meta.bracket, bracket.sql, keyword.operator.relation.julia, keyword.operator.arithmetic.julia, keyword.operator.dots.julia, keyword.operator.range.julia, keyword.operator.relation.types.julia, keyword.operator.other.r, keyword.operator.arithmetic.r, keyword.operator.comparison.r, keyword.other.r, keyword.operator.infix.haskell, keyword.operator.key-value.rust, keyword.operator.comparison.rust, keyword.operator.range.rust, keyword.operator.access.dot.rust, keyword.operator.logical.rust, keyword.operator.namespace.rust, keyword.operator.dereference.rust, keyword.operator.borrow.and.rust | #A1C3FF | — |
| constant.other.symbol | #A1C3FF | — |
| entity.name.function, meta.function-call, support.function.aggregate.sql, meta.function, source.python meta.function-call.python, entity.name.function.call, variable.function.r, meta.function-call.r | #D2DCFF | |
| constant.character.escape, text.html constant.character.entity.named | #A3A7D8 | — |
| constant.language.boolean | #D2DCFF | — |
| constant.numeric | #DCB9FF | — |
| keyword.other.sql.common, keyword.other.data-integrity.sql, meta.preprocessor.haskell, keyword.other.module.haskell, keyword.other.import.haskell, meta.import.haskell, keyword.other.deriving.haskell | #A1C3FF | |
| variable, support.variable, variable.language, support.constant, meta.definition.variable, entity.name.function, meta.function-call.arguments, keyword.operator.star.sql | #A3A7D8 | — |
| constant.language | #DCB9FF | — |
| keyword, modifier, variable.language.this, support.type.object, meta.import.haskell, meta.preprocessor.haskell, keyword.other, keyword.other.DDL.create.II.sql, keyword.other.DML.sql, keyword.other.preprocessor.pragma.haskell, keyword.other.preprocessor.extension.haskell | #A1C3FF | — |
| storage.type, storage.modifier, storage.control | #666EFF | — |
| support.module, support.node | #A0A0FF | italic |
| entity.name.type, entity.other.inherited-class, entity.other | #A0A0FF | — |
| comment | #666888 | italic |
| comment punctuation.definition.comment, string.quoted.docstring | #666888 | italic |
| punctuation | #A1C3FF | |
| entity.name, entity.name.type.class, support.type, meta.use | #A0A0FF | — |
| variable.object.property, meta.field.declaration entity.name.function | #D2DCFF | — |
| meta.definition.method entity.name.function, entity.namespace.r | #A0A0FF | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #A1C3FF | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #A3A7D8 | — |
| entity.name.tag.yaml, entity.name.type.option.rust, entity.name.type.rust | #D2DCFF | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #D2DCFF | — |
| constant.language.json | #A1C3FF | — |
| entity.other.attribute-name.class | #D2DCFF | — |
| entity.other.attribute-name.id | #DCB9FF | — |
| source.css entity.name.tag | #D2DCFF | — |
| support.type.property-name.css | #B2CCD6 | — |
| meta.tag, punctuation.definition.tag | #A1C3FF | — |
| entity.name.tag | #A0A0FF | — |
| entity.other.attribute-name | #A0A0FF | — |
| punctuation.definition.entity.html | #A3A7D8 | — |
| markup.heading | #A1C3FF | — |
| text.html.markdown meta.link.inline, meta.link.reference | #D2DCFF | — |
| text.html.markdown beginning.punctuation.definition.list | #A1C3FF | — |
| markup.italic | #D2DCFF | italic |
| markup.bold | #D2DCFF | bold |
| markup.bold markup.italic, markup.italic markup.bold | #D2DCFF | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #B8E4FF | — |
| markup.inline.raw.string.markdown | #B8E4FF | — |
| keyword.other.definition.ini | #D2DCFF | — |
| entity.name.section.group-title.ini | #A1C3FF | — |
| source.cs meta.class.identifier storage.type | #D2DCFF | — |
| source.cs meta.method.identifier entity.name.function | #D2DCFF | — |
| source.cs meta.method-call meta.method, source.cs entity.name.function | #A1C3FF | — |
| source.cs storage.type | #D2DCFF | — |
| source.cs meta.method.return-type | #D2DCFF | — |
| source.cs meta.preprocessor | #464B5D | — |
| source.cs entity.name.type.namespace | #A3A7D8 | — |
| meta.jsx.children, SXNested | #A3A7D8 | — |
| source.cpp meta.block variable.other | #A3A7D8 | — |
| source.python meta.member.access.python | #D2DCFF | italic |
| meta.block | #D2DCFF | — |
| source.php support.other.namespace, source.php meta.use support.class | #A3A7D8 | — |
| constant.keyword | #D2DCFF | italic |
| markup.deleted | #F7B7CF | — |
| markup.inserted | #B8E4FF | — |
| markup.underline | — | underline |
| keyword.control | #A1C3FF | italic |
| markup.quote | #A1C3FF | italic |
| keyword.operator.assignment, keyword.operator.update, keyword.operator.eq.haskell | #666EFF | — |
| keyword.other.special-method, support.function | #D2DCFF | — |
| entity.name.type.class, support.type, support.class, meta.use, support.class.component | #A0A0FF | — |
| meta.function-call.generic.python | #D2DCFF | — |
| meta.function-call.arguments | #A3A7D8 | — |
| markup.fenced_code.block | #A3A7D890 | — |
| variable.parameter, meta.recordexpression.powerquery, entity.name.powerquery | #E1E1E8 | italic |
| punctuation.definition.quote | #A1C3FF | — |
| meta.structure.dictionary.json support.type.property-name.json | #666EFF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A1C3FF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #D2DCFF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A0A0FF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #DCB9FF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F0CCCF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A0A0FF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #B8E4FF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #D2DCFF | — |
| token.info-token | #D2DCFF | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| support.function.ranking.sql, support.function.conversion.sql | #A1C3FF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...