Darker Sky Theme
Publisher: Sirus SnitchThemes in package: 1
Created the theme for my needs you can use it either way
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.background#0e0d1a
- activityBar.border#5966cc50
- activityBar.foreground#dddfe9
- activityBarBadge.background#8c97ea
- activityBarBadge.foreground#0e0d1a
- badge.background#0e0d1a30
- badge.foreground#5966cc
- breadcrumb.activeSelectionForeground#5966cc
- breadcrumb.background#0e0d1a
- breadcrumb.focusForeground#dddfe9
- breadcrumb.foreground#6a77d8
- breadcrumbPicker.background#0e0d1a
- button.background#5966cc50
- contrastBorder#5966cc50
- debugToolBar.background#0e0d1a
- diffEditor.insertedTextBackground#EC47AD15
- diffEditor.removedTextBackground#01d64820
- dropdown.background#0e0d1a
- dropdown.border#ffffff10
- editor.background#0e0d1a
- editor.findMatchBackground#0e0d1a
- editor.findMatchBorder#5966cc
- editor.findMatchHighlightBackground#5966cc93
- editor.findMatchHighlightBorder#ffffff30
- editor.foreground#dddfe9
- editor.lineHighlightBackground#0e0d1a50
- editor.selectionBackground#8c97ea30
- editor.selectionHighlightBackground#5966cc6b
- editorBracketMatch.background#0e0d1a
- editorBracketMatch.border#ec47ad
- editorCursor.foreground#ec47ad
- editorError.foreground#ffe553
- editorGroup.border#5966cc50
- editorGroupHeader.tabsBackground#0e0d1a
- editorGutter.addedBackground#EC47AD60
- editorGutter.deletedBackground#01d64860
- editorGutter.modifiedBackground#8c97ea60
- editorHoverWidget.background#0e0d1a
- editorHoverWidget.border#ffffff10
- editorIndentGuide.activeBackground#383b3d
- editorIndentGuide.background#383b3d70
- editorInfo.foreground#8c97ea70
- editorLineNumber.activeForeground#8c97ea
- editorLineNumber.foreground#5966ccc0
- editorLink.activeForeground#dddfe9
- editorMarkerNavigation.background#dddfe905
- editorOverviewRuler.border#0e0d1a
- editorOverviewRuler.errorForeground#01d64840
- editorOverviewRuler.findMatchForeground#5966cc
- editorOverviewRuler.infoForeground#8c97ea40
- editorOverviewRuler.warningForeground#ff000070
- editorRuler.foreground#383b3d
- editorSuggestWidget.background#0e0d1a
- editorSuggestWidget.border#ffffff10
- editorSuggestWidget.foreground#dddfe9
- editorSuggestWidget.highlightForeground#ec47ad
- editorSuggestWidget.selectedBackground#5966cc20
- editorWarning.foreground#EC47AD
- editorWhitespace.foreground#dddfe940
- editorWidget.background#0e0d1a
- editorWidget.border#ec47ad
- editorWidget.resizeBorder#5966cc
- extensionButton.prominentBackground#EC47AD90
- extensionButton.prominentHoverBackground#01d648
- focusBorder#ffffff00
- gitDecoration.conflictingResourceForeground#ec47ad
- gitDecoration.deletedResourceForeground#ec47ad
- gitDecoration.ignoredResourceForeground#8c97ea
- gitDecoration.modifiedResourceForeground#8c97ea
- gitDecoration.untrackedResourceForeground#8c97ea
- input.background#1d1e38
- input.border#ffffff10
- input.foreground#dddfe9
- input.placeholderForeground#dddfe960
- inputOption.activeBackground#dddfe930
- inputOption.activeBorder#dddfe930
- inputValidation.errorBorder#01d64850
- inputValidation.infoBorder#8c97ea50
- inputValidation.warningBorder#ff00f250
- list.activeSelectionBackground#0e0d1a
- list.activeSelectionForeground#5966cc
- list.focusBackground#1d1e38
- list.focusForeground#8c97ea
- list.highlightForeground#5966cc
- list.hoverBackground#5966cc30
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#0e0d1a30
- list.inactiveSelectionForeground#5966cc
- listFilterWidget.background#0e0d1a30
- listFilterWidget.noMatchesOutline#0e0d1a30
- listFilterWidget.outline#0e0d1a30
- menu.background#0e0d1af8
- menu.border#5966cc50
- menu.foreground#dddfe9
- menu.selectionBackground#5966cc30
- menu.selectionBorder#0e0d1a30
- menu.selectionForeground#dddfe9
- menu.separatorBackground#5966cc9f
- menubar.selectionBackground#1b184b
- menubar.selectionBorder#5966cc50
- menubar.selectionForeground#dddfe9
- notificationLink.foreground#5966cc
- notifications.background#0e0d1a
- notifications.foreground#dddfe9
- panel.background#0e0d1a
- panel.border#5966cc50
- panelTitle.activeBorder#5966cc
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#dddfe9
- peekView.border#0e0d1a30
- peekViewEditor.background#dddfe905
- peekViewEditor.matchHighlightBackground#5966cc50
- peekViewEditorGutter.background#dddfe905
- peekViewResult.background#dddfe905
- peekViewResult.matchHighlightBackground#5966cc50
- peekViewResult.selectionBackground#5966cc70
- peekViewTitle.background#dddfe905
- peekViewTitleDescription.foreground#dddfe960
- pickerGroup.foreground#5966cc
- progressBar.background#5966cc
- quickInputList.focusBackground#5966cc30
- quickInputList.focusForeground#b6bdf2
- scrollbar.shadow#0e0d1a00
- scrollbarSlider.activeBackground#5966cc
- scrollbarSlider.background#5966cc
- scrollbarSlider.hoverBackground#5966cc
- selection.background#5966cc
- settings.checkboxBackground#0e0d1a
- settings.checkboxForeground#dddfe9
- settings.dropdownBackground#0e0d1a
- settings.dropdownForeground#dddfe9
- settings.headerForeground#5966cc
- settings.modifiedItemIndicator#5966cc
- settings.numberInputBackground#0e0d1a
- settings.numberInputForeground#dddfe9
- settings.textInputBackground#0e0d1a
- settings.textInputForeground#dddfe9
- sideBar.background#0e0d1a
- sideBar.border#5966cc50
- sideBar.foreground#8c97ea
- sideBarSectionHeader.background#0e0d1a
- sideBarSectionHeader.border#0e0d1a60
- sideBarSectionHeader.foreground#8c97ea
- sideBarTitle.foreground#8c97ea
- statusBar.background#0e0d1a
- statusBar.border#5966cc50
- statusBar.foreground#dddfe9
- statusBar.noFolderBackground#0e0d1a
- statusBar.noFolderForeground#dddfe9
- statusBarItem.activeBackground#0e0d1a
- statusBarItem.hoverBackground#5966cc50
- statusBarItem.prominentBackground#0e0d1a
- statusBarItem.prominentHoverBackground#0e0d1a
- tab.activeBackground#0e0d1a
- tab.activeBorder#ec47ad
- tab.activeForeground#dddfe9
- tab.activeModifiedBorder#EC47AD50
- tab.border#0e0d1a
- tab.inactiveBackground#0e0d1a
- tab.inactiveForeground#5966cc
- tab.inactiveModifiedBorder#8c97ea
- tab.lastPinnedBorder#0e0d1a
- tab.unfocusedActiveBackground#0e0d1a
- tab.unfocusedActiveBorder#ec47ad
- tab.unfocusedActiveForeground#dddfe9
- tab.unfocusedActiveModifiedBorder#EC47AD
- tab.unfocusedInactiveBackground#0e0d1a
- tab.unfocusedInactiveForeground#5966cc
- tab.unfocusedInactiveModifiedBorder#8c97ea
- terminal.ansiBlack#2e2f34
- terminal.ansiBlue#5966cc
- terminal.ansiBrightBlack#383b3d
- terminal.ansiBrightBlue#8c97ea
- terminal.ansiBrightCyan#EC47AD
- terminal.ansiBrightGreen#01d648
- terminal.ansiBrightMagenta#ec47ad
- terminal.ansiBrightRed#ff0000
- terminal.ansiBrightWhite#dddfe9
- terminal.ansiBrightYellow#ffe553
- terminal.ansiCyan#8c97ea
- terminal.ansiGreen#01d648
- terminal.ansiMagenta#EC47AD
- terminal.ansiRed#ec47ad
- terminal.ansiWhite#dddfe9
- terminal.ansiYellow#ffe553
- terminal.background#0e0d1a
- terminal.border#0e0d1a
- terminal.foreground#dddfe9
- titleBar.activeBackground#0e0d1a
- titleBar.activeForeground#dddfe9
- titleBar.border#0e0d1a
- titleBar.inactiveBackground#0e0d1a
- titleBar.inactiveForeground#5966cc
- tree.indentGuidesStroke#0e0d1a
- walkThrough.embeddedEditorBackground#0e0d1a
- welcomePage.progress.background#0e0d1a
- welcomePage.progress.foreground#8c97ea
- welcomePage.tileBackground#0e0d1a
- welcomePage.tileHoverBackground#1b184b
- widget.shadow#0e0d1a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #808392 | — |
| constant, entity.name.constant, variable.other.constant, variable.language | #ffe553 | — |
| punctuation.definition.decorator, entity.name.function.decorator, punctuation.definition.keyword.css, keyword.control.at-rule.font-face.css | #FFB114 | — |
| entity, entity.name, entity.name.function, entity.name.method, meta.class entity.name.function | #61afef | — |
| variable, variable.parameter, entity.name.variable, meta.object-literal.key, support.variable, keyword.control.import | #5FCED1 | — |
| keyword, storage, meta.var.expr storage.type, storage.type.annotation | #EC47AD | — |
| keyword.operator | #ec47ad | — |
| keyword.operator.new | #01d648 | — |
| keyword.operator.expression, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.increment | #EC47AD | — |
| keyword.operator.relational, keyword.operator.logical | #ffe553 | — |
| string | #5966cc | — |
| punctuation, meta.tag entity.name.tag, meta.brace, meta.tag, meta.tag.entity.name.tag | #5FCED1 | — |
| support, support.type, support.class, support.orther.namespace, support.function | #5966cc | — |
| meta.import entity.name, meta.import string | #01d648 | — |
| meta.tag.sgml.doctype.html | #8c97ea | — |
| meta.selector | #ec47ad | — |
| entity.name.tag.css | #5966cc | — |
| meta.selector entity.name.tag | #5966cc | — |
| support.type.property-name | #8c97ea | — |
| meta.property-name entity.name.tag | #8c97ea | — |
| meta.tag.sgml.doctype.html, meta.tag.sgml.doctype.html | #EC47AD | — |
| meta.attribute | #5966cc | — |
| markup.bold | #8c97ea | — |
| markup.italic | #ec47ad | — |
| markup.underline | #ffe553 | — |
| markup.strikethrough | #EC47AD | — |
| markup.quote | #01d648 | — |