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#E9EFF8
• activityBar.border#CED8E8
• activityBar.foreground#425670
• activityBarBadge.background#53B56D
• activityBarBadge.foreground#FFFFFF
• button.background#3F7FC6
• button.foreground#F6FAFF
• button.hoverBackground#4B8CD4
• button.secondaryBackground#D7E3F4
• button.secondaryForeground#33465E
• button.secondaryHoverBackground#C9D8EE
• editor.background#F4F7FB
• editor.findMatchBackground#BBD2F266
• editor.findMatchBorder#7EA5D8
• editor.findMatchHighlightBackground#D5E3F74D
• editor.findMatchHighlightBorder#AFC6E4
• editor.findRangeHighlightBackground#E6EEF933
• editor.foreground#2E3440
• editor.inactiveSelectionBackground#DCE8F833
• editor.lineHighlightBackground#DCE7F566
• editor.selectionBackground#D7E9FF
• editor.selectionHighlightBackground#B7D7F8
• editor.wordHighlightBackground#6265F633
• editor.wordHighlightStrongBackground#AFC9EA4D
• editor.wordHighlightTextBackground#3FC07F
• editorCodeLens.foreground#8F9BAC
• editorCursor.foreground#2B3D55
• editorGroupHeader.tabsBackground#DFE7F4
• editorGroupHeader.tabsBorder#C6D3E6
• editorGuide.background#CBD7E8
• editorGutter.addedBackground#4E8FDD
• editorGutter.modifiedBackground#4B98FD
• editorIndentGuide.activeBackground#8FB2DE
• editorIndentGuide.background#CBD7E8
• editorLineNumber.activeForeground#8F98A8
• editorLineNumber.foreground#B0B8C5
• editorOverviewRuler.addedForeground#4E8FDD
• editorOverviewRuler.modifiedForeground#4B98FD
• editorWhitespace.foreground#C3CFDE
• gitDecoration.addedResourceForeground#4E8FDD
• gitDecoration.ignoredResourceForeground#B08A00
• gitDecoration.modifiedResourceForeground#4B98FD
• gitDecoration.renamedResourceForeground#5F9BDD
• gitDecoration.stageAddedResourceForeground#4E8FDD
• gitDecoration.stageModifiedResourceForeground#4B98FD
• gitDecoration.submoduleResourceForeground#4E8FDD
• gitDecoration.untrackedResourceForeground#4E8FDD
• input.background#FFFFFF
• input.border#A8BAD2
• input.foreground#2E3440
• list.activeSelectionBackground#ADC6E4
• list.activeSelectionForeground#16273A
• list.focusBackground#ADC6E4
• list.focusForeground#16273A
• list.hoverBackground#D1E1F4
• list.inactiveSelectionBackground#BDD2EA
• list.inactiveSelectionForeground#22364C
• menu.background#F8FAFD
• menu.border#D3DDEB
• menu.foreground#2E3440
• menubar.selectionBackground#D5E3F6
• menubar.selectionForeground#2E3440
• searchEditor.findMatchBackground#BBD2F266
• sideBar.background#EEF3FA
• sideBar.border#D3DDEB
• sideBar.foreground#4D5A6E
• sideBarSectionHeader.background#E6EDF8
• sideBarSectionHeader.foreground#2F4F7A
• sideBarTitle.foreground#2F4F7A
• statusBar.background#E9EFF8
• statusBar.border#CED8E8
• statusBar.debuggingBackground#D95B8E
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#3C506A
• statusBar.noFolderBackground#E9EFF8
• statusBar.noFolderForeground#3C506A
• tab.activeBackground#F7FAFF
• tab.activeBorder#F7FAFF
• tab.activeBorderTop#6FA3E5
• tab.activeForeground#1F2D3D
• tab.activeModifiedBorder#4B98FD
• tab.border#C6D3E6
• tab.hoverBackground#EAF1FB
• tab.inactiveBackground#E3EAF5
• tab.inactiveForeground#5E6D83
• tab.inactiveModifiedBorder#7C9EC8
• tab.unfocusedActiveBorder#F7FAFF
• tab.unfocusedActiveBorderTop#90A8C9
• tab.unfocusedHoverBackground#E6EDF8
• titleBar.activeBackground#E9EFF8
• titleBar.activeForeground#2E3440
• titleBar.border#CED8E8
• titleBar.inactiveBackground#E3EAF5
• titleBar.inactiveForeground#5F6F84

tokenColors

TextMate scopes and font styles (syntax highlighting rules).