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#F4F4F5
• activityBar.foreground#747881
• activityBarBadge.background#005FFF
• activityBarBadge.foreground#FFFFFF
• badge.background#005FFF
• badge.foreground#FFFFFF
• button.background#005FFF
• button.foreground#FFFFFF
• button.hoverBackground#004CCC
• button.secondaryBackground#E9EAED
• button.secondaryForeground#17191C
• button.secondaryHoverBackground#DBDDE1
• diffEditor.insertedLineBackground#E8FCF0
• diffEditor.insertedTextBackground#E8FCF0
• diffEditor.removedLineBackground#FFF5F5
• diffEditor.removedTextBackground#FFF5F5
• dropdown.background#FFFFFF
• dropdown.border#DBDDE1
• dropdown.foreground#17191C
• editor.background#FFFFFF
• editor.findMatchBackground#FFB700
• editor.findMatchHighlightBackground#FFE299
• editor.findRangeHighlightBackground#FFF8E5
• editor.foreground#17191C
• editor.inactiveSelectionBackground#EBF5FF
• editor.lineHighlightBackground#F4F4F5
• editor.selectionBackground#E0F0FF
• editor.selectionHighlightBackground#E0F0FF
• editorBracketMatch.background#E0F0FF
• editorBracketMatch.border#005FFF
• editorCursor.foreground#005FFF
• editorGutter.addedBackground#20E070
• editorGutter.background#FFFFFF
• editorGutter.deletedBackground#FF000E
• editorGutter.modifiedBackground#FFB700
• editorHoverWidget.background#FFFFFF
• editorHoverWidget.border#DBDDE1
• editorIndentGuide.activeBackground#DBDDE1
• editorIndentGuide.background#E9EAED
• editorLineNumber.activeForeground#747881
• editorLineNumber.foreground#B4B7BB
• editorSuggestWidget.background#FFFFFF
• editorSuggestWidget.border#DBDDE1
• editorSuggestWidget.foreground#17191C
• editorSuggestWidget.highlightForeground#005FFF
• editorSuggestWidget.selectedBackground#E0F0FF
• editorWhitespace.foreground#E9EAED
• editorWidget.background#FFFFFF
• editorWidget.border#DBDDE1
• extensionButton.prominentBackground#005FFF
• extensionButton.prominentForeground#FFFFFF
• extensionButton.prominentHoverBackground#004CCC
• gitDecoration.conflictingResourceForeground#FF3742
• gitDecoration.deletedResourceForeground#CC000B
• gitDecoration.ignoredResourceForeground#B4B7BB
• gitDecoration.modifiedResourceForeground#CC9200
• gitDecoration.untrackedResourceForeground#19B359
• input.background#FFFFFF
• input.border#DBDDE1
• input.foreground#17191C
• inputOption.activeBorder#005FFF
• inputValidation.errorBackground#FFF5F5
• inputValidation.errorBorder#FF000E
• inputValidation.infoBackground#EBF5FF
• inputValidation.infoBorder#005FFF
• inputValidation.warningBackground#FFF8E5
• inputValidation.warningBorder#FFB700
• list.activeSelectionBackground#E0F0FF
• list.activeSelectionForeground#17191C
• list.focusBackground#E0F0FF
• list.focusForeground#17191C
• list.highlightForeground#005FFF
• list.hoverBackground#F4F4F5
• list.hoverForeground#17191C
• list.inactiveSelectionBackground#F4F4F5
• list.inactiveSelectionForeground#17191C
• menu.background#FFFFFF
• menu.foreground#17191C
• menu.selectionBackground#E0F0FF
• menu.selectionForeground#17191C
• menu.separatorBackground#E9EAED
• menubar.selectionBackground#E9EAED
• menubar.selectionForeground#17191C
• notificationCenter.border#DBDDE1
• notificationCenterHeader.background#F4F4F5
• notifications.background#FFFFFF
• notifications.border#DBDDE1
• notifications.foreground#17191C
• notificationsErrorIcon.foreground#FF000E
• notificationsInfoIcon.foreground#005FFF
• notificationsWarningIcon.foreground#FFB700
• notificationToast.border#DBDDE1
• panel.background#FFFFFF
• panel.border#DBDDE1
• panelTitle.activeBorder#005FFF
• panelTitle.activeForeground#17191C
• panelTitle.inactiveForeground#747881
• peekView.border#005FFF
• peekViewEditor.background#FFFFFF
• peekViewEditor.matchHighlightBackground#FFE299
• peekViewResult.background#F4F4F5
• peekViewResult.matchHighlightBackground#FFE299
• peekViewTitle.background#F4F4F5
• peekViewTitleLabel.foreground#17191C
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#747881
• scrollbarSlider.background#DBDDE1
• scrollbarSlider.hoverBackground#B4B7BB
• sideBar.background#F4F4F5
• sideBar.foreground#17191C
• sideBarSectionHeader.background#E9EAED
• sideBarSectionHeader.foreground#17191C
• sideBarTitle.foreground#17191C
• statusBar.background#F4F4F5
• statusBar.debuggingBackground#FF000E
• statusBar.foreground#17191C
• statusBar.noFolderBackground#F4F4F5
• statusBar.prominentBackground#E0F0FF
• statusBar.prominentHoverBackground#CCDFFF
• 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#FFFFFF
• terminal.foreground#17191C
• titleBar.activeBackground#F4F4F5
• titleBar.activeForeground#17191C
• titleBar.inactiveBackground#FFFFFF
• titleBar.inactiveForeground#747881

tokenColors

TextMate scopes and font styles (syntax highlighting rules).