Bocenago themes
Publisher: Einar HjortdalThemes in package: 2
Themes inspired by Bocenago, a town in the Rendena valley of Italy.
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.background#24211E
- activityBar.foreground#D7C484
- activityBar.inactiveForeground#83a59888
- activityBarBadge.background#5F865F
- activityBarBadge.foreground#000000
- badge.background#24211E
- badge.foreground#bdae93
- button.background#B36B4277
- button.foreground#D7C484
- button.secondaryBackground#77824A77
- button.secondaryForeground#D7C484
- charts.blue#B36B42
- charts.foreground#bdae93
- charts.green#5F865F
- charts.lines#D7C484
- charts.orange#d65d0e
- charts.purple#BB7844
- charts.red#AC987D
- charts.yellow#77824A
- debugToolBar.background#24211E
- dropdown.background#24211E
- dropdown.border#D7C484
- dropdown.foreground#D7C484
- dropdown.listBackground#24211E
- editor.background#24211E
- editor.findMatchBackground#cc231d66
- editor.findMatchHighlightBackground#7c6f6466
- editor.foreground#D7C484
- editor.hoverHighlightBackground#282828
- editor.inactiveSelectionBackground#ebdbb23f
- editor.lineHighlightBackground#504945ee
- editor.selectionBackground#ebdbb23f
- editor.selectionForeground#282828
- editor.selectionHighlightBackground#504945
- editor.wordHighlightBackground#45858833
- editor.wordHighlightStrongBackground#45858833
- editorBracketMatch.border#97a7c8ff
- editorCursor.background#5F865F
- editorCursor.foreground#5F865F
- editorError.foreground#AC987D
- editorGroup.border#a89984
- editorGroupHeader.noTabsBackground#24211E
- editorGroupHeader.tabsBackground#24211E
- editorGutter.addedBackground#5F865F
- editorGutter.deletedBackground#BB7844
- editorGutter.modifiedBackground#77824A
- editorHoverWidget.background#24211E
- editorHoverWidget.border#D7C484
- editorIndentGuide.activeBackground1#83a59899
- editorIndentGuide.background1#83a59811
- editorInfo.border#24211E
- editorInfo.foreground#B36B42
- editorLineNumber.activeForeground#77824A
- editorLineNumber.foreground#ebdbb299
- editorOverviewRuler.border#24211E
- editorRuler.foreground#83a59899
- editorSuggestWidget.background#24211E
- editorSuggestWidget.border#D7C484
- editorSuggestWidget.selectedBackground#4f4f4f
- editorUnnecessaryCode.border#b1628655
- editorUnnecessaryCode.opacity#b1628655
- editorWarning.foreground#77824A
- editorWhitespace.foreground#5F865F66
- editorWidget.background#24211E
- focusBorder#24211E77
- foreground#D7C484
- gitDecoration.addedResourceForeground#5F865F
- gitDecoration.conflictingResourceForeground#bdae93
- gitDecoration.deletedResourceForeground#d65d0e
- gitDecoration.ignoredResourceForeground#a89984
- gitDecoration.modifiedResourceForeground#B36B42
- gitDecoration.untrackedResourceForeground#B36B42
- input.background#24211E
- input.placeholderForeground#B36B42
- inputOption.activeBorder#B36B42
- inputValidation.errorBackground#AC987D
- inputValidation.errorBorder#AC987D
- inputValidation.errorForeground#A5693B
- inputValidation.infoBackground#B36B42
- inputValidation.infoBorder#B36B42
- inputValidation.infoForeground#B36B42
- inputValidation.warningBackground#77824A
- inputValidation.warningBorder#d5c4a1
- inputValidation.warningForeground#77824A
- keybindingLabel.background#B36B4277
- keybindingLabel.border#B36B42
- keybindingLabel.bottomBorder#B36B42
- keybindingLabel.foreground#D7C484
- list.activeSelectionBackground#45858822
- list.activeSelectionForeground#77824A
- list.focusBackground#333333
- list.focusForeground#D7C484
- list.highlightForeground#D7C484
- list.hoverBackground#fbf1c722
- list.inactiveSelectionBackground#24211E
- list.inactiveSelectionForeground#D7C484
- minimap.background#24211E
- minimap.errorHighlight#d65d0e
- minimap.findMatchHighlight#B36B42
- minimap.selectionHighlight#D7C484
- minimap.warningHighlight#77824A
- minimapGutter.addedBackground#5F865F
- minimapGutter.deletedBackground#fe9019
- minimapGutter.modifiedBackground#B36B42
- notebook.cellBorderColor#5F865F
- notebook.cellEditorBackground#24211E
- notebook.cellHoverBackground#665c5444
- notebook.cellInsertionIndicator#A5693B
- notebook.cellStatusBarItemHoverBackground#665c5466
- notebook.cellToolbarSeparator#5F865F
- notebook.focusedCellBackground#665c5433
- notebook.focusedCellBorder#77824A
- notebook.focusedEditorBorder#5F865F
- notebook.inactiveFocusedCellBorder#d7992144
- notebook.inactiveSelectedCellBorder#B36B42
- notebook.outputContainerBackgroundColor#24211E
- notebook.selectedCellBackground#665c5466
- notebook.selectedCellBorder#bdae93
- notebook.symbolHighlightBackground#bdae9333
- notebookScrollbarSlider.activeBackground#B36B42
- notebookScrollbarSlider.background#83a59855
- notebookScrollbarSlider.hoverBackground#B36B42
- notebookStatusErrorIcon.foreground#AC987D
- notebookStatusRunningIcon.foreground#D7C484
- notebookStatusSuccessIcon.foreground#b8bb2633
- notifications.foreground#D7C484
- panel.background#24211E
- panel.border#a89984
- panelTitle.activeForeground#D7C484
- panelTitle.inactiveForeground#fbf1c777
- peekView.border#97a7c8
- peekViewEditor.background#24211E
- peekViewResult.background#24211E
- peekViewResult.selectionBackground#24211E
- peekViewTitle.background#24211E
- peekViewTitleLabel.foreground#B36B42
- ports.iconRunningProcessForeground#b8bb2699
- progressBar.background#B36B42
- quickInput.foreground#D7C484
- scrollbar.shadow#24211E
- scrollbarSlider.background#4f4f4f
- scrollbarSlider.hoverBackground#4f4f4f
- sideBar.background#24211E
- sideBar.border#24211E
- sideBar.foreground#D7C484
- sideBarSectionHeader.background#24211E
- sideBarSectionHeader.foreground#D7C484
- statusBar.background#24211E
- statusBar.debuggingBackground#d65d0e
- statusBar.debuggingBorder#24211E
- statusBar.debuggingForeground#D7C484
- statusBar.foreground#D7C484
- statusBar.noFolderBackground#24211E
- statusBar.noFolderBorder#24211E
- statusBar.noFolderForeground#D7C484
- tab.activeBackground#24211E
- tab.activeBorderTop#D7C484
- tab.activeForeground#D7C484
- tab.border#24211E
- tab.inactiveBackground#24211E
- tab.inactiveForeground#fbf1c777
- tab.unfocusedActiveBorder#24211E
- terminal.ansiBlack#24211E
- terminal.ansiBlue#B36B42
- terminal.ansiBrightBlack#24211E
- terminal.ansiBrightBlue#B36B42
- terminal.ansiBrightCyan#C9A654
- terminal.ansiBrightGreen#5F865F
- terminal.ansiBrightMagenta#BB7844
- terminal.ansiBrightRed#AC987D
- terminal.ansiBrightWhite#D7C484
- terminal.ansiBrightYellow#77824A
- terminal.ansiCyan#C9A654
- terminal.ansiGreen#5F865F
- terminal.ansiMagenta#BB7844
- terminal.ansiRed#AC987D
- terminal.ansiWhite#D7C484
- terminal.ansiYellow#77824A
- terminal.background#24211E
- terminal.border#C9A654
- terminal.foreground#D7C484
- terminalCursor.foreground#C9A654
- textBlockQuote.background#24211E
- textCodeBlock.background#24211E
- textLink.activeForeground#D7C484
- textLink.foreground#BB7844
- titleBar.activeBackground#24211E
- titleBar.activeForeground#D7C484
- titleBar.inactiveBackground#24211E
- titleBar.inactiveForeground#ebdbb299
- widget.shadow#00000026
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #fbf1c7ff | — |
| entity.name.function.ts | #B36B42 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #B36B42 | — |
| comment, punctuation.definition.comment | #928374 | italic |
| constant, support.constant, variable.arguments | #BB7844 | — |
| constant.rgb-value | #D7C484 | — |
| entity.name.selector | #C9A654 | — |
| entity.other.attribute-name | #77824A | — |
| entity.name.tag, punctuation.tag | #C9A654 | — |
| invalid, invalid.illegal | #AC987D | — |
| invalid.deprecated | #BB7844 | — |
| meta.selector | #C9A654 | — |
| meta.preprocessor | #A5693B | — |
| meta.preprocessor.string | #5F865F | — |
| meta.preprocessor.numeric | #5F865F | — |
| meta.diff.header.from-file | #A5693B | — |
| meta.diff.header.to-file | #A5693B | — |
| meta.diff.range.unified | #C9A654 | — |
| source.diff | #AC987D | — |
| storage | #AC987D | — |
| storage.modifier | #A5693B | — |
| string | #5F865F | — |
| string.tag | #5F865F | — |
| string.value | #5F865F | — |
| string.regexp | #A5693B | — |
| string.escape | #AC987D | — |
| string.quasi | #C9A654 | — |
| string.entity | #5F865F | — |
| object | #D7C484 | — |
| module.node | #B36B42 | — |
| support.type.property-name | #C9A654 | — |
| keyword | #AC987D | — |
| keyword.control | #AC987D | — |
| keyword.control.module | #C9A654 | — |
| keyword.control.less | #77824A | — |
| keyword.operator | #C9A654 | — |
| keyword.operator.new | #A5693B | — |
| keyword.other.unit | #5F865F | — |
| metatag.php | #A5693B | — |
| support.function.git-rebase | #C9A654 | — |
| constant.sha.git-rebase | #5F865F | — |
| meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class | #77824A | — |
| variable.this, support.variable | #BB7844 | — |
| entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type | #77824A | — |
| support.function.command.viml | #AC987D | — |
| support.variable.option.viml | #C9A654 | — |
| support.function.syntax-item.viml | #AC987D | — |
| storage.type.function, entity.function, entity.name.function.static | #C9A654 | — |
| entity.name.function.function-call | #C9A654 | — |
| support.function.builtin | #A5693B | — |
| entity.name.method, entity.name.method.function-call, entity.name.static.function-call | #C9A654 | — |
| brace | #d5c4a1 | — |
| meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder | #B36B42 | — |
| prototype | #BB7844 | — |
| storage.type.class | #AC987D | — |
| punctuation | #a89984 | — |
| punctuation.quoted | #D7C484 | — |
| punctuation.quasi | #AC987D | — |
| *url*, *link*, *uri* | — | underline |
| meta.function.python, entity.name.function.python | #C9A654 | — |
| storage.type.function.python, storage.modifier.declaration, storage.type.class.python | #AC987D | — |
| meta.function-call.generic | #B36B42 | — |
| meta.function-call.arguments | #d5c4a1 | — |
| entity.name.function.decorator | #77824A | bold |
| constant.other.caps | — | bold |
| keyword.operator.logical | #AC987D | — |
| punctuation.definition.logical-expression | #A5693B | — |
| string.inperpolated.dollar.shell | #A5693B | — |
| string.interpolated.dollar.shell, string.interpolated.backtick.shell | #C9A654 | — |
| keyword.control.directive | #C9A654 | — |
| support.function.C99 | #77824A | — |
| meta.scope.prerequisites | #77824A | — |
| entity.name.function.target | #5F865F | bold |
| storage.type.annotation | #B36B42 | bold |
| markup.underline | — | underline |
| markup.underline.link | #BB7844 | — |
| markup.bold | #A5693B | bold |
| markup.heading | #A5693B | bold |
| markup.italic | — | italic |
| markup.inserted | #5F865F | — |
| markup.deleted | #d65d0e | — |
| markup.changed | #A5693B | — |
| markup.punctuation.quote.beginning | #5F865F | — |
| markup.punctuation.list.beginning | #B36B42 | — |
| markup.inline.raw, markup.fenced_code.block | #C9A654 | — |
| markup.italic.markdown | #BB7844 | — |
| punctuation.definition.heading.markdown | #77824A | — |
| string.other.link.title.markdown | #B36B42 | underline |
| punctuation.definition.quote.begin.markdown | #A5693B | — |
| markup.quote.markdown | #A5693B | — |
| string.quoted.double.json | #B36B42 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #5F865F | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C9A654 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #BB7844 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #5F865F | — |
| entity.other.attribute-name.css | #A5693B | — |
| source.css meta.selector | #D7C484 | — |
| support.type.property-name.css | #A5693B | — |
| entity.other.attribute-name.class | #5F865F | — |
| source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc | #AC987D | — |
| support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss | #d65d0e | — |
| punctuation.definition.tag | #B36B42 | — |
| text.html entity.name.tag, text.html punctuation.tag | #C9A654 | — |
| text.html entity.other.attribute-name | — | italic |
| source.js variable.language | #A5693B | — |
| token.info-token | #B36B42 | — |
| token.warn-token | #77824A | — |
| token.error-token | #AC987D | — |
| token.debug-token | #BB7844 | — |
| modifier, this, comment, storage.modifier.js, entity.other.attribute-name.js | — | italic |
| keyword.module.v | #C9A654 | — |
| entity.name.module.v | #BB7844 | — |
| keyword.import.v | #C9A654 | — |
| entity.name.import.v | #BB7844 | — |
| entity.name.alias.v | #BB7844 | — |
| storage.type.struct.v | #B36B42 | — |
| keyword.fn.v | #C9A654 | — |