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#E7E9EE
• activityBar.inactiveForeground#515965
• activityBarBadge.background#E7E9EE
• activityBarBadge.foreground#080808
• button.background#69BBFD
• button.foreground#0B0E14
• button.hoverBackground#5AAAF0
• dropdown.background#1F2C40
• dropdown.border#2A3A52
• dropdown.foreground#E5E7EB
• editor.background#080808
• editor.findMatchBackground#6b9fc440
• editor.findMatchHighlightBackground#6b9fc420
• editor.findRangeHighlightBackground#2a344133
• editor.foreground#f1f1f1
• editor.inactiveSelectionBackground#24364A33
• editor.lineHighlightBackground#1e252c70
• editor.selectionBackground#1f2d3a
• editor.selectionForeground#E5E7EB
• editor.selectionHighlightBackground#6b9fc416
• editor.wordHighlightBackground#6b9fc427
• editor.wordHighlightStrongBackground#6b9fc438
• editor.wordHighlightStrongBorder#6b9fc455
• editorBracketMatch.background#6b9fc41a
• editorBracketMatch.border#6b9fc450
• editorCursor.background#080808
• editorCursor.foreground#A7CCFF
• editorGroup.border#1A1A1A
• editorGroupHeader.tabsBackground#0C0C0C
• editorHoverWidget.background#0C0C0C
• editorHoverWidget.border#315079
• editorHoverWidget.foreground#E5E7EB
• editorIndentGuide.activeBackground1#6b9fc433
• editorIndentGuide.background1#6b9fc40e
• editorLineNumber.activeForeground#b9b9b9
• editorLineNumber.foreground#5a6169
• editorRuler.foreground#2A3441
• editorSuggestWidget.background#0C0C0C
• editorSuggestWidget.border#315079
• editorSuggestWidget.focusHighlightForeground#6b9fc4
• editorSuggestWidget.foreground#E5E7EB
• editorSuggestWidget.highlightForeground#6b9fc4
• editorSuggestWidget.selectedBackground#263c5e99
• editorSuggestWidget.selectedForeground#e7e9ee
• editorSuggestWidget.selectedIconForeground#e7e9ee
• editorWhitespace.foreground#505050
• focusBorder#315079
• gitDecoration.deletedResourceForeground#FF6B6B
• gitDecoration.ignoredResourceForeground#6B7280
• gitDecoration.modifiedResourceForeground#E6AF3F
• gitDecoration.stageDeletedResourceForeground#FF6B6B
• gitDecoration.stageModifiedResourceForeground#E6AF3F
• gitDecoration.untrackedResourceForeground#69BBFD
• input.background#1A2433
• input.border#315079
• input.foreground#E5E7EB
• list.activeSelectionBackground#65ace6c4
• list.activeSelectionForeground#E7E9EE
• list.dropBackground#315079AA
• list.errorForeground#ffbb0e
• list.focusHighlightForeground#E6AF3F
• list.focusOutline#4F7FA8
• list.highlightForeground#E6AF3F
• list.hoverBackground#6eb7f67b
• list.hoverForeground#E7E9EE
• list.inactiveSelectionBackground#69BBFD66
• 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#5E6673
• panelTitle.activeForeground#f1f1f1
• panelTitle.inactiveForeground#8d8d8d
• quickInput.background#0C0C0C
• quickInput.foreground#E5E7EB
• quickInputList.focusBackground#31507966
• quickInputList.focusForeground#E5E7EB
• quickInputList.focusIconForeground#69BBFD
• quickInputTitle.background#080808
• sideBar.background#0c0c0c
• sideBar.border#1A1A1A
• sideBar.foreground#58606C
• sideBarSectionHeader.background#080808
• sideBarSectionHeader.foreground#5E6673
• sideBarTitle.foreground#E7E9EE
• statusBar.background#080808
• statusBar.debuggingBackground#ff7b72
• statusBar.debuggingForeground#0b0d12
• statusBar.foreground#a5a5a5
• statusBar.noFolderBackground#181818
• statusBarItem.hoverBackground#263c5e
• statusBarItem.hoverForeground#E7E9EE
• tab.activeBackground#263c5e99
• tab.activeBorder#c9d1d9
• tab.activeForeground#E7E9EE
• tab.activeModifiedBorder#E6AF3F
• tab.border#202020
• tab.inactiveBackground#1b1b1b
• tab.inactiveForeground#a5a5a5
• tab.inactiveModifiedBorder#D9AE4A
• terminal.background#080808
• terminal.foreground#d4d4d4
• titleBar.activeBackground#080808
• titleBar.activeForeground#E7E9EE
• titleBar.border#21262d
• titleBar.inactiveBackground#080808
• titleBar.inactiveForeground#8b949e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).