Harbor Bronze
Publisher: kototok903Themes in package: 4
A calm theme with teal and bronze accents, available in dark and light variants.
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.activeBorder#5b91a2
- activityBar.background#071117
- activityBar.border#202c32
- activityBar.foreground#d8dad7
- activityBar.inactiveForeground#7a858a
- activityBarBadge.background#73563c
- activityBarBadge.foreground#f1ece6
- activityBarTop.activeBorder#5b91a2
- badge.background#5b91a2
- badge.foreground#081116
- breadcrumb.background#0f181c
- breadcrumb.focusForeground#ced1ce
- breadcrumb.foreground#737e83
- button.background#73563c
- button.foreground#f1ece6
- button.hoverBackground#856448
- button.secondaryBackground#1a292f
- button.secondaryForeground#d9dcda
- button.secondaryHoverBackground#24353c
- checkbox.background#151f24
- checkbox.border#3a464c
- checkbox.foreground#ced1ce
- commandCenter.background#151f24
- commandCenter.border#3a464c
- commandCenter.foreground#ced1ce
- debugToolBar.background#151f24
- debugToolBar.border#202c32
- descriptionForeground#737e83
- diffEditor.insertedLineBackground#18352866
- diffEditor.insertedTextBackground#244c3d77
- diffEditor.removedLineBackground#351b2066
- diffEditor.removedTextBackground#5a252977
- disabledForeground#737e8399
- dropdown.background#151f24
- dropdown.border#3a464c
- dropdown.foreground#ced1ce
- editor.background#0f181c
- editor.foreground#ced1ce
- editor.inactiveSelectionBackground#24394199
- editor.lineHighlightBackground#17252b
- editor.selectionBackground#243941
- editor.selectionHighlightBackground#24394188
- editor.wordHighlightBackground#61493466
- editor.wordHighlightStrongBackground#5b91a244
- editorBracketHighlight.foreground1#69b3c9
- editorBracketHighlight.foreground2#d8a15f
- editorBracketHighlight.foreground3#79b996
- editorBracketHighlight.foreground4#d68078
- editorBracketHighlight.foreground5#7da4cd
- editorBracketHighlight.foreground6#b98bc5
- editorBracketHighlight.unexpectedBracket.foreground#e8757b
- editorBracketMatch.background#243941
- editorBracketMatch.border#5b91a2
- editorBracketPairGuide.activeBackground1#69b3c9
- editorBracketPairGuide.activeBackground2#d8a15f
- editorBracketPairGuide.activeBackground3#79b996
- editorBracketPairGuide.activeBackground4#d68078
- editorBracketPairGuide.activeBackground5#7da4cd
- editorBracketPairGuide.activeBackground6#b98bc5
- editorBracketPairGuide.background1#69b3c955
- editorBracketPairGuide.background2#d8a15f55
- editorBracketPairGuide.background3#79b99655
- editorBracketPairGuide.background4#d6807855
- editorBracketPairGuide.background5#7da4cd55
- editorBracketPairGuide.background6#b98bc555
- editorCursor.foreground#7bb09f
- editorError.foreground#e8757b
- editorGroup.border#202c32
- editorGroupHeader.tabsBackground#071117
- editorGroupHeader.tabsBorder#202c32
- editorGutter.addedBackground#70b598
- editorGutter.background#0f181c
- editorGutter.deletedBackground#d85e65
- editorGutter.modifiedBackground#5b91a2
- editorHint.foreground#7bb09f
- editorHoverWidget.background#111b20
- editorHoverWidget.border#263239
- editorIndentGuide.activeBackground1#3a464c
- editorIndentGuide.background1#202c32
- editorInfo.foreground#74aabd
- editorLineNumber.activeForeground#b5bcba
- editorLineNumber.foreground#59646a
- editorRuler.foreground#263239
- editorSuggestWidget.background#111b20
- editorSuggestWidget.border#263239
- editorSuggestWidget.foreground#ced1ce
- editorSuggestWidget.highlightForeground#74aabd
- editorSuggestWidget.selectedBackground#1a292f
- editorWarning.foreground#d2a371
- editorWhitespace.foreground#263239
- editorWidget.background#111b20
- editorWidget.border#263239
- editorWidget.foreground#ced1ce
- errorForeground#e8757b
- focusBorder#5b91a2
- foreground#ced1ce
- gitDecoration.addedResourceForeground#70b598
- gitDecoration.deletedResourceForeground#e8757b
- gitDecoration.ignoredResourceForeground#59646a
- gitDecoration.modifiedResourceForeground#74aabd
- gitDecoration.renamedResourceForeground#9eb7ad
- gitDecoration.untrackedResourceForeground#70b598
- icon.foreground#748086
- input.background#111b20
- input.border#3a464c
- input.foreground#ced1ce
- input.placeholderForeground#59646a
- inputOption.activeBackground#243941
- inputOption.activeBorder#5b91a2
- inputValidation.errorBackground#351b20
- inputValidation.errorBorder#d85e65
- inputValidation.warningBackground#30251c
- inputValidation.warningBorder#b98b5d
- keybindingLabel.background#182126
- keybindingLabel.border#3a464c
- keybindingLabel.foreground#ced1ce
- list.activeSelectionBackground#1b2429
- list.activeSelectionForeground#d8dad7
- list.errorForeground#e8757b
- list.focusOutline#5b91a2
- list.highlightForeground#74aabd
- list.hoverBackground#151f24
- list.hoverForeground#d8dad7
- list.inactiveSelectionBackground#151f24
- list.inactiveSelectionForeground#ced1ce
- list.warningForeground#d2a371
- menu.background#111b20
- menu.foreground#ced1ce
- menu.selectionBackground#1a292f
- menu.selectionForeground#d8dad7
- menu.separatorBackground#263239
- minimap.errorHighlight#d85e65
- minimap.selectionHighlight#5b91a266
- minimap.warningHighlight#b98b5d
- notificationLink.foreground#74aabd
- notifications.background#111b20
- notifications.border#263239
- notifications.foreground#ced1ce
- panel.background#071117
- panel.border#202c32
- panelTitle.activeBorder#5b91a2
- panelTitle.activeForeground#d8dad7
- panelTitle.inactiveForeground#737e83
- peekView.border#5b91a2
- peekViewEditor.background#0f181c
- peekViewResult.background#071117
- peekViewResult.selectionBackground#1a292f
- progressBar.background#5b91a2
- quickInput.background#111b20
- quickInput.foreground#ced1ce
- quickInputList.focusBackground#1a292f
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#4a5a61cc
- scrollbarSlider.background#27323888
- scrollbarSlider.hoverBackground#3b484eaa
- selection.background#243941
- sideBar.background#071117
- sideBar.border#202c32
- sideBar.foreground#d8dad7
- sideBarSectionHeader.background#071117
- sideBarSectionHeader.border#202c32
- sideBarSectionHeader.foreground#ced1ce
- sideBarTitle.foreground#d8dad7
- statusBar.background#071117
- statusBar.border#202c32
- statusBar.debuggingBackground#73563c
- statusBar.debuggingForeground#f1ece6
- statusBar.foreground#ced1ce
- statusBarItem.hoverBackground#1c282e
- statusBarItem.prominentBackground#1c282e
- statusBarItem.prominentHoverBackground#29383f
- statusBarItem.remoteBackground#365f6e
- statusBarItem.remoteForeground#f1f5f4
- tab.activeBackground#0f181c
- tab.activeBorder#0f181c
- tab.activeBorderTop#00000000
- tab.activeForeground#d8dad7
- tab.border#202c32
- tab.inactiveBackground#071117
- tab.inactiveForeground#737e83
- tab.unfocusedActiveBorder#0f181c
- tab.unfocusedActiveBorderTop#00000000
- terminal.ansiBlack#172126
- terminal.ansiBlue#6c91bb
- terminal.ansiBrightBlack#737e83
- terminal.ansiBrightBlue#83a8d1
- terminal.ansiBrightCyan#74aabd
- terminal.ansiBrightGreen#89c8ab
- terminal.ansiBrightMagenta#c4a4ce
- terminal.ansiBrightRed#e8757b
- terminal.ansiBrightWhite#f1f3f1
- terminal.ansiBrightYellow#d2a371
- terminal.ansiCyan#5b91a2
- terminal.ansiGreen#70b598
- terminal.ansiMagenta#ad8eb7
- terminal.ansiRed#d85e65
- terminal.ansiWhite#ced1ce
- terminal.ansiYellow#c79a62
- terminal.background#071117
- terminal.foreground#ced1ce
- terminal.selectionBackground#243941
- terminalCursor.foreground#7bb09f
- textBlockQuote.background#111b20
- textBlockQuote.border#5b91a2
- textCodeBlock.background#182126
- textLink.activeForeground#93c4d2
- textLink.foreground#74aabd
- textPreformat.foreground#d2a371
- titleBar.activeBackground#071117
- titleBar.activeForeground#d8dad7
- titleBar.border#202c32
- titleBar.inactiveBackground#071117
- titleBar.inactiveForeground#737e83
- tree.indentGuidesStroke#263239
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #737e83 | italic |
| string, string.quoted, string.template | #a9c989 | — |
| support.type.property-name.json, support.type.property-name.json.comments | #74aabd | — |
| punctuation.definition.template-expression, meta.template.expression | #ced1ce | — |
| constant.numeric, constant.language, constant.character | #c2b18f | — |
| variable.language | #74aabd | — |
| keyword, storage.type, storage.modifier | #d48e80 | — |
| keyword.operator, punctuation.accessor | #aab3b1 | — |
| keyword.operator.new, keyword.operator.expression.new, keyword.operator.instanceof, keyword.operator.expression.instanceof, keyword.operator.keyof, keyword.operator.expression.keyof, keyword.operator.delete, keyword.operator.expression.delete, keyword.operator.in, keyword.operator.expression.in, keyword.operator.of, keyword.operator.expression.of, keyword.operator.typeof, keyword.operator.expression.typeof, keyword.operator.void, keyword.operator.expression.void, keyword.operator.sizeof, keyword.operator.logical.python | #d48e80 | — |
| support.function, meta.function-call, variable.function | #d2a371 | — |
| entity.name.function | #d2a371 | bold |
| entity.name.type, entity.name.struct | #74aabd | — |
| entity.name.class, entity.name.interface, entity.name.type.class, entity.name.type.interface | #91b1b4 | — |
| support.type, support.class | #abc2ba | — |
| variable.other.property, support.variable.property, entity.other.attribute-name | #c2b18f | — |
| variable, meta.definition.variable.name | #ced1ce | — |
| variable.parameter | #ced1ce | italic |
| entity.name.tag, punctuation.definition.tag | #74aabd | — |
| string.regexp, constant.other.character-class.regexp | #89bda6 | — |
| invalid, invalid.illegal | #f1ece6 | — |
| markup.heading, entity.name.section.markdown | #74aabd | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #91b1b4 | underline |
| markup.bold | #d2a371 | bold |
| markup.italic | #abc2ba | italic |
| markup.inserted, meta.diff.header.to-file | #70b598 | — |
| markup.deleted, meta.diff.header.from-file | #e8757b | — |
| markup.changed | #d2a371 | — |