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.activeBorder#E7E9EE
• activityBar.background#0b0d12
• activityBar.foreground#E7E9EE
• activityBar.inactiveForeground#515965
• activityBarBadge.background#e3b241
• activityBarBadge.foreground#0b0d12
• button.background#4d78b3
• button.foreground#e7e9ee
• button.hoverBackground#466fa8
• dropdown.background#161b22
• dropdown.border#21262d
• dropdown.foreground#e3e6ea
• editor.background#0D1117
• editor.findMatchBackground#6b9fc440
• editor.findMatchHighlightBackground#6b9fc420
• editor.foreground#e3e6ea
• editor.inactiveSelectionBackground#1f2d4466
• editor.lineHighlightBackground#161b2298
• editor.selectionBackground#1f2d44
• editor.selectionForeground#e6edf3
• editor.selectionHighlightBackground#6b9fc416
• editor.wordHighlightBackground#6b9fc427
• editor.wordHighlightStrongBackground#6b9fc438
• editor.wordHighlightStrongBorder#6b9fc455
• editorBracketMatch.background#6b9fc41a
• editorBracketMatch.border#6b9fc450
• editorCursor.background#0b0d12
• editorCursor.foreground#e3e6ea
• editorGroup.border#21262d
• editorGroupHeader.tabsBackground#0b0d12
• editorHoverWidget.background#0b0d12
• editorHoverWidget.border#21262d
• editorHoverWidget.foreground#e6edf3
• editorIndentGuide.activeBackground1#6b9fc433
• editorIndentGuide.background1#6b9fc40e
• editorLineNumber.activeForeground#c9d1d9
• editorLineNumber.foreground#6e7681
• editorRuler.foreground#21262d
• editorSuggestWidget.background#0D1117
• editorSuggestWidget.border#1b232f
• editorSuggestWidget.focusHighlightForeground#6b9fc4
• editorSuggestWidget.highlightForeground#6b9fc4
• editorSuggestWidget.selectedBackground#263c5e99
• editorSuggestWidget.selectedForeground#e7e9ee
• editorSuggestWidget.selectedIconForeground#e7e9ee
• editorWhitespace.foreground#282c3276
• focusBorder#1b232f
• gitDecoration.deletedResourceForeground#ff7b72
• gitDecoration.ignoredResourceForeground#6e7681
• gitDecoration.modifiedResourceForeground#e3b341
• gitDecoration.stageDeletedResourceForeground#ff7b72
• gitDecoration.stageModifiedResourceForeground#e3b341
• gitDecoration.untrackedResourceForeground#79c0ff
• input.background#0D1117
• input.border#315079aa
• input.foreground#e6edf3
• list.activeSelectionBackground#426297
• list.activeSelectionForeground#e7e9ee
• list.dropBackground#315079aa
• list.errorForeground#ff7b72
• list.focusHighlightForeground#6b9fc4
• list.focusOutline#315079
• list.highlightForeground#6b9fc4
• list.hoverBackground#263c5e
• list.hoverForeground#E7E9EE
• list.inactiveSelectionBackground#263c5e99
• list.inactiveSelectionForeground#E7E9EE
• list.warningForeground#E6AF3F
• notificationCenter.border#21262d
• notificationCenterHeader.background#0b0d12
• notifications.background#0b0d12
• notifications.border#21262d
• notifications.foreground#e6edf3
• notificationsErrorIcon.foreground#ff7b72
• notificationsInfoIcon.foreground#426297
• notificationsWarningIcon.foreground#e3b341
• panel.background#0b0d12
• panel.border#21262d
• panelTitle.activeBorder#e3b241
• panelTitle.activeForeground#c9d1d9
• panelTitle.inactiveForeground#8b949e
• quickInput.background#0b0d12
• quickInput.foreground#e6edf3
• quickInputList.focusBackground#1f2d44
• quickInputList.focusForeground#e6edf3
• quickInputList.focusIconForeground#6b9fc4
• quickInputTitle.background#0b0d12
• sideBar.background#0D1117
• sideBar.border#21262d
• sideBar.foreground#9aa3ad
• sideBarSectionHeader.background#0b0d12
• sideBarSectionHeader.foreground#8b949e
• sideBarTitle.foreground#c9d1d9
• statusBar.background#0b0d12
• statusBar.debuggingBackground#ff7b72
• statusBar.debuggingForeground#0b0d12
• statusBar.foreground#8b949e
• statusBar.noFolderBackground#0b0d12
• statusBarItem.hoverBackground#263c5e
• statusBarItem.hoverForeground#e7e9ee
• tab.activeBackground#263c5e99
• tab.activeBorder#e3b241
• tab.activeForeground#e7e9ee
• tab.activeModifiedBorder#e3b341
• tab.border#0b0d12
• tab.inactiveBackground#141720
• tab.inactiveForeground#8b949e
• tab.inactiveModifiedBorder#e3b34199
• terminal.background#0D1117
• terminal.foreground#e3e6ea
• titleBar.activeBackground#0b0d12
• titleBar.activeForeground#c9d1d9
• titleBar.border#0b0d12
• titleBar.inactiveBackground#0b0d12
• titleBar.inactiveForeground#8b949e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).