Dusk Star Theme

Color themes

• 

  Dusk Star Dark

• 

  Dusk Star Light

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#222222
• activityBar.border#2F2F2F
• activityBar.foreground#F8F8F2
• activityBarBadge.background#BBC1F4
• activityBarBadge.foreground#222222
• button.background#4F8FD7
• button.foreground#F5FAFF
• button.hoverBackground#5E9DE3
• button.secondaryBackground#365D87
• button.secondaryForeground#EAF3FF
• button.secondaryHoverBackground#4170A1
• editor.background#222222
• editor.findMatchBackground#4B98FD66
• editor.findMatchBorder#8EBEFF
• editor.findMatchHighlightBackground#4B98FD33
• editor.findMatchHighlightBorder#6E94C0
• editor.findRangeHighlightBackground#3A4B634D
• editor.foreground#F8F8F2
• editor.inactiveSelectionBackground#2B496C55
• editor.lineHighlightBackground#31435A66
• editor.selectionBackground#365C8A66
• editor.selectionHighlightBackground#4E7DB833
• editor.wordHighlightBackground#4E7DB833
• editor.wordHighlightStrongBackground#5C8FCF4D
• editor.wordHighlightTextBackground#064e82
• editorCursor.foreground#F8F8F0
• editorGroupHeader.tabsBackground#1F1F1F
• editorGroupHeader.tabsBorder#2A2A2A
• editorGuide.background#2F2F2F
• editorGutter.addedBackground#7FB4FF
• editorGutter.modifiedBackground#4B98FD
• editorIndentGuide.activeBackground#4A6890
• editorIndentGuide.background#2F2F2F
• editorLineNumber.activeForeground#166EDF
• editorLineNumber.foreground#939393
• editorOverviewRuler.addedForeground#7FB4FF
• editorOverviewRuler.modifiedForeground#4B98FD
• editorWhitespace.foreground#3A4B63
• gitDecoration.addedResourceForeground#7FB4FF
• gitDecoration.ignoredResourceForeground#334052
• gitDecoration.modifiedResourceForeground#4B98FD
• gitDecoration.renamedResourceForeground#99C4FF
• gitDecoration.stageAddedResourceForeground#7FB4FF
• gitDecoration.stageModifiedResourceForeground#4B98FD
• gitDecoration.submoduleResourceForeground#7FB4FF
• gitDecoration.untrackedResourceForeground#7FB4FF
• input.background#262626
• input.border#3E4F66
• input.foreground#F8F8F2
• list.activeSelectionBackground#31527777
• list.focusBackground#31527777
• list.focusForeground#EAF3FF
• list.hoverBackground#2A456866
• list.inactiveSelectionBackground#2B496C66
• menu.background#222222
• menu.border#2F2F2F
• menu.foreground#F8F8F2
• menubar.selectionBackground#324B6A
• menubar.selectionForeground#F8F8F2
• searchEditor.findMatchBackground#4B98FD66
• sideBar.background#222222
• sideBar.border#2F2F2F
• sideBar.foreground#8A8A8A
• sideBarSectionHeader.background#222222
• sideBarSectionHeader.foreground#CCC
• sideBarTitle.foreground#A6E22E
• statusBar.background#222222
• statusBar.border#2F2F2F
• statusBar.debuggingBackground#F92672
• statusBar.debuggingForeground#F8F8F0
• statusBar.foreground#F8F8F2
• statusBar.noFolderBackground#222222
• statusBar.noFolderForeground#F8F8F2
• tab.activeBackground#222222
• tab.activeBorder#222222
• tab.activeBorderTop#6FA3E5
• tab.activeForeground#F8F8F2
• tab.activeModifiedBorder#4B98FD
• tab.border#2F2F2F
• tab.hoverBackground#303030
• tab.inactiveBackground#2A2A2A
• tab.inactiveForeground#9A9A9A
• tab.inactiveModifiedBorder#5C7FA8
• tab.unfocusedActiveBorder#222222
• tab.unfocusedActiveBorderTop#4D79AD
• tab.unfocusedHoverBackground#2A2A2A
• titleBar.activeBackground#222222
• titleBar.activeForeground#F8F8F2
• titleBar.border#2F2F2F
• titleBar.inactiveBackground#222222
• titleBar.inactiveForeground#BFC9D8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).