Weboff Schwarzwald
Publisher: WeboffThemes in package: 1
Weboff Schwarzwald — dark green forest theme with warm golden-yellow accents, inspired by the Black Forest and the Weboff brand.
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#0a100c
- activityBar.border#1a241c
- activityBar.foreground#c9a227
- activityBar.inactiveForeground#6b6355
- activityBarBadge.background#b8952e
- activityBarBadge.foreground#0a100c
- badge.background#b8952e
- badge.foreground#0a100c
- breadcrumb.activeSelectionForeground#d4b84a
- breadcrumb.background#0a100c
- breadcrumb.foreground#8a8274
- button.background#8a7020
- button.foreground#f0e6c8
- button.hoverBackground#a68528
- button.secondaryBackground#1a241c
- button.secondaryForeground#c9a227
- button.secondaryHoverBackground#2a352c
- charts.blue#6a8a9a
- charts.foreground#d8d2c4
- charts.green#7a9a6a
- charts.lines#b8952e
- charts.orange#d4a574
- charts.purple#9a7a8a
- charts.red#c07070
- charts.yellow#d4b84a
- debugIcon.breakpointForeground#e07070
- debugToolBar.background#0f1612
- descriptionForeground#8a8274
- diffEditor.insertedTextBackground#5a7a4a33
- diffEditor.removedTextBackground#8b4a4a33
- dropdown.background#0f1612
- dropdown.border#2a352c
- dropdown.foreground#d8d2c4
- editor.background#0a100c
- editor.findMatchBackground#b8952e55
- editor.findMatchHighlightBackground#b8952e33
- editor.foreground#d8d2c4
- editor.hoverHighlightBackground#b8952e18
- editor.inactiveSelectionBackground#3d352044
- editor.lineHighlightBackground#121a14
- editor.selectionBackground#3d352080
- editor.selectionHighlightBackground#b8952e22
- editor.wordHighlightBackground#b8952e22
- editor.wordHighlightStrongBackground#b8952e33
- editorBracketMatch.background#b8952e33
- editorBracketMatch.border#b8952e88
- editorCursor.foreground#d4b84a
- editorGroup.border#1a241c
- editorGroupHeader.tabsBackground#0a100c
- editorGutter.addedBackground#5a7a4a
- editorGutter.background#0a100c
- editorGutter.deletedBackground#8b4a4a
- editorGutter.modifiedBackground#b8952e
- editorIndentGuide.activeBackground1#3d4a38
- editorIndentGuide.background1#1a241c
- editorLineNumber.activeForeground#b8952e
- editorLineNumber.foreground#4a5248
- editorLink.activeForeground#d4b84a
- editorWidget.background#0f1612
- editorWidget.border#1a241c
- errorForeground#e07070
- focusBorder#b8952e88
- foreground#d8d2c4
- gitDecoration.deletedResourceForeground#c07070
- gitDecoration.ignoredResourceForeground#5a6358
- gitDecoration.modifiedResourceForeground#d4b84a
- gitDecoration.untrackedResourceForeground#9ab88a
- input.background#0f1612
- input.border#2a352c
- input.foreground#d8d2c4
- input.placeholderForeground#6b6355
- inputOption.activeBorder#b8952e
- list.activeSelectionBackground#b8952e33
- list.activeSelectionForeground#f0e6c8
- list.errorForeground#e07070
- list.hoverBackground#151d17
- list.inactiveSelectionBackground#1a241c
- list.warningForeground#d4a574
- menu.background#0f1612
- menu.foreground#d8d2c4
- menu.selectionBackground#b8952e44
- menu.selectionForeground#f0e6c8
- notificationCenterHeader.background#121a14
- notifications.background#0f1612
- notifications.border#1a241c
- notifications.foreground#d8d2c4
- panel.background#0a100c
- panel.border#1a241c
- panelTitle.activeBorder#b8952e
- panelTitle.activeForeground#d4b84a
- panelTitle.inactiveForeground#6b6355
- peekView.border#b8952e
- peekViewEditor.background#0f1612
- peekViewResult.background#0a100c
- peekViewTitle.background#121a14
- progressBar.background#b8952e
- scrollbarSlider.activeBackground#b8952e77
- scrollbarSlider.background#b8952e33
- scrollbarSlider.hoverBackground#b8952e55
- selection.background#b8952e44
- sideBar.background#0a100c
- sideBar.border#1a241c
- sideBar.foreground#a8a090
- sideBarSectionHeader.background#0f1612
- sideBarSectionHeader.foreground#b8952e
- sideBarTitle.foreground#c9a227
- statusBar.background#060e08
- statusBar.border#1a241c
- statusBar.debuggingBackground#3d3520
- statusBar.debuggingForeground#d4b84a
- statusBar.foreground#8a8274
- statusBar.noFolderBackground#060e08
- statusBarItem.hoverBackground#b8952e33
- statusBarItem.remoteBackground#8a7020
- statusBarItem.remoteForeground#f0e6c8
- tab.activeBackground#0f1612
- tab.activeBorderTop#b8952e
- tab.activeForeground#f0e6c8
- tab.border#1a241c
- tab.inactiveBackground#0a100c
- tab.inactiveForeground#6b6355
- tab.lastPinnedBorder#2a352c
- terminal.ansiBlack#0a100c
- terminal.ansiBlue#6a8a9a
- terminal.ansiBrightBlack#6b6355
- terminal.ansiBrightBlue#8aaaba
- terminal.ansiBrightCyan#9abaaa
- terminal.ansiBrightGreen#9ab88a
- terminal.ansiBrightMagenta#ba9aaa
- terminal.ansiBrightRed#e08080
- terminal.ansiBrightWhite#f0ece4
- terminal.ansiBrightYellow#f0e080
- terminal.ansiCyan#7a9a8a
- terminal.ansiGreen#7a9a6a
- terminal.ansiMagenta#9a7a8a
- terminal.ansiRed#c07070
- terminal.ansiWhite#d8d2c4
- terminal.ansiYellow#d4b84a
- terminal.background#060e08
- terminal.foreground#d8d2c4
- terminalCursor.foreground#d4b84a
- textLink.activeForeground#e8c85a
- textLink.foreground#d4b84a
- textPreformat.foreground#c9a227
- titleBar.activeBackground#060e08
- titleBar.activeForeground#c9a227
- titleBar.border#1a241c
- titleBar.inactiveBackground#0a100c
- titleBar.inactiveForeground#6b6355
- tree.indentGuidesStroke#2a352c
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5a6358 | italic |
| string, string.quoted, string.template | #c9b896 | — |
| constant.numeric, constant.language, constant.character.escape | #d4a574 | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new | #d4b84a | — |
| entity.name.function, support.function, meta.function-call | #e8c85a | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #b8a060 | — |
| variable, variable.other, variable.language | #d8d2c4 | — |
| variable.parameter, meta.parameter | #c4b898 | — |
| variable.other.property, variable.other.object.property, support.variable.property | #d4c4a0 | — |
| entity.name.tag | #d4b84a | — |
| entity.other.attribute-name | #c9a227 | — |
| entity.other.attribute-name.class.css, entity.name.tag.css | #e8c85a | — |
| support.type.property-name.css | #c9b896 | — |
| support.type.property-name.json | #c9a227 | — |
| markup.heading, entity.name.section.markdown | #e8c85a | bold |
| markup.bold | #d4b84a | bold |
| markup.italic | #c9b896 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw.block.markdown | #c9a227 | — |
| markup.underline.link.markdown | #d4b84a | — |
| punctuation, meta.brace, punctuation.separator | #8a8274 | — |
| invalid, invalid.illegal | #e07070 | — |
| string.regexp | #d4a574 | — |
| meta.decorator, punctuation.decorator | #b8952e | — |