Stream Theme

Color themes

• 

  Stream Dark

• 

  Stream 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#005FFF
• activityBar.background#080707
• activityBar.foreground#B4B7BB
• activityBarBadge.background#005FFF
• activityBarBadge.foreground#FFFFFF
• badge.background#005FFF
• badge.foreground#FFFFFF
• button.background#005FFF
• button.foreground#FFFFFF
• button.hoverBackground#337EFF
• button.secondaryBackground#272A30
• button.secondaryForeground#F4F4F5
• button.secondaryHoverBackground#4C525C
• diffEditor.insertedLineBackground#062D16
• diffEditor.insertedTextBackground#041B0D
• diffEditor.removedLineBackground#330003
• diffEditor.removedTextBackground#1F0002
• dropdown.background#17191C
• dropdown.border#1C1E22
• dropdown.foreground#F4F4F5
• editor.background#080707
• editor.findMatchBackground#FFB700
• editor.findMatchHighlightBackground#996E00
• editor.findRangeHighlightBackground#1D1A11
• editor.foreground#F4F4F5
• editor.inactiveSelectionBackground#001333
• editor.lineHighlightBackground#17191C
• editor.selectionBackground#00163D
• editor.selectionHighlightBackground#00163D
• editorBracketMatch.background#00163D
• editorBracketMatch.border#005FFF
• editorCursor.foreground#005FFF
• editorGutter.addedBackground#20E070
• editorGutter.background#080707
• editorGutter.deletedBackground#FF000E
• editorGutter.modifiedBackground#FFB700
• editorHoverWidget.background#17191C
• editorHoverWidget.border#1C1E22
• editorIndentGuide.activeBackground#272A30
• editorIndentGuide.background#1C1E22
• editorLineNumber.activeForeground#B4B7BB
• editorLineNumber.foreground#4C525C
• editorSuggestWidget.background#17191C
• editorSuggestWidget.border#1C1E22
• editorSuggestWidget.foreground#F4F4F5
• editorSuggestWidget.highlightForeground#005FFF
• editorSuggestWidget.selectedBackground#00163D
• editorWhitespace.foreground#272A30
• editorWidget.background#17191C
• editorWidget.border#1C1E22
• extensionButton.prominentBackground#005FFF
• extensionButton.prominentForeground#FFFFFF
• extensionButton.prominentHoverBackground#337EFF
• gitDecoration.conflictingResourceForeground#FF3742
• gitDecoration.deletedResourceForeground#FF000E
• gitDecoration.ignoredResourceForeground#4C525C
• gitDecoration.modifiedResourceForeground#FFB700
• gitDecoration.untrackedResourceForeground#20E070
• input.background#17191C
• input.border#1C1E22
• input.foreground#F4F4F5
• inputOption.activeBorder#005FFF
• inputValidation.errorBackground#1F0002
• inputValidation.errorBorder#FF000E
• inputValidation.infoBackground#001333
• inputValidation.infoBorder#005FFF
• inputValidation.warningBackground#1D1A11
• inputValidation.warningBorder#FFB700
• list.activeSelectionBackground#00163D
• list.activeSelectionForeground#F4F4F5
• list.focusBackground#00163D
• list.focusForeground#F4F4F5
• list.highlightForeground#005FFF
• list.hoverBackground#1C1E22
• list.hoverForeground#F4F4F5
• list.inactiveSelectionBackground#1C1E22
• list.inactiveSelectionForeground#DBDDE1
• menu.background#17191C
• menu.foreground#F4F4F5
• menu.selectionBackground#00163D
• menu.selectionForeground#F4F4F5
• menu.separatorBackground#1C1E22
• menubar.selectionBackground#1C1E22
• menubar.selectionForeground#F4F4F5
• notificationCenter.border#1C1E22
• notificationCenterHeader.background#17191C
• notifications.background#17191C
• notifications.border#1C1E22
• notifications.foreground#F4F4F5
• notificationsErrorIcon.foreground#FF000E
• notificationsInfoIcon.foreground#005FFF
• notificationsWarningIcon.foreground#FFB700
• notificationToast.border#1C1E22
• panel.background#080707
• panel.border#1C1E22
• panelTitle.activeBorder#005FFF
• panelTitle.activeForeground#F4F4F5
• panelTitle.inactiveForeground#747881
• peekView.border#005FFF
• peekViewEditor.background#080707
• peekViewEditor.matchHighlightBackground#996E00
• peekViewResult.background#17191C
• peekViewResult.matchHighlightBackground#996E00
• peekViewTitle.background#1C1E22
• peekViewTitleLabel.foreground#F4F4F5
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#747881
• scrollbarSlider.background#272A30
• scrollbarSlider.hoverBackground#4C525C
• sideBar.background#080707
• sideBar.foreground#DBDDE1
• sideBarSectionHeader.background#17191C
• sideBarSectionHeader.foreground#F4F4F5
• sideBarTitle.foreground#F4F4F5
• statusBar.background#17191C
• statusBar.debuggingBackground#FF000E
• statusBar.foreground#DBDDE1
• statusBar.noFolderBackground#17191C
• statusBar.prominentBackground#00163D
• statusBar.prominentHoverBackground#002666
• terminal.ansiBlack#080707
• terminal.ansiBlue#005FFF
• terminal.ansiBrightBlack#4C525C
• terminal.ansiBrightBlue#669FFF
• terminal.ansiBrightCyan#A6F2C6
• terminal.ansiBrightGreen#79ECA9
• terminal.ansiBrightMagenta#FF999F
• terminal.ansiBrightRed#FF666E
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFE299
• terminal.ansiCyan#4CE68C
• terminal.ansiGreen#20E070
• terminal.ansiMagenta#FF3742
• terminal.ansiRed#FF000E
• terminal.ansiWhite#F4F4F5
• terminal.ansiYellow#FFB700
• terminal.background#080707
• terminal.foreground#F4F4F5
• titleBar.activeBackground#17191C
• titleBar.activeForeground#F4F4F5
• titleBar.inactiveBackground#080707
• titleBar.inactiveForeground#747881

tokenColors

TextMate scopes and font styles (syntax highlighting rules).