Astral Drift
Publisher: BayaraaThemes in package: 1
A dark theme for Visual Studio Code inspired by Material Design.
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#64B6F5
- activityBar.background#1C1E2A
- activityBar.border#373D5399
- activityBar.foreground#CED1E3
- activityBar.inactiveForeground#757CA1B3
- activityBarBadge.background#64B6F5
- activityBarBadge.foreground#000000
- activityBarTop.activeBorder#64B6F5
- activityBarTop.background#1C1E2A
- activityBarTop.foreground#CED1E3
- activityBarTop.inactiveForeground#757CA1B3
- activityErrorBadge.background#F07178
- activityErrorBadge.foreground#000000
- activityWarningBadge.background#FFCB6B
- activityWarningBadge.foreground#000000
- badge.background#373D53
- badge.foreground#CED1E3
- breadcrumb.activeSelectionForeground#64B6F5
- breadcrumb.background#232634
- breadcrumb.focusForeground#CED1E3
- breadcrumb.foreground#757CA1
- breadcrumbPicker.background#1C1E2A
- button.background#64B6F5
- button.foreground#000000
- button.hoverBackground#64B6F5CC
- button.secondaryBackground#1C1E2A
- button.secondaryForeground#CED1E3
- button.separator#00000033
- chat.avatarForeground#64B6F5
- chat.checkpointSeparator#4E5579
- chat.requestBorder#FFFFFF0F
- chat.requestBubbleBackground#333747AA
- chat.requestBubbleHoverBackground#333747AA
- chat.requestCodeBorder#474D6CAA
- chat.slashCommandBackground#FFFFFF00
- chat.slashCommandForeground#64B6F5
- commandCenter.activeBorder#35395000
- commandCenter.activeForeground#CED1E3
- commandCenter.border#353950
- commandCenter.foreground#CED1E399
- contrastActiveBorder#1C1E2A00
- contrastBorder#1C1E2A00
- debugConsole.errorForeground#F07178
- debugConsole.infoForeground#89DDFF
- debugConsole.warningForeground#FFCB6B
- debugToolBar.background#1C1E2A
- descriptionForeground#CED1E3CC
- diffEditor.insertedLineBackground#C3E88D14
- diffEditor.insertedTextBackground#C3E88D14
- diffEditor.removedLineBackground#F0717814
- diffEditor.removedTextBackground#F0717814
- disabledForeground#676E95
- dropdown.background#232634
- dropdown.border#FFFFFF0F
- editor.background#232634
- editor.findMatchBackground#000000
- editor.findMatchBorder#64B6F5
- editor.findMatchHighlightBackground#00000080
- editor.findMatchHighlightBorder#FFFFFF80
- editor.findMatchHighlightForeground#CED1E3AA
- editor.findRangeHighlightBackground#FFCB6B4D
- editor.foreground#CED1E3
- editor.lineHighlightBackground#373D5377
- editor.lineHighlightBorder#373D5300
- editor.selectionBackground#555C8280
- editor.selectionForeground#CED1E3
- editor.selectionHighlightBackground#FFCC0033
- editor.wordHighlightBackground#FF9CAC4D
- editor.wordHighlightStrongBackground#C3E88D4D
- editorBracketMatch.background#232634
- editorBracketMatch.border#FFCC0080
- editorCodeLens.foreground#676E95
- editorCursor.background#FFCC00
- editorCursor.foreground#FFCC00
- editorError.foreground#F07178B3
- editorGroup.border#CED1E30F
- editorGroupHeader.border#373D5399
- editorGroupHeader.tabsBackground#1C1E2A
- editorGroupHeader.tabsBorder#373D5399
- editorGutter.addedBackground#C3E88D99
- editorGutter.addedSecondaryBackground#C3E88D99
- editorGutter.deletedBackground#F0717899
- editorGutter.deletedSecondaryBackground#F0717899
- editorGutter.modifiedBackground#82AAFF99
- editorGutter.modifiedSecondaryBackground#82AAFF99
- editorHoverWidget.background#1C1E2A
- editorHoverWidget.border#FFFFFF0F
- editorIndentGuide.activeBackground1#4E5579
- editorIndentGuide.background1#4E557966
- editorInfo.foreground#82AAFFB3
- editorLineNumber.activeForeground#757CA1
- editorLineNumber.foreground#474D6C
- editorLink.activeForeground#CED1E3
- editorMarkerNavigation.background#CED1E30D
- editorOverviewRuler.border#232634
- editorOverviewRuler.errorForeground#F0717899
- editorOverviewRuler.findMatchForeground#64B6F5AA
- editorOverviewRuler.infoForeground#82AAFF99
- editorOverviewRuler.warningForeground#FFCB6B99
- editorRuler.foreground#4E5579
- editorStickyScroll.border#373D5399
- editorStickyScroll.shadow#00000000
- editorStickyScrollHover.background#555C824D
- editorSuggestWidget.background#1C1E2A
- editorSuggestWidget.border#FFFFFF0F
- editorSuggestWidget.foreground#CED1E3
- editorSuggestWidget.highlightForeground#64B6F5
- editorSuggestWidget.selectedBackground#373D53
- editorWarning.foreground#FFCB6BB3
- editorWhitespace.foreground#4E5579
- editorWidget.background#1C1E2A
- editorWidget.border#CED1E340
- editorWidget.resizeBorder#1C1E2A
- extensionBadge.remoteForeground#CED1E3
- extensionButton.background#64B6F514
- extensionButton.foreground#64B6F5
- extensionButton.hoverBackground#64B6F533
- extensionButton.prominentBackground#64B6F514
- extensionButton.prominentForeground#64B6F5
- extensionButton.prominentHoverBackground#64B6F533
- extensionButton.separator#64B6F533
- extensionIcon.preReleaseForeground#FFFFFF1A
- extensionIcon.verifiedForeground#C3E88D
- focusBorder#64B6F599
- foreground#CED1E3
- gitDecoration.conflictingResourceForeground#FFCB6BE6
- gitDecoration.deletedResourceForeground#F07178E6
- gitDecoration.ignoredResourceForeground#757CA180
- gitDecoration.modifiedResourceForeground#82AAFFE6
- gitDecoration.untrackedResourceForeground#C3E88DE6
- icon.foreground#CED1E3B3
- inlineChatInput.border#FFFFFF0F
- input.background#232634
- input.border#FFFFFF0F
- input.foreground#CED1E3
- input.placeholderForeground#CED1E366
- inputOption.activeBackground#CED1E34D
- inputOption.activeBorder#CED1E34D
- inputValidation.errorBorder#F07178
- inputValidation.infoBorder#82AAFF
- inputValidation.warningBorder#FFCB6B
- keybindingLabel.border#373D53
- keybindingLabel.bottomBorder#373D53
- list.activeSelectionBackground#0000004D
- list.activeSelectionForeground#64B6F5
- list.activeSelectionIconForeground#64B6F5
- list.dropBackground#CED1E3
- list.dropBetweenBackground#CED1E31A
- list.focusBackground#CED1E326
- list.focusForeground#CED1E3
- list.highlightForeground#64B6F5
- list.hoverBackground#CED1E311
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#0000004D
- list.inactiveSelectionForeground#64B6F5
- list.inactiveSelectionIconForeground#64B6F5
- listFilterWidget.background#0000004D
- listFilterWidget.noMatchesOutline#0000004D
- listFilterWidget.outline#0000004D
- menu.background#232634
- menu.border#353950
- menu.foreground#CED1E3
- menu.selectionBackground#373D53
- menu.selectionBorder#0000004D
- menu.selectionForeground#64B6F5
- menu.separatorBackground#CED1E3
- menubar.selectionBackground#0000004D
- menubar.selectionBorder#0000004D
- menubar.selectionForeground#64B6F5
- merge.border#23263400
- merge.currentHeaderBackground#C3E88D4D
- merge.incomingHeaderBackground#82AAFF4D
- notebook.focusedCellBorder#64B6F5
- notebook.inactiveFocusedCellBorder#64B6F580
- notificationLink.foreground#64B6F5
- notifications.background#232634
- notifications.foreground#CED1E3
- notificationsWarningIcon.foreground#FFCB6B
- notificationToast.border#FFFFFF0F
- panel.background#1C1E2A
- panel.border#373D5399
- panelTitle.activeBorder#64B6F5
- panelTitle.activeForeground#CED1E3
- panelTitle.inactiveForeground#CED1E366
- peekView.border#0000004D
- peekViewEditor.background#333747
- peekViewEditor.matchHighlightBackground#555C82
- peekViewEditorGutter.background#333747
- peekViewResult.background#333747
- peekViewResult.matchHighlightBackground#555C82
- peekViewResult.selectionBackground#757CA1B3
- peekViewTitle.background#333747
- peekViewTitleDescription.foreground#CED1E399
- pickerGroup.border#373D53
- pickerGroup.foreground#64B6F5
- progressBar.background#64B6F5
- quickInput.background#1C1E2A
- quickInput.foreground#757CA1
- quickInputList.focusBackground#CED1E326
- quickInputList.focusIconForeground#CED1E3
- quickInputTitle.background#232634
- sash.hoverBorder#64B6F580
- scrollbar.shadow#0000004D
- scrollbarSlider.activeBackground#A6ACCD0F
- scrollbarSlider.background#A6ACCD21
- scrollbarSlider.hoverBackground#A6ACCD0F
- selection.background#64B6F540
- settings.checkboxBackground#1C1E2A
- settings.checkboxForeground#CED1E3
- settings.dropdownBackground#1C1E2A
- settings.dropdownForeground#CED1E3
- settings.headerForeground#CED1E3
- settings.modifiedItemIndicator#64B6F5
- settings.numberInputBackground#1C1E2A
- settings.numberInputForeground#CED1E3
- settings.textInputBackground#1C1E2A
- settings.textInputForeground#CED1E3
- sideBar.background#1C1E2A
- sideBar.border#373D5399
- sideBar.foreground#757CA1
- sideBarActivityBarTop.border#373D5399
- sideBarSectionHeader.background#1C1E2A
- sideBarSectionHeader.border#373D5399
- sideBarStickyScroll.border#373D5399
- sideBarStickyScroll.shadow#00000000
- sideBarTitle.foreground#CED1E3
- statusBar.background#1C1E2A
- statusBar.border#373D5399
- statusBar.debuggingBackground#64B6F51A
- statusBar.debuggingForeground#64B6F5
- statusBar.focusBorder#373D5399
- statusBar.foreground#676E95
- statusBar.noFolderBackground#232634
- statusBarItem.hoverBackground#676E9533
- statusBarItem.remoteBackground#64B6F514
- statusBarItem.remoteForeground#64B6F5
- statusBarItem.remoteHoverBackground#64B6F5
- statusBarItem.remoteHoverForeground#000000
- tab.activeBackground#232634
- tab.activeBorder#232634
- tab.activeBorderTop#64B6F500
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#64B6F500
- tab.border#373D5399
- tab.inactiveBackground#1C1E2A
- tab.inactiveForeground#757CA1
- tab.unfocusedActiveBorder#232634
- tab.unfocusedActiveBorderTop#676E9500
- tab.unfocusedActiveForeground#CED1E3
- terminal.ansiBlack#000000
- terminal.ansiBlue#82AAFF
- terminal.ansiBrightBlack#676E95
- terminal.ansiBrightBlue#82AAFF
- terminal.ansiBrightCyan#89DDFF
- terminal.ansiBrightGreen#C3E88D
- terminal.ansiBrightMagenta#C792EA
- terminal.ansiBrightRed#F07178
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFCB6B
- terminal.ansiCyan#89DDFF
- terminal.ansiGreen#C3E88D
- terminal.ansiMagenta#C792EA
- terminal.ansiRed#F07178
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#FFCB6B
- terminalCommandGuide.foreground#4E5579
- terminalCursor.background#000000
- terminalCursor.foreground#FFCB6B
- textLink.activeForeground#CED1E3
- textLink.foreground#64B6F5
- textPreformat.background#373D53
- textPreformat.foreground#CED1E3B3
- titleBar.activeBackground#1C1E2A
- titleBar.activeForeground#CED1E3
- titleBar.border#373D5399
- titleBar.inactiveBackground#1C1E2A
- titleBar.inactiveForeground#757CA1
- toolbar.activeBackground#64B6F526
- toolbar.hoverBackground#CED1E31A
- tree.indentGuidesStroke#4E557940
- widget.border#FFFFFF0F
- widget.shadow#0000004D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #CED1E3 | — |
| string | #C3E88D | — |
| punctuation, constant.other.symbol | #89DDFF | — |
| constant.character.escape, text.html constant.character.entity.named | #CED1E3 | — |
| constant.language.boolean | #FF9CAC | — |
| constant.numeric | #F78C6C | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #CED1E3 | — |
| keyword.other | #F78C6C | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #89DDFF | — |
| entity.name.function, support.function | #82AAFF | — |
| storage.type, storage.modifier, storage.control | #C792EA | — |
| support.module, support.node | #F07178 | italic |
| support.type, constant.other.key | #FFCB6B | — |
| entity.name.type, entity.other.inherited-class, entity.other | #FFCB6B | — |
| comment | #676E95 | italic |
| comment punctuation.definition.comment | #676E95 | italic |
| punctuation | #89DDFF | — |
| meta.brace.square.js, meta.brace.round.js, meta.brace.square.jsx, meta.brace.round.jsx, meta.brace.square.ts, meta.brace.round.ts, meta.brace.square.tsx, meta.brace.round.tsx | #89DDFF | — |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #FFCB6B | — |
| variable.object.property, meta.field.declaration entity.name.function | #F07178 | — |
| meta.definition.method entity.name.function | #F07178 | — |
| meta.function entity.name.function | #82AAFF | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #89DDFF | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #CED1E3 | — |
| entity.name.tag.yaml | #F07178 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #F07178 | — |
| constant.language.json | #89DDFF | — |
| meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| 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 | #F78C6C | — |
| 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 | #F07178 | — |
| 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 | #916B53 | — |
| 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 | #82AAFF | — |
| 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 | #FF9CAC | — |
| 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 | #C792EA | — |
| 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 | #C3E88D | — |
| entity.other.attribute-name.class | #FFCB6B | — |
| entity.other.attribute-name.id | #F78C6C | — |
| source.css entity.name.tag | #FFCB6B | — |
| support.type.property-name.css | #B2CCD6 | — |
| meta.tag, punctuation.definition.tag | #89DDFF | — |
| entity.name.tag | #82AAFF | — |
| entity.other.attribute-name | #C792EA | — |
| punctuation.definition.entity.html | #CED1E3 | — |
| markup.heading | #89DDFF | — |
| text.html.markdown meta.link.inline, meta.link.reference | #F07178 | — |
| text.html.markdown beginning.punctuation.definition.list | #89DDFF | — |
| markup.italic | #F07178 | italic |
| markup.bold | #F07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #F07178 | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #C3E88D | — |
| markup.inline.raw.string.markdown | #C3E88D | — |
| markup.quote | #89DDFF | italic |
| punctuation.definition.quote | #FF9CAC | — |
| keyword.other.definition.ini | #F07178 | — |
| entity.name.section.group-title.ini | #89DDFF | — |
| source.cs meta.class.identifier storage.type | #FFCB6B | — |
| source.cs meta.method.identifier entity.name.function | #F07178 | — |
| source.cs meta.method-call meta.method, source.cs entity.name.function | #82AAFF | — |
| source.cs storage.type | #FFCB6B | — |
| source.cs meta.method.return-type | #FFCB6B | — |
| source.cs meta.preprocessor | #676E95 | — |
| source.cs entity.name.type.namespace | #CED1E3 | — |
| meta.jsx.children, SXNested | #CED1E3 | — |
| support.class.component | #FFCB6B | — |
| source.cpp meta.block variable.other | #CED1E3 | — |
| source.python meta.member.access.python | #F07178 | — |
| source.python meta.function-call.python, meta.function-call.arguments | #82AAFF | — |
| meta.block | #F07178 | — |
| entity.name.function.call, support.function.builtin | #82AAFF | — |
| source.php support.other.namespace, source.php meta.use support.class | #CED1E3 | — |
| constant.keyword | #89DDFF | italic |
| entity.name.function | #82AAFF | — |
| constant.other.placeholder | #F07178 | — |
| markup.deleted | #F07178 | — |
| markup.inserted | #C3E88D | — |
| markup.underline | — | underline |
| keyword.control | #89DDFF | italic |
| variable.parameter | — | italic |
| variable.parameter.function.language.special.self.python | #CED1E3 | italic |
| constant.character.format.placeholder.other.python | #F78C6C | — |
| markup.fenced_code.block | #CED1E3E6 | — |
| punctuation.definition.string.begin.cpp, punctuation.definition.string.end.cpp | #C3E88D | — |
| entity.name.namespace.cpp | #CED1E3 | — |
| meta.enum.definition.cpp variable.other.enummember.cpp | #BFE5A5 | — |
| source.cpp entity.other | #C792EA | — |
| string.quoted.single.cpp constant.character.escape, string.quoted.double.cpp constant.character.escape | #FFCB6B | — |