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#47798a
- activityBar.background#e2e8e7
- activityBar.border#c5cecd
- activityBar.foreground#2d373a
- activityBar.inactiveForeground#5d696d
- activityBarBadge.background#886546
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBorder#47798a
- badge.background#47798a
- badge.foreground#ffffff
- breadcrumb.background#f3f6f5
- breadcrumb.focusForeground#283235
- breadcrumb.foreground#687579
- button.background#886546
- button.foreground#ffffff
- button.hoverBackground#765438
- button.secondaryBackground#dde8e9
- button.secondaryForeground#263538
- button.secondaryHoverBackground#cddcde
- checkbox.background#edf1f0
- checkbox.border#aebbbb
- checkbox.foreground#283235
- commandCenter.background#edf1f0
- commandCenter.border#aebbbb
- commandCenter.foreground#293336
- debugToolBar.background#f8faf9
- debugToolBar.border#c5cecd
- descriptionForeground#687579
- diffEditor.insertedLineBackground#dbeee466
- diffEditor.insertedTextBackground#9acdb477
- diffEditor.removedLineBackground#fae8e966
- diffEditor.removedTextBackground#e9a5aa77
- disabledForeground#68757999
- dropdown.background#edf1f0
- dropdown.border#aebbbb
- dropdown.foreground#283235
- editor.background#f3f6f5
- editor.foreground#283235
- editor.inactiveSelectionBackground#c9dcdf99
- editor.lineHighlightBackground#f8faf9
- editor.selectionBackground#c9dcdf
- editor.selectionHighlightBackground#c9dcdf88
- editor.wordHighlightBackground#d8c4b077
- editor.wordHighlightStrongBackground#a9c9ce66
- editorBracketHighlight.foreground1#2f6f83
- editorBracketHighlight.foreground2#8a591f
- editorBracketHighlight.foreground3#39745f
- editorBracketHighlight.foreground4#a33f3b
- editorBracketHighlight.foreground5#446b96
- editorBracketHighlight.foreground6#754d81
- editorBracketHighlight.unexpectedBracket.foreground#a92e38
- editorBracketMatch.background#c9dcdf
- editorBracketMatch.border#47798a
- editorBracketPairGuide.activeBackground1#2f6f83
- editorBracketPairGuide.activeBackground2#8a591f
- editorBracketPairGuide.activeBackground3#39745f
- editorBracketPairGuide.activeBackground4#a33f3b
- editorBracketPairGuide.activeBackground5#446b96
- editorBracketPairGuide.activeBackground6#754d81
- editorBracketPairGuide.background1#2f6f8355
- editorBracketPairGuide.background2#8a591f55
- editorBracketPairGuide.background3#39745f55
- editorBracketPairGuide.background4#a33f3b55
- editorBracketPairGuide.background5#446b9655
- editorBracketPairGuide.background6#754d8155
- editorCursor.foreground#47798a
- editorError.foreground#a92e38
- editorGroup.border#c5cecd
- editorGroupHeader.tabsBackground#e2e8e7
- editorGroupHeader.tabsBorder#c5cecd
- editorGutter.addedBackground#3f7d63
- editorGutter.background#f3f6f5
- editorGutter.deletedBackground#c2434c
- editorGutter.modifiedBackground#47798a
- editorHint.foreground#487467
- editorHoverWidget.background#f8faf9
- editorHoverWidget.border#cbd4d4
- editorIndentGuide.activeBackground1#aebbbb
- editorIndentGuide.background1#d3dbda
- editorInfo.foreground#365f6e
- editorLineNumber.activeForeground#3d494c
- editorLineNumber.foreground#7b8789
- editorRuler.foreground#cbd4d4
- editorSuggestWidget.background#f8faf9
- editorSuggestWidget.border#cbd4d4
- editorSuggestWidget.foreground#283235
- editorSuggestWidget.highlightForeground#365f6e
- editorSuggestWidget.selectedBackground#dde8e9
- editorWarning.foreground#825324
- editorWhitespace.foreground#cbd4d4
- editorWidget.background#f8faf9
- editorWidget.border#cbd4d4
- editorWidget.foreground#283235
- errorForeground#a92e38
- focusBorder#47798a
- foreground#283235
- gitDecoration.addedResourceForeground#3f7d63
- gitDecoration.deletedResourceForeground#a92e38
- gitDecoration.ignoredResourceForeground#7b8789
- gitDecoration.modifiedResourceForeground#365f6e
- gitDecoration.renamedResourceForeground#51736f
- gitDecoration.untrackedResourceForeground#3f7d63
- icon.foreground#657276
- input.background#f8faf9
- input.border#aebbbb
- input.foreground#283235
- input.placeholderForeground#657276
- inputOption.activeBackground#c9dcdf
- inputOption.activeBorder#47798a
- inputValidation.errorBackground#fae8e9
- inputValidation.errorBorder#c2434c
- inputValidation.warningBackground#f8eee3
- inputValidation.warningBorder#9e6c36
- keybindingLabel.background#e7eceb
- keybindingLabel.border#aebbbb
- keybindingLabel.foreground#283235
- list.activeSelectionBackground#d1d9d8
- list.activeSelectionForeground#283235
- list.errorForeground#a92e38
- list.focusOutline#47798a
- list.highlightForeground#365f6e
- list.hoverBackground#dbe2e1
- list.hoverForeground#283235
- list.inactiveSelectionBackground#dbe2e1
- list.inactiveSelectionForeground#283235
- list.warningForeground#825324
- menu.background#f8faf9
- menu.foreground#283235
- menu.selectionBackground#dde8e9
- menu.selectionForeground#263538
- menu.separatorBackground#cbd4d4
- minimap.errorHighlight#c2434c
- minimap.selectionHighlight#47798a66
- minimap.warningHighlight#9e6c36
- notificationLink.foreground#365f6e
- notifications.background#f8faf9
- notifications.border#cbd4d4
- notifications.foreground#283235
- panel.background#e2e8e7
- panel.border#c5cecd
- panelTitle.activeBorder#47798a
- panelTitle.activeForeground#293336
- panelTitle.inactiveForeground#687579
- peekView.border#47798a
- peekViewEditor.background#f3f6f5
- peekViewResult.background#e2e8e7
- peekViewResult.selectionBackground#c9dcdf
- progressBar.background#47798a
- quickInput.background#f8faf9
- quickInput.foreground#283235
- quickInputList.focusBackground#dde8e9
- scrollbar.shadow#53616433
- scrollbarSlider.activeBackground#788887cc
- scrollbarSlider.background#aab6b588
- scrollbarSlider.hoverBackground#909e9daa
- selection.background#c9dcdf
- sideBar.background#e2e8e7
- sideBar.border#c5cecd
- sideBar.foreground#2d373a
- sideBarSectionHeader.background#e2e8e7
- sideBarSectionHeader.border#c5cecd
- sideBarSectionHeader.foreground#283235
- sideBarTitle.foreground#2d373a
- statusBar.background#e2e8e7
- statusBar.border#c5cecd
- statusBar.debuggingBackground#886546
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#283235
- statusBarItem.hoverBackground#e3e9e8
- statusBarItem.prominentBackground#d1d9d8
- statusBarItem.prominentHoverBackground#c4cfce
- statusBarItem.remoteBackground#365f6e
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#f3f6f5
- tab.activeBorder#f3f6f5
- tab.activeBorderTop#00000000
- tab.activeForeground#293336
- tab.border#c5cecd
- tab.inactiveBackground#e2e8e7
- tab.inactiveForeground#687579
- tab.unfocusedActiveBorder#f3f6f5
- tab.unfocusedActiveBorderTop#00000000
- terminal.ansiBlack#293336
- terminal.ansiBlue#526d8a
- terminal.ansiBrightBlack#687579
- terminal.ansiBrightBlue#647f9d
- terminal.ansiBrightCyan#47798a
- terminal.ansiBrightGreen#4f9275
- terminal.ansiBrightMagenta#8b6b94
- terminal.ansiBrightRed#c2434c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#9e6c36
- terminal.ansiCyan#365f6e
- terminal.ansiGreen#3f7d63
- terminal.ansiMagenta#775a80
- terminal.ansiRed#a92e38
- terminal.ansiWhite#dfe5e4
- terminal.ansiYellow#825324
- terminal.background#e2e8e7
- terminal.foreground#283235
- terminal.selectionBackground#c9dcdf
- terminalCursor.foreground#47798a
- textBlockQuote.background#f2f5f4
- textBlockQuote.border#47798a
- textCodeBlock.background#e7eceb
- textLink.activeForeground#274b58
- textLink.foreground#365f6e
- textPreformat.foreground#825324
- titleBar.activeBackground#e2e8e7
- titleBar.activeForeground#293336
- titleBar.border#c5cecd
- titleBar.inactiveBackground#e2e8e7
- titleBar.inactiveForeground#687579
- tree.indentGuidesStroke#cbd4d4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #657276 | italic |
| string, string.quoted, string.template | #56743f | — |
| support.type.property-name.json, support.type.property-name.json.comments | #365f6e | — |
| punctuation.definition.template-expression, meta.template.expression | #283235 | — |
| constant.numeric, constant.language, constant.character | #796851 | — |
| variable.language | #365f6e | — |
| keyword, storage.type, storage.modifier | #a13f3a | — |
| keyword.operator, punctuation.accessor | #536164 | — |
| 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 | #a13f3a | — |
| support.function, meta.function-call, variable.function | #825324 | — |
| entity.name.function | #825324 | bold |
| entity.name.type, entity.name.struct | #365f6e | — |
| entity.name.class, entity.name.interface, entity.name.type.class, entity.name.type.interface | #47798a | — |
| support.type, support.class | #416b61 | — |
| variable.other.property, support.variable.property, entity.other.attribute-name | #796851 | — |
| variable, meta.definition.variable.name | #283235 | — |
| variable.parameter | #283235 | italic |
| entity.name.tag, punctuation.definition.tag | #365f6e | — |
| string.regexp, constant.other.character-class.regexp | #3f7d63 | — |
| invalid, invalid.illegal | #a92e38 | — |
| markup.heading, entity.name.section.markdown | #365f6e | bold |
| markup.underline.link, string.other.link, meta.link.inline.markdown | #47798a | underline |
| markup.bold | #825324 | bold |
| markup.italic | #416b61 | italic |
| markup.inserted, meta.diff.header.to-file | #3f7d63 | — |
| markup.deleted, meta.diff.header.from-file | #a92e38 | — |
| markup.changed | #825324 | — |