Spaceduck
Publisher: Youssef BouzekriThemes in package: 1
An intergalactic space theme for vscode and more!
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#2e3459
- activityBar.activeBorder#5ccc96
- activityBar.activeFocusBorder#5ccc96
- activityBar.background#16172d
- activityBar.dropBorder#ecf0c1
- activityBar.foreground#ecf0c1
- activityBar.inactiveForeground#818596
- activityBarBadge.background#0f111b
- activityBarBadge.foreground#5ccc96
- badge.background#1b1c36
- badge.foreground#ecf0c1
- breadcrumb.activeSelectionForeground#ecf0c1
- breadcrumb.background#0f111b
- breadcrumb.focusForeground#ecf0c1
- breadcrumb.foreground#818596
- breadcrumbPicker.background#16172d
- button.background#00a3cc
- button.foreground#0f111b
- button.hoverBackground#0093B8
- button.secondaryBackground#30365F
- button.secondaryForeground#ecf0c1
- button.secondaryHoverBackground#16172d
- charts.blue#00a3cc
- charts.foreground#ecf0c1
- charts.green#5ccc96
- charts.lines#ecf0c1
- charts.orange#e39400
- charts.purple#7a5ccc
- charts.red#e33400
- charts.yellow#f2ce00
- checkbox.background#30365F
- checkbox.border#16172d
- checkbox.foreground#7a5ccc
- debugConsole.errorForeground#e33400
- debugConsole.infoForeground#00a3cc
- debugConsole.sourceForeground#c1c3cc
- debugConsole.warningForeground#e39400
- debugConsoleInputIcon.foreground#ecf0c1
- debugExceptionWidget.background#e39400
- debugExceptionWidget.border#e33400
- debugIcon.breakpointCurrentStackframeForeground#f2ce00
- debugIcon.breakpointDisabledForeground#818596
- debugIcon.breakpointForeground#e33400
- debugIcon.breakpointStackframeForeground#89d185
- debugIcon.breakpointUnverifiedForeground#818596
- debugIcon.continueForeground#00a3cc
- debugIcon.disconnectForeground#ce6f8f
- debugIcon.pauseForeground#00a3cc
- debugIcon.restartForeground#5ccc96
- debugIcon.startForeground#5ccc96
- debugIcon.stepBackForeground#00a3cc
- debugIcon.stepIntoForeground#00a3cc
- debugIcon.stepOutForeground#00a3cc
- debugIcon.stepOverForeground#00a3cc
- debugIcon.stopForeground#f48771
- debugTokenExpression.boolean#f2ce00
- debugTokenExpression.error#f48771
- debugTokenExpression.name#7a5ccc
- debugTokenExpression.number#f2ce00
- debugTokenExpression.string#00a3cc
- debugTokenExpression.value#c1c3ccad
- debugToolBar.background#0f111b
- debugView.exceptionLabelBackground#e39400
- debugView.exceptionLabelForeground#ecf0c1
- debugView.stateLabelBackground#1b1c36dc
- debugView.stateLabelForeground#ecf0c1
- debugView.valueChangedHighlight#00a3cc
- descriptionForeground#ecf0c1cc
- diffEditor.diagonalFill#16172d41
- diffEditor.insertedTextBackground#5ccc9644
- diffEditor.removedTextBackground#e3350083
- dropdown.background#16172d
- dropdown.border#1b1c36
- dropdown.foreground#ecf0c1
- editor.background#0f111b
- editor.findMatchBackground#686f9a
- editor.findMatchHighlightBackground#e3340055
- editor.findRangeHighlightBackground#00a3cc60
- editor.focusedStackFrameHighlightBackground#5ccc964d
- editor.foldBackground#30365F4d
- editor.foreground#ecf0c1
- editor.hoverHighlightBackground#1b1c364f
- editor.inactiveSelectionBackground#30365f7c
- editor.lineHighlightBackground#16172d
- editor.lineHighlightBorder#30365F
- editor.rangeHighlightBackground#ffffff0b
- editor.selectionBackground#30365F
- editor.selectionHighlightBackground#30365F
- editor.snippetFinalTabstopHighlightBorder#30365F
- editor.snippetTabstopHighlightBackground#30365f59
- editor.stackFrameHighlightBackground#f2ce0046
- editor.symbolHighlightBackground#e3940052
- editor.wordHighlightBackground#ce6f8fb4
- editor.wordHighlightStrongBackground#00a3cc9a
- editorBracketMatch.background#5ccc9628
- editorBracketMatch.border#818596
- editorCodeLens.foreground#c1c3cc
- editorCursor.foreground#ecf0c1
- editorError.foreground#e33400
- editorGroup.border#7a5ccc
- editorGroup.dropBackground#686f9a
- editorGroupHeader.noTabsBackground#0f111b
- editorGroupHeader.tabsBackground#0f111b
- editorGutter.addedBackground#587c0c
- editorGutter.background#0f111b
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#e33400
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#00a3cc
- editorHint.foreground#818596de
- editorHoverWidget.background#30365F
- editorHoverWidget.border#30365F
- editorHoverWidget.foreground#ecf0c1
- editorHoverWidget.statusBarBackground#1b1c36
- editorIndentGuide.activeBackground#686f9a
- editorIndentGuide.background#272c42
- editorInfo.foreground#00a3cc
- editorLightBulb.foreground#f2ce00
- editorLightBulbAutoFix.foreground#00a3cc
- editorLineNumber.activeForeground#ecf0c1
- editorLineNumber.foreground#686f9a
- editorLink.activeForeground#00a3cc
- editorMarkerNavigation.background#0f111b
- editorMarkerNavigationError.background#e33400
- editorMarkerNavigationInfo.background#00a3cc
- editorMarkerNavigationWarning.background#e39400
- editorOverviewRuler.addedForeground#5ccc965d
- editorOverviewRuler.border#30365f50
- editorOverviewRuler.bracketMatchForeground#8185964d
- editorOverviewRuler.commonContentForeground#1b1c3659
- editorOverviewRuler.currentContentForeground#00a3cc75
- editorOverviewRuler.deletedForeground#e3350080
- editorOverviewRuler.errorForeground#e3350069
- editorOverviewRuler.findMatchForeground#e3940075
- editorOverviewRuler.incomingContentForeground#00a3cc77
- editorOverviewRuler.infoForeground#00a3cc79
- editorOverviewRuler.modifiedForeground#00a3cc79
- editorOverviewRuler.rangeHighlightForeground#0c7d9d99
- editorOverviewRuler.selectionHighlightForeground#81859680
- editorOverviewRuler.warningForeground#e39400be
- editorOverviewRuler.wordHighlightForeground#c1c3cca6
- editorOverviewRuler.wordHighlightStrongForeground#818596a6
- editorPane.background#0f111b
- editorRuler.foreground#c1c3cc
- editorSuggestWidget.background#2e3459
- editorSuggestWidget.border#30365F
- editorSuggestWidget.foreground#ecf0c1
- editorSuggestWidget.highlightForeground#ce6f8f
- editorSuggestWidget.selectedBackground#30365F
- editorUnnecessaryCode.opacity#0f111ba4
- editorWarning.foreground#e39400
- editorWhitespace.foreground#505c63
- editorWidget.background#16172d
- editorWidget.border#7a5ccc
- editorWidget.foreground#ecf0c1
- errorForeground#e33400
- extensionBadge.remoteBackground#0f111b
- extensionBadge.remoteForeground#5ccc96
- extensionButton.prominentBackground#5ccc96
- extensionButton.prominentForeground#0f111b
- extensionButton.prominentHoverBackground#45C487
- focusBorder#7a5ccc
- foreground#ecf0c1
- gitDecoration.addedResourceForeground#5ccc96
- gitDecoration.conflictingResourceForeground#7a5ccc
- gitDecoration.deletedResourceForeground#e33400
- gitDecoration.ignoredResourceForeground#818596
- gitDecoration.modifiedResourceForeground#00a3cc
- gitDecoration.stageDeletedResourceForeground#e33400
- gitDecoration.stageModifiedResourceForeground#ce6f8f
- gitDecoration.submoduleResourceForeground#00a3cc
- gitDecoration.untrackedResourceForeground#5ccc96
- icon.foreground#ecf0c1
- input.background#30365F
- input.foreground#ecf0c1
- input.placeholderForeground#818596
- inputOption.activeBackground#00a3cc
- inputOption.activeBorder#30365F
- inputOption.activeForeground#ecf0c1
- inputValidation.errorBackground#e33400
- inputValidation.errorBorder#e33400
- inputValidation.infoBackground#00a3cc
- inputValidation.infoBorder#00a3cc
- inputValidation.warningBackground#e39400
- inputValidation.warningBorder#e39400
- list.activeSelectionBackground#30365F
- list.activeSelectionForeground#ffffff
- list.deemphasizedForeground#c1c3cc
- list.dropBackground#30365F
- list.errorForeground#e33400
- list.filterMatchBackground#e3350081
- list.focusBackground#2e3459
- list.focusForeground#ecf0c1
- list.highlightForeground#00a3cc
- list.hoverBackground#30365F
- list.hoverForeground#ecf0c1
- list.inactiveSelectionBackground#1a1d2e
- list.invalidItemForeground#e39400
- list.warningForeground#e39400
- listFilterWidget.background#ce6f8f
- listFilterWidget.noMatchesOutline#e33400
- listFilterWidget.outline#00000000
- menu.background#30365F
- menu.foreground#ecf0c1
- menu.selectionBackground#1b1c36
- menu.selectionForeground#ffffff
- menu.separatorBackground#c1c3cc
- menubar.selectionBackground#ffffff1a
- menubar.selectionForeground#c1c3cc
- merge.commonContentBackground#c1c3cc80
- merge.commonHeaderBackground#c1c3cc80
- merge.currentContentBackground#00a3cc80
- merge.currentHeaderBackground#5ccc9680
- merge.incomingContentBackground#7a5ccc80
- merge.incomingHeaderBackground#686f9a80
- minimap.errorHighlight#e33400
- minimap.findMatchHighlight#7a5ccc
- minimap.selectionHighlight#686f9a
- minimap.warningHighlight#e39400
- minimapGutter.addedBackground#5ccc96
- minimapGutter.deletedBackground#e33400
- minimapGutter.modifiedBackground#00a3cc
- minimapSlider.activeBackground#30365fd5
- minimapSlider.background#1b1c36d2
- minimapSlider.hoverBackground#1b1c36c4
- notebook.cellBorderColor#686f9a38
- notebook.cellHoverBackground#1b1c369a
- notebook.cellInsertionIndicator#00a3cc
- notebook.cellStatusBarItemHoverBackground#ecf0c148
- notebook.cellToolbarSeparator#30365f81
- notebook.focusedCellBackground#1b1c3625
- notebook.focusedCellBorder#ffffff1f
- notebook.focusedEditorBorder#00a3cc
- notebook.outputContainerBackgroundColor#30365f44
- notebook.symbolHighlightBackground#30365f23
- notebookScrollbarSlider.activeBackground#30365fd5
- notebookScrollbarSlider.background#1b1c36d2
- notebookScrollbarSlider.hoverBackground#1b1c36c4
- notebookStatusErrorIcon.foreground#e33400
- notebookStatusRunningIcon.foreground#ecf0c1
- notebookStatusSuccessIcon.foreground#5ccc96
- notificationCenterHeader.background#1b1c36
- notificationLink.foreground#00a3cc
- notifications.background#0f111b
- notifications.border#1c1e3a
- notifications.foreground#ecf0c1
- notificationsErrorIcon.foreground#e33400
- notificationsInfoIcon.foreground#00a3cc
- notificationsWarningIcon.foreground#e39400
- panel.background#0f111b
- panel.border#7a5ccc
- panel.dropBorder#ecf0c1
- panelSection.border#1b1c36
- panelSection.dropBackground#53595d80
- panelSectionHeader.background#1b1c36
- panelTitle.activeBorder#ecf0c1
- panelTitle.activeForeground#ecf0c1
- panelTitle.inactiveForeground#818596e0
- peekView.border#00a3cc
- peekViewEditor.background#0f111b
- peekViewEditor.matchHighlightBackground#e39400d3
- peekViewEditorGutter.background#5ccc96
- peekViewResult.background#1b1c36
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#c1c3cc
- peekViewResult.matchHighlightBackground#b3a1e6
- peekViewResult.selectionBackground#30365F
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#16172d
- peekViewTitleDescription.foreground#ecf0c1
- peekViewTitleLabel.foreground#ffffff
- pickerGroup.border#686f9a
- pickerGroup.foreground#ecf0c1
- problemsErrorIcon.foreground#e33400
- problemsInfoIcon.foreground#00a3cc
- problemsWarningIcon.foreground#e39400
- progressBar.background#00a3cc
- quickInput.background#16172d
- quickInput.foreground#ecf0c1
- quickInputTitle.background#0f111b15
- scm.providerBorder#c1c3cc
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#30365fd5
- scrollbarSlider.background#1b1c36d2
- scrollbarSlider.hoverBackground#1b1c36c4
- searchEditor.findMatchBackground#ffffff
- selection.background#1b1c36
- settings.checkboxBackground#30365F
- settings.checkboxBorder#16172d
- settings.checkboxForeground#ecf0c1
- settings.dropdownBackground#16172d
- settings.dropdownBorder#1b1c36
- settings.dropdownForeground#ecf0c1
- settings.dropdownListBorder#1b1c36
- settings.focusedRowBackground#1b1c36
- settings.headerForeground#ecf0c1
- settings.modifiedItemIndicator#7a5ccc
- settings.numberInputBackground#16172d
- settings.numberInputForeground#ecf0c1
- settings.textInputBackground#16172d
- settings.textInputForeground#ecf0c1
- sideBar.background#1b1c36
- sideBar.dropBackground#fff
- sideBarSectionHeader.background#30365F
- statusBar.background#1b1c36
- statusBar.debuggingBackground#e39400
- statusBar.debuggingForeground#ecf0c1
- statusBar.foreground#ecf0c1
- statusBar.noFolderBackground#1b1c36
- statusBar.noFolderForeground#ecf0c1
- statusBarItem.activeBackground#1b1c36
- statusBarItem.hoverBackground#16172d
- statusBarItem.prominentBackground#686f9a
- statusBarItem.prominentForeground#ecf0c1
- statusBarItem.prominentHoverBackground#ffffff
- statusBarItem.remoteBackground#16172d
- statusBarItem.remoteForeground#ecf0c1
- symbolIcon.arrayForeground#5ccc96
- symbolIcon.booleanForeground#f2ce00
- symbolIcon.classForeground#ee9d28
- symbolIcon.colorForeground#5ccc96
- symbolIcon.constantForeground#f2ce00
- symbolIcon.constructorForeground#ce6f8f
- symbolIcon.enumeratorForeground#e39400
- symbolIcon.enumeratorMemberForeground#00a3cc
- symbolIcon.eventForeground#ce6f8f
- symbolIcon.fieldForeground#00a3cc
- symbolIcon.fileForeground#7a5ccc
- symbolIcon.folderForeground#7a5ccc
- symbolIcon.functionForeground#5ccc96
- symbolIcon.interfaceForeground#00a3cc
- symbolIcon.keyForeground#5ccc96
- symbolIcon.keywordForeground#e39400
- symbolIcon.methodForeground#7a5ccc
- symbolIcon.moduleForeground#5ccc96
- symbolIcon.namespaceForeground#b3a1e6
- symbolIcon.nullForeground#e39400
- symbolIcon.numberForeground#f2ce00
- symbolIcon.objectForeground#cccccc
- symbolIcon.operatorForeground#ce6f8f
- symbolIcon.packageForeground#ce6f8f
- symbolIcon.propertyForeground#5ccc96
- symbolIcon.referenceForeground#5ccc96
- symbolIcon.snippetForeground#f2ce00
- symbolIcon.stringForeground#00a3cc
- symbolIcon.structForeground#00a3cc
- symbolIcon.textForeground#00a3cc
- symbolIcon.typeParameterForeground#ecf0c1
- symbolIcon.unitForeground#ecf0c1
- symbolIcon.variableForeground#ecf0c1
- tab.activeBackground#272c42
- tab.activeForeground#ecf0c1
- tab.activeModifiedBorder#00a3cc
- tab.border#0f111b
- tab.hoverBackground#16172d
- tab.inactiveBackground#16172d
- tab.inactiveForeground#ecf0c1bb
- tab.inactiveModifiedBorder#00a3ccda
- tab.lastPinnedBorder#1b1c36
- tab.unfocusedActiveForeground#ecf0c1d3
- tab.unfocusedActiveModifiedBorder#00a3cc
- tab.unfocusedHoverBackground#1b1c36d2
- tab.unfocusedInactiveBackground#16172d
- tab.unfocusedInactiveForeground#ecf0c1
- tab.unfocusedInactiveModifiedBorder#00a3cc
- terminal.ansiBlack#000000
- terminal.ansiBlue#00a3cc
- terminal.ansiBrightBlack#686f9a
- terminal.ansiBrightBlue#00a3cc
- terminal.ansiBrightCyan#7a5ccc
- terminal.ansiBrightGreen#5ccc96
- terminal.ansiBrightMagenta#b3a1e6
- terminal.ansiBrightRed#e33400
- terminal.ansiBrightWhite#f0f1ce
- terminal.ansiBrightYellow#f2ce00
- terminal.ansiCyan#7a5ccc
- terminal.ansiGreen#5ccc96
- terminal.ansiMagenta#b3a1e6
- terminal.ansiRed#e33400
- terminal.ansiWhite#686f9a
- terminal.ansiYellow#f2ce00
- terminal.background#0f111b
- terminal.border#7a5ccc
- terminal.foreground#ecf0c1
- terminal.selectionBackground#30365F
- terminalCursor.background#16172d
- terminalCursor.foreground#ecf0c1
- textBlockQuote.background#0f111b57
- textBlockQuote.border#ce6f8fad
- textCodeBlock.background#0f111b57
- textLink.activeForeground#0093B8
- textLink.foreground#00a3cc
- textPreformat.foreground#f2ce00d8
- textSeparator.foreground#ecf0c12e
- titleBar.activeBackground#0f111b
- titleBar.activeForeground#ecf0c1
- titleBar.inactiveBackground#1b1c36
- titleBar.inactiveForeground#ecf0c1
- tree.indentGuidesStroke#16172d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| brackethighlighter.default | #686F9A | — |
| comment | #535f97 | italic |
| markup.italic | — | italic |
| markup.bold | — | bold |
| string | #00A3CC | — |
| constant.numeric | #F2CE00 | — |
| constant.language | #F2CE00 | — |
| constant.character, constant.other | #F2CE00 | — |
| variable | #ECF0C1 | |
| variable.other.readwrite.instance | #B3A1E6 | |
| variable.other | #ECF0C1 | |
| variable.other.constant | #ECF0C1 | |
| keyword | #7A5CCC | italic |
| keyword.other | #ECF0C1 | — |
| keyword.other.rust | #5ccc96 | — |
| keyword.other.special-method | #ECF0C1 | — |
| keyword.operator | #CE6F8F | italic |
| keyword.operator.assignment | #ce6f8f | — |
| keyword.control | #7A5CCC | — |
| keyword.control.flow | #E39400 | — |
| keyword.control.loop | #7A5CCC | — |
| keyword.operator.new | #E39400 | — |
| storage | #D0D0FF | italic |
| storage.type | #5ccc96 | — |
| storage.modifier.async | #e39400 | — |
| storage.type.function | #7a5ccc | — |
| storage.type.function.arrow | #CE6F8F | — |
| entity.name.class | #7A5CCC | — |
| meta.interpolated.format.fstring.python.3 | #5CCC96 | — |
| entity.name.type | #F2CE00 | — |
| entity.name.type.class | #F2CE00 | — |
| entity.name.type.module | #CE6F8F | — |
| entity.other.inherited-class | #CE6F8F | — |
| entity.name.function | #5CCC96 | — |
| variable.parameter | #7a5ccc | — |
| variable.language | #F2CE00 | italic |
| variable.other.property | #ce6f8f | — |
| variable.other.object | #F2CE00 | — |
| entity.name.tag | #5CCC96 | |
| entity.name.tag.doctype | #7a5ccc | italic |
| entity.other.attribute-name | #ce6f8f | italic |
| support.function | #5ccc96 | — |
| support.constant | #F2CE00 | |
| support.type, support.class | #F2CE00 | — |
| support.other.variable | #F2CE00 | |
| invalid | #ECF0C1 | |
| invalid.deprecated | — | — |
| entity.name.section,entity.name.section.markdown | #7A5CCC | bold |
| markup.fenced_code.block.markdown | #00A3CC | — |
| markup.inline.raw.string | #CE6F8F | — |
| invalid.deprecated.entity.other.attribute-name.html | #B3A1E6 | — |
| punctuation.definition.tag | #686f9a | — |
| markup.underline.link | #00A3CC | — |
| support.type.property-name.json | #5CCC96 | — |
| meta.attribute | #686f9a | — |
| punctuation.definition.quote.begin.markdown | #2E3459 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| support.type.property-name.css | #b3a1e6 | — |
| string.other.link.description.markdown | #5ccc96 | bold |
| markup.quote.markdown | #30365F | italic |
| punctuation.definition.list.begin.markdown | #30365F | — |
| punctuation.definition.heading.markdown | #7a5ccc | bold |
| markup.italic.markdown | #f2ce00 | italic |
| markup.bold.markdown | #f2ce00 | bold |
| punctuation.definition.bold.markdown | #30365F | — |
| punctuation.definition.italic.markdown | #30365F | — |
| markup.fenced_code.block.markdown | #b3a1e6 | — |
| meta.separator.markdown | #30365F | — |
| punctuation.section.embedded.start.php | #30365F | — |
| punctuation.section.embedded.end.php | #30365F | — |
| punctuation.definition.variable.php | #686f9a | — |
| variable.other.global.php | #ce6f8f | — |
| keyword.other.var.cs | #7a5ccc | italic |
| keyword.other.namespace.cs | #00a3cc | — |
| entity.name.type.namespace.cs | #ecf0c1 | — |
| keyword.other.class.cs | #00a3cc | italic |
| entity.name.type.class | #ce6f8f | — |
| punctuation.definition.interpolation | #7a5ccc | — |
| keyword.other.await.cs | #7a5ccc | — |
| keyword.other.using.cs | #5ccc96 | italic |
| variable.other.object.cs | #ecf0c1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...