Forró
Publisher: yerko-escalonaThemes in package: 10
A dark theme built from Chilean-Brazilian-Viennese roots. Terracotta, ochre, forest green, ivory.
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.activeBackground#EEE9E0
- activityBar.activeBorder#A04E18
- activityBar.activeFocusBorder#A04E18
- activityBar.background#EEE9E0
- activityBar.border#D0CAC0
- activityBar.foreground#A04E18
- activityBar.inactiveForeground#6A5E50
- activityBarBadge.background#EEE9E0
- activityBarBadge.foreground#FFFFFF
- badge.background#A04E18
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#A04E18
- breadcrumb.background#F8F3EC
- breadcrumb.focusForeground#A04E18
- breadcrumb.foreground#6A5E50
- breadcrumbPicker.background#F8F3EC
- button.background#A04E18
- button.foreground#FFFFFF
- button.hoverBackground#EEE9E0
- button.secondaryBackground#E4DED5
- button.secondaryForeground#9a8b74
- button.secondaryHoverBackground#EEE9E0
- charts.blue#4A6E8A
- charts.foreground#1A1510
- charts.green#4A7A50
- charts.lines#D0CAC0
- charts.orange#C8622A
- charts.purple#8B5A8A
- charts.red#c54400
- charts.yellow#996500
- checkbox.background#F8F3EC
- checkbox.border#D0CAC0
- debugToolBar.background#EEE9E0
- debugToolBar.border#D0CAC0
- descriptionForeground#4A4030
- diffEditor.border#D0CAC0
- diffEditor.diagonalFill#D0CAC0
- diffEditor.insertedTextBackground#4A7A5033
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#c5440033
- diffEditor.removedTextBorder#00000000
- dropdown.background#F8F3EC
- dropdown.border#D0CAC0
- dropdown.foreground#918d85
- dropdown.listBackground#F8F3EC
- editor.background#F8F3EC
- editor.findMatchBackground#C8920A60
- editor.findMatchBorder#D0CAC0
- editor.findMatchHighlightBackground#C8920A30
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#C8622A15
- editor.foldBackground#C8622A15
- editor.foreground#1A1510
- editor.hoverHighlightBackground#C8622A20
- editor.inactiveSelectionBackground#C8622A20
- editor.lineHighlightBackground#EEE9E0
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#C8622A20
- editor.rangeHighlightBackground#C8622A15
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#C8622A40
- editor.selectionHighlightBackground#C8622A22
- editor.selectionHighlightBorder#C8622A50
- editor.snippetFinalTabstopHighlightBackground#C8622A30
- editor.snippetFinalTabstopHighlightBorder#D0CAC0
- editor.snippetTabstopHighlightBackground#C8622A20
- editor.wordHighlightBackground#C8920A25
- editor.wordHighlightBorder#C8920A50
- editor.wordHighlightStrongBackground#C8920A40
- editor.wordHighlightStrongBorder#C8920A80
- editorBracketMatch.background#C8622A25
- editorBracketMatch.border#D0CAC0
- editorCursor.background#EEE9E0
- editorCursor.foreground#996500
- editorError.foreground#c54400
- editorGroup.border#D0CAC0
- editorGroup.dropBackground#F8F3EC
- editorGroup.emptyBackground#F8F3EC
- editorGroupHeader.noTabsBackground#F8F3EC
- editorGroupHeader.tabsBackground#F8F3EC
- editorGroupHeader.tabsBorder#D0CAC0
- editorGutter.addedBackground#4A7A50
- editorGutter.background#F8F3EC
- editorGutter.commentRangeForeground#3A2818
- editorGutter.deletedBackground#D4521A
- editorGutter.modifiedBackground#C8920A
- editorHint.foreground#6B8B60
- editorHoverWidget.background#F8F3EC
- editorHoverWidget.border#D0CAC0
- editorHoverWidget.foreground#918d85
- editorHoverWidget.statusBarBackground#F8F3EC
- editorIndentGuide.activeBackground#C8622A50
- editorIndentGuide.background#EEE9E0
- editorInfo.foreground#C8622A
- editorLineNumber.activeForeground#A04E18
- editorLineNumber.foreground#6A5E50
- editorLink.activeForeground#C8622A
- editorOverviewRuler.addedForeground#4A7A50
- editorOverviewRuler.background#EEE9E0
- editorOverviewRuler.border#D0CAC0
- editorOverviewRuler.bracketMatchForeground#C8622A
- editorOverviewRuler.deletedForeground#c54400
- editorOverviewRuler.errorForeground#c54400
- editorOverviewRuler.findMatchForeground#996500
- editorOverviewRuler.infoForeground#C8622A
- editorOverviewRuler.modifiedForeground#996500
- editorOverviewRuler.rangeHighlightForeground#C8622A
- editorOverviewRuler.selectionHighlightForeground#C8622A
- editorOverviewRuler.warningForeground#996500
- editorOverviewRuler.wordHighlightForeground#996500
- editorOverviewRuler.wordHighlightStrongForeground#c54400
- editorRuler.foreground#2B1A0E
- editorSuggestWidget.background#F8F3EC
- editorSuggestWidget.border#D0CAC0
- editorSuggestWidget.foreground#918d85
- editorSuggestWidget.highlightForeground#A04E18
- editorSuggestWidget.selectedBackground#F8F3EC
- editorWarning.foreground#996500
- editorWhitespace.foreground#2B1A0E
- editorWidget.background#F8F3EC
- editorWidget.border#D0CAC0
- editorWidget.foreground#918d85
- editorWidget.resizeBorder#D0CAC0
- errorForeground#c54400
- focusBorder#A04E18
- foreground#1A1510
- gitDecoration.addedResourceForeground#4A7A50
- gitDecoration.conflictingResourceForeground#c54400
- gitDecoration.deletedResourceForeground#c54400
- gitDecoration.ignoredResourceForeground#3A2818
- gitDecoration.modifiedResourceForeground#996500
- gitDecoration.submoduleResourceForeground#59784e
- gitDecoration.untrackedResourceForeground#4c7a52
- icon.foreground#996500
- input.background#F8F3EC
- input.border#D0CAC0
- input.foreground#918d85
- input.placeholderForeground#6A5E50
- inputOption.activeBackground#F8F3EC
- inputOption.activeBorder#A04E18
- inputOption.activeForeground#918d85
- inputValidation.errorBackground#F8F3EC
- inputValidation.errorBorder#D0CAC0
- inputValidation.warningBackground#F8F3EC
- inputValidation.warningBorder#D0CAC0
- list.activeSelectionBackground#A04E1830
- list.activeSelectionForeground#918d85
- list.dropBackground#A04E1820
- list.errorForeground#c54400
- list.filterMatchBackground#A04E1830
- list.filterMatchBorder#D0CAC0
- list.focusBackground#A04E1825
- list.focusForeground#918d85
- list.highlightForeground#A04E18
- list.hoverBackground#EEE9E0
- list.hoverForeground#918d85
- list.inactiveFocusBackground#A04E1815
- list.inactiveSelectionBackground#A04E1818
- list.invalidItemForeground#c54400
- list.warningForeground#996500
- listFilterWidget.background#EEE9E0
- listFilterWidget.noMatchesOutline#c54400
- listFilterWidget.outline#A04E18
- menu.background#F8F3EC
- menu.border#D0CAC0
- menu.foreground#1A1510
- menu.selectionBackground#F8F3EC
- menu.selectionBorder#D0CAC0
- menu.selectionForeground#1A1510
- menu.separatorBackground#F8F3EC
- menubar.selectionBackground#C8622A20
- menubar.selectionBorder#D0CAC0
- menubar.selectionForeground#918d85
- minimap.background#EEE9E0
- minimap.errorHighlight#c54400
- minimap.findMatchHighlight#C8920A80
- minimap.selectionHighlight#C8622A60
- minimap.warningHighlight#C8920A
- minimapGutter.addedBackground#EEE9E0
- minimapGutter.deletedBackground#EEE9E0
- minimapGutter.modifiedBackground#EEE9E0
- notificationCenter.border#D0CAC0
- notificationCenterHeader.background#EEE9E0
- notificationCenterHeader.foreground#9a8b74
- notificationLink.foreground#C8622A
- notifications.background#EEE9E0
- notifications.border#D0CAC0
- notifications.foreground#918d85
- notificationsErrorIcon.foreground#c54400
- notificationsInfoIcon.foreground#C8622A
- notificationsWarningIcon.foreground#996500
- notificationToast.border#D0CAC0
- panel.background#EEE9E0
- panel.border#D0CAC0
- panel.dropBorder#D0CAC0
- panelTitle.activeBorder#A04E18
- panelTitle.activeForeground#A04E18
- panelTitle.inactiveForeground#6A5E50
- peekView.border#D0CAC0
- peekViewEditor.background#EEE9E0
- peekViewEditor.matchHighlightBackground#EEE9E0
- peekViewEditor.matchHighlightBorder#D0CAC0
- peekViewEditorGutter.background#EEE9E0
- peekViewResult.background#EEE9E0
- peekViewResult.fileForeground#C8622A
- peekViewResult.lineForeground#9a8b74
- peekViewResult.matchHighlightBackground#EEE9E0
- peekViewResult.selectionBackground#EEE9E0
- peekViewResult.selectionForeground#918d85
- peekViewTitle.background#EEE9E0
- peekViewTitleDescription.foreground#958d75
- peekViewTitleLabel.foreground#918d85
- progressBar.background#EEE9E0
- scrollbar.shadow#00000012
- scrollbarSlider.activeBackground#C8622A90
- scrollbarSlider.background#EEE9E0
- scrollbarSlider.hoverBackground#C8622A60
- selection.background#C8622A40
- sideBar.background#EEE9E0
- sideBar.border#D0CAC0
- sideBar.dropBackground#EEE9E0
- sideBar.foreground#4A4030
- sideBarSectionHeader.background#EEE9E0
- sideBarSectionHeader.border#D0CAC0
- sideBarSectionHeader.foreground#B86020
- sideBarTitle.foreground#A04E18
- statusBar.background#E4DED5
- statusBar.border#D0CAC0
- statusBar.debuggingBackground#E4DED5
- statusBar.debuggingBorder#D0CAC0
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#4A4030
- statusBar.noFolderBackground#E4DED5
- statusBar.noFolderForeground#6A5E50
- statusBarItem.activeBackground#C8622A40
- statusBarItem.hoverBackground#C8622A20
- statusBarItem.prominentBackground#EEE9E0
- statusBarItem.prominentForeground#918d85
- statusBarItem.prominentHoverBackground#EEE9E0
- statusBarItem.remoteBackground#EEE9E0
- statusBarItem.remoteForeground#0F0D0B
- tab.activeBackground#F8F3EC
- tab.activeBordernone
- tab.activeBorderTop#A04E18
- tab.activeForeground#1A1510
- tab.border#D0CAC0
- tab.hoverBackground#EEE9E0
- tab.inactiveBackground#EEE9E0
- tab.inactiveForeground#6A5E50
- tab.unfocusedActiveBackground#F8F3EC
- tab.unfocusedActiveForeground#6A5E50
- tab.unfocusedInactiveBackground#EEE9E0
- tab.unfocusedInactiveForeground#6A5E50
- terminal.ansiBlack#1A1510
- terminal.ansiBlue#4A6E8A
- terminal.ansiBrightBlack#6A5E50
- terminal.ansiBrightBlue#51748f
- terminal.ansiBrightCyan#3b7b6c
- terminal.ansiBrightGreen#4c7a52
- terminal.ansiBrightMagenta#8d618f
- terminal.ansiBrightRed#c54400
- terminal.ansiBrightWhite#1A1510
- terminal.ansiBrightYellow#996500
- terminal.ansiCyan#3A7A6A
- terminal.ansiGreen#4A7A50
- terminal.ansiMagenta#8B5A8A
- terminal.ansiRed#b65214
- terminal.ansiWhite#6A5E50
- terminal.ansiYellow#a26000
- terminal.background#EEE9E0
- terminal.border#D0CAC0
- terminal.foreground#1A1510
- terminal.selectionBackground#EEE9E0
- terminalCursor.background#EEE9E0
- terminalCursor.foreground#996500
- textBlockQuote.background#EEE9E0
- textBlockQuote.border#D0CAC0
- textCodeBlock.background#EEE9E0
- textLink.activeForeground#c54400
- textLink.foreground#C8622A
- textPreformat.foreground#996500
- textSeparator.foreground#2B1A0E
- titleBar.activeBackground#E4DED5
- titleBar.activeForeground#4A4030
- titleBar.border#D0CAC0
- titleBar.inactiveBackground#E4DED5
- titleBar.inactiveForeground#6A5E50
- widget.shadow#00000012
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #746f68 | — |
| comment, punctuation.definition.comment | #70604E | italic |
| comment.block.documentation | #7A6A58 | italic |
| keyword, keyword.control, keyword.other, storage.type.class, storage.type.function, storage.type.import, storage.type.interface, storage.modifier | #b65214 | — |
| keyword.operator.logical, keyword.operator.expression, keyword.operator.new, keyword.operator.delete | #c54400 | — |
| keyword.operator, punctuation.operator | #8A7A68 | — |
| storage | #b65214 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.constant | #746f68 | — |
| variable.language.this, variable.language.self, variable.language.super | #b65214 | italic |
| variable.parameter, meta.function.parameter | #a26000 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.name.tag.yaml | #996500 | — |
| entity.name.function, meta.function entity.name.function, meta.definition.function entity.name.function | #c54400 | — |
| meta.function-call entity.name.function, meta.function-call.generic, support.function | #c54400 | — |
| support.function.builtin, support.function.console | #b65214 | — |
| entity.name.type, entity.name.class, entity.name.struct, support.class, support.type | #59784e | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.type-parameter | #59784e | italic |
| entity.name.namespace, entity.name.module, support.module | #59784e | — |
| entity.name.type.primitive, support.type.primitive, support.type.builtin | #59784e | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #996500 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple | #a26000 | — |
| string.template, punctuation.definition.template-expression | #a26000 | — |
| meta.template.expression | #746f68 | — |
| constant.character.escape | #c54400 | — |
| string.regexp | #996500 | — |
| constant.numeric | #c54400 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #b65214 | — |
| constant, constant.other, variable.other.constant, constant.language | #ac5922 | — |
| punctuation.definition.block, punctuation.brackets, meta.brace, punctuation.section.block, punctuation.section.array | #8A7A68 | — |
| punctuation.accessor, punctuation.separator, punctuation.terminator | #7A6A58 | — |
| entity.name.tag, meta.tag, support.class.component | #b65214 | — |
| punctuation.definition.tag | #70604E | — |
| entity.other.attribute-name | #996500 | — |
| entity.name.tag.css, meta.selector | #b65214 | — |
| support.type.property-name.css, support.type.property-name | #996500 | — |
| support.constant.property-value.css, support.constant.color | #a26000 | — |
| variable.parameter.function.language.special.self.python | #b65214 | italic |
| entity.name.function.decorator.python | #996500 | italic |
| support.function.magic.python | #59784e | — |
| markup.heading, entity.name.section | #b65214 | bold |
| markup.bold | #746f68 | bold |
| markup.italic | #a26000 | italic |
| markup.inline.raw | #996500 | — |
| markup.underline.link | #b65214 | — |
| support.type.property-name.json | #996500 | — |
| entity.name.tag.yaml | #996500 | — |
| invalid, invalid.illegal | #746f68 | — |