SelectStar

Color themes

• 

  SelectStar – Code Block

• 

  SelectStar – Dark

• 

  SelectStar – Dark (Pink Star)

• 

  SelectStar – SSMS 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#080808
• activityBar.foreground#A5ABB2
• activityBar.inactiveForeground#515965
• activityBarBadge.background#FF5FAF
• activityBarBadge.foreground#080808
• button.background#FF5FAF
• button.foreground#0B0E14
• button.hoverBackground#D85A8C
• dropdown.background#1F2C40
• dropdown.border#2A3A52
• dropdown.foreground#E5E7EB
• editor.background#080808
• editor.findMatchBackground#c4a0b540
• editor.findMatchHighlightBackground#c4a0b520
• editor.foreground#E7E9EE
• editor.inactiveSelectionBackground#24364A33
• editor.lineHighlightBackground#1A1A1A80
• editor.selectionBackground#24364A55
• editor.selectionForeground#E7E9EE
• editor.selectionHighlightBackground#c4a0b51a
• editor.wordHighlightBackground#c4a0b52f
• editor.wordHighlightStrongBackground#c4a0b538
• editor.wordHighlightStrongBorder#c4a0b555
• editorBracketMatch.background#c4a0b51a
• editorBracketMatch.border#c4a0b550
• editorCursor.background#080808
• editorCursor.foreground#B3A9FF
• editorGroup.border#2A2E34
• editorGroupHeader.tabsBackground#0A0A0A
• editorHoverWidget.background#0C0C0C
• editorHoverWidget.border#315079
• editorHoverWidget.foreground#E5E7EB
• editorIndentGuide.activeBackground1#c4a0b538
• editorIndentGuide.background1#c4a0b512
• editorLineNumber.activeForeground#F2A1B3
• editorLineNumber.foreground#5A6169
• editorRuler.foreground#24364A
• editorSuggestWidget.background#0C0C0C
• editorSuggestWidget.border#79255a56
• editorSuggestWidget.focusHighlightForeground#E5E7EB
• editorSuggestWidget.foreground#E5E7EB
• editorSuggestWidget.highlightForeground#feaad4
• editorSuggestWidget.selectedBackground#be459256
• editorWhitespace.foreground#4A4F57
• focusBorder#7A8594
• gitDecoration.deletedResourceForeground#FF6B6B
• gitDecoration.ignoredResourceForeground#6B7280
• gitDecoration.modifiedResourceForeground#E6AF3F
• gitDecoration.stageDeletedResourceForeground#FF6B6B
• gitDecoration.stageModifiedResourceForeground#E6AF3F
• gitDecoration.untrackedResourceForeground#69BBFD
• input.background#0F1216
• input.border#3A4048
• input.foreground#E5E7EB
• list.activeSelectionBackground#79255a
• list.activeSelectionForeground#FFFFFF
• list.dropBackground#2F343CAA
• list.errorForeground#ffffff
• list.focusHighlightForeground#feaad4
• list.focusOutline#7A8594
• list.highlightForeground#feaad4
• list.hoverBackground#be4e9a
• list.hoverForeground#F8F8F2
• list.inactiveSelectionBackground#69204e
• list.inactiveSelectionForeground#E7E9EE
• list.warningForeground#E6AF3F
• notificationCenter.border#2A3A52
• notificationCenterHeader.background#080808
• notifications.background#0C0C0C
• notifications.border#2A3A52
• notifications.foreground#E5E7EB
• notificationsErrorIcon.foreground#FF6B6B
• notificationsInfoIcon.foreground#69BBFD
• notificationsWarningIcon.foreground#E6AF3F
• panel.background#080808
• panel.border#1C1F26
• panelTitle.activeBorder#FF5FAF
• panelTitle.activeForeground#FF5FAF
• panelTitle.inactiveForeground#8d8d8d
• quickInput.background#0C0C0C
• quickInput.foreground#E5E7EB
• quickInputList.focusBackground#ff5faf25
• quickInputList.focusForeground#E5E7EB
• quickInputList.focusIconForeground#feaad4
• quickInputTitle.background#080808
• sideBar.background#0c0c0c
• sideBar.border#1A1A1A
• sideBar.foreground#58606C
• sideBarSectionHeader.background#080808
• sideBarSectionHeader.foreground#7A8594
• sideBarTitle.foreground#FF5FAF
• statusBar.background#080808
• statusBar.debuggingBackground#be4e9a
• statusBar.debuggingForeground#181818
• statusBar.foreground#a5a5a5
• statusBar.noFolderBackground#181818
• statusBarItem.hoverBackground#69204e
• statusBarItem.hoverForeground#E7E9EE
• tab.activeBackground#ea68c142
• tab.activeBorder#E06A9A
• tab.activeForeground#E7E9EE
• tab.activeModifiedBorder#E6AF3F
• tab.border#202020
• tab.inactiveBackground#1b1b1b
• tab.inactiveForeground#a5a5a5
• tab.inactiveModifiedBorder#E6AF3F
• terminal.background#080808
• terminal.foreground#d4d4d4
• titleBar.activeBackground#080808
• titleBar.activeForeground#E7E9EE
• titleBar.border#080808
• titleBar.inactiveBackground#0E0E0E
• titleBar.inactiveForeground#B0B0B0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).