Overflow Theme
Publisher: dieghernanThemes in package: 4
Visual Studio Code theme based on Stack Overflow palette
Color themes
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.activeBackground#473C2B
- activityBar.background#1F1D1C
- activityBar.foreground#FCC36E
- activityBar.inactiveForeground#FCFCFC
- activityBarBadge.background#FCC36E
- activityBarBadge.foreground#1A1A1A
- badge.background#FCC36E
- badge.foreground#1A1A1A
- breadcrumb.activeSelectionForeground#FFFFFF
- breadcrumb.background#313131
- breadcrumb.focusForeground#FFFFFF
- breadcrumb.foreground#FCFCFC
- button.background#FCC36E
- button.foreground#1A1A1A
- button.secondaryBackground#1F1D1C
- button.secondaryForeground#FFFFFF
- contrastBorder#FFFFFF
- dropdown.background#313131
- dropdown.foreground#FFFFFF
- editor.background#1A1A1A
- editor.foreground#FFFFFF
- editor.lineHighlightBackground#4C4C4C
- editor.lineHighlightBorder#4C4C4C
- editor.selectionBackground#4C4C4C
- editor.selectionForeground#FCC36E
- editor.snippetFinalTabstopHighlightBackground#1A1A1A
- editor.snippetTabstopHighlightBackground#1A1A1A
- editor.snippetTabstopHighlightBorder#FCFCFC
- editorBracketHighlight.foreground1#FFFFFF
- editorCodeLens.foreground#FCFCFC
- editorCursor.foreground#FCC36E
- editorGroupHeader.tabsBackground#1F1D1C
- editorHoverWidget.background#1F1D1C
- editorHoverWidget.border#FCFCFC
- editorIndentGuide.background1#FCC36E
- editorLineNumber.foreground#FCFCFC
- editorLink.activeForeground#FCC36E
- editorRuler.foreground#FCC36E
- editorSuggestWidget.background#1F1D1C
- editorSuggestWidget.focusHighlightForeground#FCC36E
- editorSuggestWidget.foreground#FFFFFF
- editorSuggestWidget.highlightForeground#FCC36E
- editorSuggestWidget.selectedBackground#1F1D1C
- editorSuggestWidget.selectedIconForeground#FCC36E
- editorWhitespace.foreground#4C4C4C
- editorWidget.background#1F1D1C
- focusBorder#FCC36E
- foreground#FFFFFF
- gitDecoration.ignoredResourceForeground#FCFCFC
- icon.foreground#FCC36E
- input.background#313131
- input.foreground#FFFFFF
- input.placeholderForeground#FCFCFC
- keybindingLabel.background#1A1A1A
- keybindingLabel.foreground#FFFFFF
- list.activeSelectionBackground#4C4C4C
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#4C4C4C
- list.focusBackground#4C4C4C
- list.highlightForeground#FCC36E
- list.hoverBackground#4C4C4C
- list.inactiveSelectionBackground#5F5F5F
- menu.background#1F1D1C
- menu.foreground#FFFFFF
- menu.selectionBackground#4C4C4C
- menu.separatorBackground#473C2B
- menubar.selectionBackground#4C4C4C
- notificationLink.foreground#FCC36E
- notifications.background#1F1D1C
- panel.background#313131
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#FCFCFC
- peekView.border#4C4C4C
- peekViewEditor.background#1A1A1A
- peekViewResult.fileForeground#FFFFFF
- peekViewResult.lineForeground#FFFFFF
- peekViewResult.selectionBackground#4C4C4C
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitleDescription.foreground#FCFCFC
- peekViewTitleLabel.foreground#FFFFFF
- pickerGroup.border#1F1D1C
- pickerGroup.foreground#FCC36E
- progressBar.background#FCC36E
- scrollbarSlider.activeBackground#5F5F5F
- scrollbarSlider.background#473C2B
- settings.checkboxForeground#FFFFFF
- settings.dropdownForeground#FFFFFF
- settings.headerForeground#FFFFFF
- settings.numberInputForeground#FFFFFF
- settings.textInputForeground#FFFFFF
- sideBar.background#313131
- sideBar.foreground#FFFFFF
- sideBarSectionHeader.background#1A1A1A
- sideBarTitle.background#1F1D1C
- sideBarTitle.foreground#FFFFFF
- statusBar.background#473C2B
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#4C4C4C
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.remoteForeground#1A1A1A
- tab.activeBackground#473C2B
- tab.activeForeground#FCC36E
- tab.inactiveBackground#313131
- tab.inactiveForeground#FFFFFF
- terminal.background#1A1A1A
- terminal.border#473C2B
- terminal.foreground#FFFFFF
- terminalCursor.background#1A1A1A
- terminalCursor.foreground#FCC36E
- textLink.foreground#FCC36E
- titleBar.activeBackground#1F1D1C
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveForeground#FCFCFC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #FFFFFF | — |
| comment | #FCFCFC | — |
| keyword.control, keyword.operator.expression, keyword.operator.new, keyword.other, storage.modifier, storage.type, support.variable | #C3E0EF | — |
| entity.name.tag.css, entity.name.tag.scss | #C3E0EF | — |
| entity.name.tag.doctype.html, keyword.control.flow.alias.yaml, keyword.control.flow.anchor.yaml, keyword.other.important, meta.doctype, meta.tag.metadata.doctype, meta.tag.metadata.doctype.html, punctuation.section.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, variable.other.alias.yaml, variable.other.anchor.yaml | #C3E0EF | — |
| markup.heading | #C3E0EF | — |
| entity.name.tag.yaml, entity.other.attribute-name, support.type.property-name | #C3E0EF | — |
| support.type.property-name.css, support.type.property-name.media.css | #E8CAE6 | — |
| entity.name.tag.html | #FCC36E | — |
| storage.type.java, storage.type.primitive, storage.type.tag | #FCC36E | — |
| constant.numeric, constant.other.color, keyword.other.unit | #FCC36E | — |
| entity.other.attribute-name.id | #FCC36E | — |
| markup.quote | #FCC36E | — |
| entity.other.attribute-name.class.css | #C3E0EF | — |
| keyword.other.directive.yaml, string | #EFF1AC | — |
| string.regexp | #EFF1AC | — |
| constant.language.symbol, constant.other.reference.link.markdown, constant.other.symbol | #EFF1AC | — |
| variable.language, variable.language.this.php, variable.other.constant, variable.other.php, variable.other.readwrite.instance.ruby, variable.scss | #EFF1AC | — |
| markup.link, markup.underline.link | #EFF1AC | — |
| entity.other.attribute-name.pseudo-element.css | #C3E0EF | — |
| support.function | #FCC36E | — |
| entity.name.type, support.class | #FCC36E | — |
| constant.language | #FCC36E | — |
| punctuation.definition.list.begin | #FCFCFC | — |
| markup.inline.raw, markup.raw | #FCFCFC | — |
| invalid | #FCE9E9 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |