Patina Colors
Publisher: SantiagoBobrikThemes in package: 1
A muted, earthy dark theme with green accents
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#0a0a09
- activityBar.border#2a2a28
- activityBar.foreground#d8d8c6
- activityBar.inactiveForeground#666665
- activityBarBadge.background#4a7a4a
- activityBarBadge.foreground#d8d8c6
- badge.background#4a7a4a
- badge.foreground#d8d8c6
- breadcrumb.activeSelectionForeground#6aaa6a
- breadcrumb.focusForeground#d8d8c6
- breadcrumb.foreground#787c79
- button.background#4a7a4a
- button.foreground#d8d8c6
- button.hoverBackground#5a8a5a
- button.secondaryBackground#2a2a28
- button.secondaryForeground#d8d8c6
- dropdown.background#1a1a19
- dropdown.border#2a2a28
- dropdown.foreground#d8d8c6
- editor.background#121211
- editor.findMatchBackground#6aaa6a44
- editor.findMatchHighlightBackground#6aaa6a22
- editor.foreground#d8d8c6
- editor.hoverHighlightBackground#1a1a19
- editor.inactiveSelectionBackground#4a7a4a33
- editor.lineHighlightBackground#1a1a19
- editor.selectionBackground#4a7a4a55
- editor.selectionHighlightBackground#4a7a4a33
- editor.wordHighlightBackground#4a7a4a33
- editor.wordHighlightStrongBackground#4a7a4a44
- editorBracketMatch.background#4a7a4a33
- editorBracketMatch.border#4a7a4a
- editorCursor.foreground#6aaa6a
- editorError.foreground#8a6a8a
- editorGroup.border#2a2a28
- editorGroupHeader.tabsBackground#0a0a09
- editorGutter.addedBackground#4a7a4a
- editorGutter.deletedBackground#7a4a4a
- editorGutter.modifiedBackground#7a7a4a
- editorIndentGuide.activeBackground#4a7a4a
- editorIndentGuide.background#2a2a28
- editorInfo.foreground#6a8aaa
- editorLineNumber.activeForeground#787c79
- editorLineNumber.foreground#3a3a30
- editorOverviewRuler.border#2a2a28
- editorRuler.foreground#2a2a28
- editorSuggestWidget.selectedBackground#4a7a4a44
- editorWarning.foreground#c8a86a
- editorWhitespace.foreground#2a2a28
- editorWidget.background#1a1a19
- editorWidget.border#2a2a28
- focusBorder#4a7a4a
- gitDecoration.addedResourceForeground#6aaa6a
- gitDecoration.conflictingResourceForeground#aa6aaa
- gitDecoration.deletedResourceForeground#8a6a8a
- gitDecoration.ignoredResourceForeground#3a3a30
- gitDecoration.modifiedResourceForeground#c8a86a
- gitDecoration.untrackedResourceForeground#6aaa8a
- input.background#1a1a19
- input.border#2a2a28
- input.foreground#d8d8c6
- input.placeholderForeground#666665
- inputOption.activeBorder#4a7a4a
- list.activeSelectionBackground#4a7a4a44
- list.activeSelectionForeground#d8d8c6
- list.focusBackground#4a7a4a44
- list.highlightForeground#6aaa6a
- list.hoverBackground#1a1a19
- list.hoverForeground#d8d8c6
- list.inactiveSelectionBackground#1a1a19
- list.inactiveSelectionForeground#d8d8c6
- minimap.findMatchHighlight#6aaa6a44
- minimap.selectionHighlight#4a7a4a55
- notificationCenter.border#2a2a28
- notifications.background#1a1a19
- notifications.border#2a2a28
- notifications.foreground#d8d8c6
- panel.background#121211
- panel.border#2a2a28
- panelTitle.activeBorder#6aaa6a
- panelTitle.activeForeground#d8d8c6
- panelTitle.inactiveForeground#787c79
- peekView.border#4a7a4a
- peekViewEditor.background#0a0a09
- peekViewEditor.matchHighlightBackground#6aaa6a33
- peekViewResult.background#0a0a09
- peekViewTitle.background#0a0a09
- quickInput.background#1a1a19
- quickInput.foreground#d8d8c6
- quickInputList.focusBackground#4a7a4a44
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#66666577
- scrollbarSlider.background#66666533
- scrollbarSlider.hoverBackground#66666555
- sideBar.background#0a0a09
- sideBar.border#2a2a28
- sideBar.foreground#a8a897
- sideBarSectionHeader.background#0a0a09
- sideBarSectionHeader.foreground#d8d8c6
- sideBarTitle.foreground#d8d8c6
- statusBar.background#0a0a09
- statusBar.border#2a2a28
- statusBar.debuggingBackground#7a4a4a
- statusBar.debuggingForeground#d8d8c6
- statusBar.foreground#787c79
- statusBar.noFolderBackground#0a0a09
- statusBarItem.hoverBackground#1a1a19
- statusBarItem.prominentBackground#4a7a4a
- tab.activeBackground#121211
- tab.activeBorderTop#6aaa6a
- tab.activeForeground#d8d8c6
- tab.border#0a0a09
- tab.inactiveBackground#0a0a09
- tab.inactiveForeground#787c79
- terminal.ansiBlack#1a1a19
- terminal.ansiBlue#4a5a7a
- terminal.ansiBrightBlack#666665
- terminal.ansiBrightBlue#6a8aaa
- terminal.ansiBrightCyan#6aaa8a
- terminal.ansiBrightGreen#6aaa6a
- terminal.ansiBrightMagenta#aa6aaa
- terminal.ansiBrightRed#8a6a8a
- terminal.ansiBrightWhite#d8d8c6
- terminal.ansiBrightYellow#c8a86a
- terminal.ansiCyan#4a7a6a
- terminal.ansiGreen#4a7a4a
- terminal.ansiMagenta#7a4a7a
- terminal.ansiRed#7a4a4a
- terminal.ansiWhite#a8a897
- terminal.ansiYellow#7a7a4a
- terminal.background#121211
- terminal.foreground#d8d8c6
- terminalCursor.foreground#6aaa6a
- titleBar.activeBackground#0a0a09
- titleBar.activeForeground#d8d8c6
- titleBar.border#2a2a28
- titleBar.inactiveBackground#0a0a09
- titleBar.inactiveForeground#666665
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666665 | italic |
| string, string.quoted, string.template | #9a9a8a | — |
| constant.numeric, constant.language, constant.character | #c8a86a | — |
| constant.other | #c8a86a | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #8a6a8a | — |
| keyword.operator, keyword.operator.assignment | #a8a897 | — |
| entity.name.function | #6aaa6a | — |
| meta.function-call, support.function | #6aaa6a | — |
| entity.name.type, entity.name.class, support.type, support.class | #c8a86a | — |
| entity.other.inherited-class | #c8a86a | — |
| variable, variable.other, variable.parameter | #d8d8c6 | — |
| variable.language | #8a6a8a | — |
| variable.other.constant | #6aaa6a | — |
| variable.other.property, variable.other.object.property, support.type.property-name | #a8a897 | — |
| punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator | #787c79 | — |
| entity.name.tag | #8a6a8a | — |
| entity.other.attribute-name | #c8a86a | italic |
| support.type.property-name.css | #6a8aaa | — |
| support.constant.property-value.css, constant.other.color.rgb-value.hex.css | #c8a86a | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #c8a86a | — |
| support.type.property-name.json | #6a8aaa | — |
| markup.heading, entity.name.section.markdown | #8a6a8a | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block | #6aaa6a | — |
| markup.underline.link | #6a8aaa | — |
| string.regexp | #6a8aaa | — |
| meta.decorator, punctuation.decorator | #aa6aaa | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #8a6a8a | — |
| entity.name.package.go | #c8a86a | — |
| entity.name.type.interface, entity.name.type.alias | #c8a86a | — |