Star Night
Publisher: Victor BarretoThemes in package: 2
A minimalist and elegant theme
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#00000000
- activityBar.activeBorder#ff577e
- activityBar.activeFocusBorder#ff577e
- activityBar.background#ffffff
- activityBar.border#ffffff
- activityBar.dropBorder#00000000
- activityBar.foreground#ff577e
- activityBar.inactiveForeground#77777777
- activityBarBadge.background#ff577e
- activityBarBadge.foreground#ffffff
- badge.background#777777
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ff577e
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#ff577e
- breadcrumb.foreground#ff577e
- breadcrumbPicker.background#ffffff
- button.background#ff577e
- button.foreground#dddddd
- button.hoverBackground#ff577e
- button.secondaryBackground#fafafa
- button.secondaryForeground#777777
- button.secondaryHoverBackground#e2e2e2
- debugExceptionWidget.background#ffffff
- debugExceptionWidget.border#ea4646
- debugIcon.breakpointForeground#ff577e
- debugToolBar.background#ffffff
- descriptionForeground#ff577e
- diffEditor.border#ff577e80
- diffEditor.diagonalFill#8d8d8d4f
- diffEditor.insertedTextBackground#b1ffcaa6
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#ffabab49
- diffEditor.removedTextBorder#00000000
- dropdown.background#ffffff
- dropdown.border#77777742
- dropdown.foreground#ff577e
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.findMatchBackground#0000000c
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#00000000
- editor.findMatchHighlightBorder#ff577e9c
- editor.findRangeHighlightBackground#00000000
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#ffffff0c
- editor.foldBackground#d3d3d3c3
- editor.foreground#777777
- editor.hoverHighlightBackground#d3d3d398
- editor.inactiveSelectionBackground#d3d3d376
- editor.lineHighlightBackground#d3d3d398
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#ff577e
- editor.rangeHighlightBackground#00000000
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#d3d3d398
- editor.selectionForeground#777777
- editor.selectionHighlightBackground#d3d3d398
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#00000000
- editor.snippetFinalTabstopHighlightBorder#00000000
- editor.snippetTabstopHighlightBackground#00000000
- editor.snippetTabstopHighlightBorder#00000000
- editor.stackFrameHighlightBackground#00000000
- editor.symbolHighlightBackground#00000000
- editor.symbolHighlightBorder#a967fff1
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#b1b1b1
- editor.wordHighlightStrongBackground#d3d3d398
- editor.wordHighlightStrongBorder#777777
- editorBracketMatch.background#ff577e98
- editorBracketMatch.border#00000000
- editorCodeLens.foreground#777777c3
- editorCursor.background#f5f5f5
- editorCursor.foreground#ff577e
- editorError.background#00000000
- editorError.border#ea4646
- editorError.foreground#00000000
- editorGroup.border#d3d3d3
- editorGroup.dropBackground#d3d3d373
- editorGroup.emptyBackground#00000000
- editorGroup.focusedEmptyBorder#ff577e73
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#ffffff
- editorGroupHeader.tabsBackground#ffffff
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#63af71
- editorGutter.background#00000000
- editorGutter.commentRangeForeground#9b8295
- editorGutter.deletedBackground#ce5050
- editorGutter.foldingControlForeground#777777
- editorGutter.modifiedBackground#c2a658
- editorHint.border#b8931a
- editorHint.foreground#00000000
- editorHoverWidget.background#fafafa
- editorHoverWidget.border#00000000
- editorHoverWidget.foreground#777777
- editorHoverWidget.statusBarBackground#ffffff
- editorIndentGuide.activeBackground#ff577e94
- editorIndentGuide.background#d3d3d3
- editorInfo.background#00000000
- editorInfo.border#2192b4
- editorInfo.foreground#00000000
- editorLightBulb.foreground#ff577e
- editorLightBulbAutoFix.foreground#ff577e
- editorLineNumber.activeForeground#ff577e
- editorLineNumber.foreground#777777
- editorLink.activeForeground#ff577e
- editorMarkerNavigation.background#ffffff
- editorMarkerNavigationError.background#ea4646
- editorMarkerNavigationInfo.background#2192b4
- editorMarkerNavigationWarning.background#dd6617
- editorOverviewRuler.addedForeground#63af71
- editorOverviewRuler.background#ffffff
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#ff577e
- editorOverviewRuler.commonContentForeground#60606066
- editorOverviewRuler.currentContentForeground#40c8ae80
- editorOverviewRuler.deletedForeground#ea4646
- editorOverviewRuler.errorForeground#da3b3b
- editorOverviewRuler.findMatchForeground#949494
- editorOverviewRuler.incomingContentForeground#40a6ff80
- editorOverviewRuler.infoForeground#2192b4
- editorOverviewRuler.modifiedForeground#c2a658
- editorOverviewRuler.rangeHighlightForeground#ff577e
- editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
- editorOverviewRuler.warningForeground#dd6617
- editorOverviewRuler.wordHighlightForeground#a0a0a0cc
- editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
- editorPane.background#ffffff
- editorRuler.foreground#ff577e93
- editorSuggestWidget.background#fafafa
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#777777
- editorSuggestWidget.highlightForeground#ff577e
- editorSuggestWidget.selectedBackground#74747417
- editorUnnecessaryCode.border#ea4646
- editorUnnecessaryCode.opacity#ea4646a2
- editorWarning.background#00000000
- editorWarning.border#dd6617
- editorWarning.foreground#00000000
- editorWhitespace.foreground#777777
- editorWidget.background#ffffff
- editorWidget.border#00000000
- editorWidget.foreground#777777
- editorWidget.resizeBorder#ff577e
- errorForeground#da3b3b
- extensionBadge.remoteBackground#e4e4e4
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#ff577e
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ffffff0c
- focusBorder#ff577e7e
- foreground#ff577e
- gitDecoration.addedResourceForeground#368645
- gitDecoration.conflictingResourceForeground#c05454
- gitDecoration.deletedResourceForeground#c53d25
- gitDecoration.ignoredResourceForeground#7c7a7a
- gitDecoration.modifiedResourceForeground#b88333
- gitDecoration.submoduleResourceForeground#5a9fe0
- gitDecoration.untrackedResourceForeground#368645
- gitlens.gutterBackgroundColor#ffffff
- gitlens.gutterForegroundColor#777777
- gitlens.gutterUncommittedForegroundColor#ff577e
- gitlens.lineHighlightBackgroundColor#00000000
- gitlens.lineHighlightOverviewRulerColor#00bcf299
- gitlens.trailingLineBackgroundColor#00000000
- gitlens.trailingLineForegroundColor#777777c3
- gitlens.viewChangesToPullIconColor#d41aa6
- gitlens.viewChangesToPushIconColor#d41aa6
- gitlens.viewCommitToPushIconColor#d41aa6
- icon.foreground#777777
- input.background#ffffff
- input.border#d3d3d3
- input.foreground#777777
- input.placeholderForeground#a1a1a1
- inputOption.activeBackground#ffffff
- inputOption.activeBorder#00000000
- inputOption.activeForeground#ff577e
- inputValidation.errorBackground#ffffff
- inputValidation.errorBorder#b91515
- inputValidation.errorForeground#b91515
- inputValidation.infoBackground#ffffff
- inputValidation.infoBorder#1598b9
- inputValidation.infoForeground#1598b9
- inputValidation.warningBackground#ffffff
- inputValidation.warningBorder#b99315
- inputValidation.warningForeground#b99315
- list.activeSelectionBackground#d3d3d383
- list.activeSelectionForeground#ff577e
- list.deemphasizedForeground#00000000
- list.dropBackground#00000000
- list.errorForeground#f54b4b
- list.filterMatchBackground#acacac9d
- list.filterMatchBorder#00000000
- list.focusBackground#74747417
- list.focusForeground#ff577e
- list.highlightForeground#ff577e
- list.hoverBackground#74747417
- list.hoverForeground#ff577e
- list.inactiveFocusBackground#74747417
- list.inactiveSelectionBackground#acacac9d
- list.inactiveSelectionForeground#ff577e
- list.invalidItemForeground#f54b4b
- list.warningForeground#dd8444
- listFilterWidget.background#00000000
- listFilterWidget.noMatchesOutline#00000000
- listFilterWidget.outline#00000000
- menu.background#ffffff
- menu.border#00000000
- menu.foreground#777777
- menu.selectionBackground#dddddd
- menu.selectionBorder#00000000
- menu.selectionForeground#777777
- menu.separatorBackground#00000000
- menubar.selectionBackground#dddddd
- menubar.selectionBorder#00000000
- menubar.selectionForeground#777777
- merge.commonContentBackground#60606029
- merge.commonHeaderBackground#60606066
- merge.currentContentBackground#40c8ae33
- merge.currentHeaderBackground#40c8ae80
- merge.incomingContentBackground#40a6ff33
- merge.incomingHeaderBackground#40a6ff80
- minimap.background#fafafa
- minimap.errorHighlight#ea4646
- minimap.findMatchHighlight#ff577e
- minimap.selectionHighlight#777777
- minimap.warningHighlight#dd6617
- minimapGutter.addedBackground#63af71
- minimapGutter.deletedBackground#ce5050
- minimapGutter.modifiedBackground#c2a658
- minimapSlider.activeBackground#00000062
- minimapSlider.background#64646441
- minimapSlider.hoverBackground#0000003b
- notebook.focusedRowBorder#00000000
- notebook.rowHoverBackground#d3d3d371
- notebook.selectedCellBorder#d3d3d3
- notebookScrollbarSlider.activeBackground#00000062
- notebookScrollbarSlider.background#64646441
- notebookScrollbarSlider.hoverBackground#0000003b
- notificationCenter.border#00000000
- notificationCenterHeader.background#ffffff
- notificationCenterHeader.foreground#777777
- notificationLink.foreground#ff577e
- notifications.background#ffffff
- notifications.border#00000000
- notifications.foreground#777777
- notificationToast.border#00000000
- panel.background#ffffff
- panel.border#ff577e
- panel.dropBorder#00000000
- panelInput.border#00000000
- panelSection.border#00000000
- panelSection.dropBackground#ffffff
- panelSectionHeader.background#ffffff
- panelSectionHeader.border#00000000
- panelSectionHeader.foreground#777777
- panelTitle.activeBorder#ff577e
- panelTitle.activeForeground#ff577e
- panelTitle.inactiveForeground#777777
- peekView.border#ff577e
- peekViewEditor.background#fafafa
- peekViewEditor.matchHighlightBackground#00000000
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#00000000
- peekViewResult.background#fafafa
- peekViewResult.fileForeground#777777
- peekViewResult.lineForeground#777777
- peekViewResult.matchHighlightBackground#00000000
- peekViewResult.selectionBackground#00000000
- peekViewResult.selectionForeground#ff577e
- peekViewTitle.background#fafafa
- peekViewTitleDescription.foreground#777777
- peekViewTitleLabel.foreground#ff577e
- pickerGroup.border#00000000
- pickerGroup.foreground#777777
- progressBar.background#ff577e
- quickInput.background#ffffff
- quickInput.foreground#777777
- quickInput.list.focusBackground#d3d3d398
- quickInputTitle.background#ffffff
- scrollbar.shadow#ff577e
- scrollbarSlider.activeBackground#00000062
- scrollbarSlider.background#64646441
- scrollbarSlider.hoverBackground#0000003b
- searchEditor.findMatchBackground#d3d3d371
- searchEditor.findMatchBorder#00000000
- searchEditor.textInputBorder#00000000
- selection.background#00000018
- settings.checkboxBackground#ffffff
- settings.checkboxBorder#777777
- settings.checkboxForeground#777777
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#d3d3d3
- settings.dropdownForeground#777777
- settings.dropdownListBorder#00000000
- settings.focusedRowBackground#d3d3d371
- settings.headerForeground#777777
- settings.modifiedItemIndicator#caa016
- settings.numberInputBackground#d3d3d3
- settings.numberInputBorder#d3d3d3
- settings.numberInputForeground#777777
- settings.textInputBackground#d3d3d3
- settings.textInputBorder#d3d3d3
- settings.textInputForeground#777777
- sideBar.background#ffffff
- sideBar.border#ffffff
- sideBar.dropBackground#ffffff
- sideBar.foreground#777777
- sideBarSectionHeader.background#ffffff
- sideBarSectionHeader.border#ff577e
- sideBarSectionHeader.foreground#777777
- sideBarTitle.foreground#777777
- statusBar.background#ffffff
- statusBar.border#00000000
- statusBar.debuggingBackground#ff577e
- statusBar.debuggingBorder#00000000
- statusBar.debuggingForeground#fff
- statusBar.foreground#ff577e
- statusBar.noFolderBackground#00000000
- statusBar.noFolderBorder#00000000
- statusBar.noFolderForeground#ff577e
- statusBarItem.activeBackground#00000000
- statusBarItem.errorBackground#00000000
- statusBarItem.errorForeground#ea4646
- statusBarItem.hoverBackground#00000000
- statusBarItem.prominentBackground#00000000
- statusBarItem.prominentForeground#00000000
- statusBarItem.prominentHoverBackground#00000000
- statusBarItem.remoteBackground#16825d
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#ffffff
- tab.activeBorder#ff577e
- tab.activeBorderTop#00000000
- tab.activeForeground#ff577e
- tab.activeModifiedBorder#ff577e
- tab.border#00000000
- tab.hoverBackground#00000000
- tab.hoverBorder#00000000
- tab.hoverForeground#ff577e
- tab.inactiveBackground#ffffff
- tab.inactiveForeground#777777
- tab.inactiveModifiedBorder#ff577e
- tab.lastPinnedBorder#00000000
- tab.unfocusedActiveBackground#00000000
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#00000000
- tab.unfocusedActiveForeground#ff577e
- tab.unfocusedActiveModifiedBorder#ff577e
- tab.unfocusedHoverBackground#00000000
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedHoverForeground#ff577e
- tab.unfocusedInactiveBackground#00000000
- tab.unfocusedInactiveForeground#777777
- tab.unfocusedInactiveModifiedBorder#ff577e
- terminal.ansiBlack#dddddd
- terminal.ansiBlue#3890ca
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#257ec7
- terminal.ansiBrightCyan#1ac2b4
- terminal.ansiBrightGreen#21af3f
- terminal.ansiBrightMagenta#c515a8
- terminal.ansiBrightRed#c21717
- terminal.ansiBrightWhite#dddddd
- terminal.ansiBrightYellow#c5d115
- terminal.ansiCyan#219993
- terminal.ansiGreen#44e66c
- terminal.ansiMagenta#a041e4
- terminal.ansiRed#bd0d0d
- terminal.ansiWhite#e0e0e0
- terminal.ansiYellow#c06a2d
- terminal.background#ffffff
- terminal.border#d3d3d3
- terminal.foreground#ff577e
- terminal.selectionBackground#777777
- terminalCursor.background#00000000
- terminalCursor.foreground#ff577e
- textBlockQuote.background#ffffff
- textBlockQuote.border#d3d3d3
- textCodeBlock.background#ffffff
- textLink.activeForeground#309dbe
- textLink.foreground#ff577e
- textPreformat.foreground#ff577e
- textSeparator.foreground#777777
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#ff577e
- titleBar.border#00000000
- titleBar.inactiveBackground#ffffff
- titleBar.inactiveForeground#777777
- tree.indentGuidesStroke#77777753
- welcomePage.background#ffffff
- welcomePage.buttonBackground#ff577e
- welcomePage.buttonHoverBackground#f32b5a
- widget.shadow#ff577e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded | #777777 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #000080 | — |
| comment | #549735 | — |
| constant.language | #2688d8 | — |
| constant.numeric | #59a033 | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #2688d8 | — |
| entity.name.tag.css | #be9743 | — |
| entity.other.attribute-name | #2688d8 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss | #b38d3d | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | #1f66a0 | bold |
| markup.heading | #2688d8 | bold |
| markup.italic | — | italic |
| markup.inserted | #3b8115 | — |
| markup.deleted | #cf6f49 | — |
| markup.changed | #2688d8 | — |
| punctuation.definition.quote.begin.markdown | #6A9955 | — |
| punctuation.definition.list.begin.markdown | #4b7ed8 | — |
| markup.inline.raw | #ca724f | — |
| punctuation.definition.tag | #777777 | — |
| meta.preprocessor | #2688d8 | — |
| meta.preprocessor.string | #ce9178 | — |
| meta.preprocessor.numeric | #64af3b | — |
| meta.structure.dictionary.key.python | #2688d8 | — |
| meta.diff.header | #2688d8 | — |
| storage | #2688d8 | — |
| storage.type | #2688d8 | — |
| storage.modifier | #2688d8 | — |
| string | #ce9178 | — |
| string.tag | #ce9178 | — |
| string.value | #ce9178 | — |
| string.regexp | #d16969 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #2688d8 | — |
| meta.template.expression | #777777 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded | #2688d8 | — |
| keyword | #2688d8 | — |
| keyword.control | #2688d8 | — |
| keyword.operator | #777777 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python | #2688d8 | — |
| keyword.other.unit | #66ad3f | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #2688d8 | — |
| support.function.git-rebase | #2688d8 | — |
| constant.sha.git-rebase | #559632 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #777777 | — |
| variable.language | #2688d8 | — |
| entity.name.function, support.function, support.constant.handlebars | #a7a739 | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #777777 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #777777 | — |
| keyword.control, keyword.operator.new.cpp, keyword.operator.delete, keyword.other.using, keyword.other.operator | #a04698 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable | #2688d8 | — |
| meta.object-literal.key | #2688d8 | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #cc7958 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #d37551 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #cf5252 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #c5c55a | — |
| keyword.operator.quantifier.regexp | #c29c4a | — |
| constant.character | #2688d8 | — |
| constant.character.escape | #b3924c | — |
| variable | #ff229b | — |
| entity.name.variable | #ff229b | — |
| string.quoted | #a041e4 | — |
| storage.type | #a041e4 | — |
| keyword | #a041e4 | — |
| punctuation.section.embedded | #a041e4 | — |
| keyword.control | #a041e4 | — |
| entity.name.function | #2688d8 | — |
| entity.name.type | #2688d8 | — |
| entity.name.tag | #2688d8 | — |
| entity.name.tag.css | #ff229b | — |
| punctuation.definition.tag | #777777 | — |
| punctuation.definition.string | #777777 | — |
| entity.other.attribute-name | #ff229b | — |
| support.function | #777777 | — |
| support.variable | #ff577e | — |
| support | #dd7d38 | — |
| entity.other.inherited-class | #ff229b | — |
| support.function | #2688d8 | — |
| support.type | #2688d8 | — |
| support.constant.color | #a041e4 | — |
| constant.other.color.rgb-value | #a041e4 | — |
| constant.language | #a041e4 | — |
| support.type.property-name | #ff229b | — |
| support.constant.property-value | #a041e4 | — |
| support.constant.font-name | #a041e4 | — |
| entity.other.attribute-name.class.css | #2688d8 | — |
| support.class | #ff229b | — |
| variable.language | #ff229b | — |
| storage.modifier | #a041e4 | — |
| constant.numeric | #a041e4 | — |
| keyword.other.unit | #a041e4 | — |
| meta.object-literal.key | #777777 | — |
| meta.embedded | #777777 | — |
| comment | #777777e7 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #a041e4 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...