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#F2EADF
- activityBar.activeBorder#9E4A0A
- activityBar.activeFocusBorder#9E4A0A
- activityBar.background#F2EADF
- activityBar.border#D8CFC2
- activityBar.foreground#9E4A0A
- activityBar.inactiveForeground#6A5C48
- activityBarBadge.background#F2EADF
- activityBarBadge.foreground#FFFFFF
- badge.background#9E4A0A
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#9E4A0A
- breadcrumb.background#FBF3E8
- breadcrumb.focusForeground#9E4A0A
- breadcrumb.foreground#6A5C48
- breadcrumbPicker.background#FBF3E8
- button.background#9E4A0A
- button.foreground#FFFFFF
- button.hoverBackground#F2EADF
- button.secondaryBackground#E8E0D4
- button.secondaryForeground#a08a70
- button.secondaryHoverBackground#F2EADF
- charts.blue#4A6E8A
- charts.foreground#1E1408
- charts.green#5A9A5A
- charts.lines#D8CFC2
- charts.orange#BE6A1E
- charts.purple#8B5A8A
- charts.red#b75216
- charts.yellow#a0603b
- checkbox.background#FBF3E8
- checkbox.border#D8CFC2
- debugToolBar.background#F2EADF
- debugToolBar.border#D8CFC2
- descriptionForeground#4A3C28
- diffEditor.border#D8CFC2
- diffEditor.diagonalFill#D8CFC2
- diffEditor.insertedTextBackground#2C4A2C33
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#b7521633
- diffEditor.removedTextBorder#00000000
- dropdown.background#FBF3E8
- dropdown.border#D8CFC2
- dropdown.foreground#998c7a
- dropdown.listBackground#FBF3E8
- editor.background#FBF3E8
- editor.findMatchBackground#D4916A60
- editor.findMatchBorder#D8CFC2
- editor.findMatchHighlightBackground#D4916A30
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#8B451315
- editor.foldBackground#8B451315
- editor.foreground#1E1408
- editor.hoverHighlightBackground#8B451320
- editor.inactiveSelectionBackground#8B451320
- editor.lineHighlightBackground#F2EADF
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#8B451320
- editor.rangeHighlightBackground#8B451315
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#8B451340
- editor.selectionHighlightBackground#8B451322
- editor.selectionHighlightBorder#8B451350
- editor.snippetFinalTabstopHighlightBackground#8B451330
- editor.snippetFinalTabstopHighlightBorder#D8CFC2
- editor.snippetTabstopHighlightBackground#8B451320
- editor.wordHighlightBackground#D4916A25
- editor.wordHighlightBorder#D4916A50
- editor.wordHighlightStrongBackground#D4916A40
- editor.wordHighlightStrongBorder#D4916A80
- editorBracketMatch.background#8B451325
- editorBracketMatch.border#D8CFC2
- editorCursor.background#F2EADF
- editorCursor.foreground#a0603b
- editorError.foreground#b75216
- editorGroup.border#D8CFC2
- editorGroup.dropBackground#FBF3E8
- editorGroup.emptyBackground#FBF3E8
- editorGroupHeader.noTabsBackground#FBF3E8
- editorGroupHeader.tabsBackground#FBF3E8
- editorGroupHeader.tabsBorder#D8CFC2
- editorGutter.addedBackground#2C8A2C
- editorGutter.background#FBF3E8
- editorGutter.commentRangeForeground#3A2E22
- editorGutter.deletedBackground#C8622A
- editorGutter.modifiedBackground#D4916A
- editorHint.foreground#5A9A5A
- editorHoverWidget.background#FBF3E8
- editorHoverWidget.border#D8CFC2
- editorHoverWidget.foreground#998c7a
- editorHoverWidget.statusBarBackground#FBF3E8
- editorIndentGuide.activeBackground#8B451350
- editorIndentGuide.background#F2EADF
- editorInfo.foreground#BE6A1E
- editorLineNumber.activeForeground#9E4A0A
- editorLineNumber.foreground#6A5C48
- editorLink.activeForeground#a0603b
- editorOverviewRuler.addedForeground#5A9A5A
- editorOverviewRuler.background#F2EADF
- editorOverviewRuler.border#D8CFC2
- editorOverviewRuler.bracketMatchForeground#BE6A1E
- editorOverviewRuler.deletedForeground#b75216
- editorOverviewRuler.errorForeground#b75216
- editorOverviewRuler.findMatchForeground#a0603b
- editorOverviewRuler.infoForeground#BE6A1E
- editorOverviewRuler.modifiedForeground#a0603b
- editorOverviewRuler.rangeHighlightForeground#BE6A1E
- editorOverviewRuler.selectionHighlightForeground#BE6A1E
- editorOverviewRuler.warningForeground#9e613b
- editorOverviewRuler.wordHighlightForeground#a0603b
- editorOverviewRuler.wordHighlightStrongForeground#b75216
- editorRuler.foreground#2A2018
- editorSuggestWidget.background#FBF3E8
- editorSuggestWidget.border#D8CFC2
- editorSuggestWidget.foreground#998c7a
- editorSuggestWidget.highlightForeground#9E4A0A
- editorSuggestWidget.selectedBackground#FBF3E8
- editorWarning.foreground#9e613b
- editorWhitespace.foreground#2A2018
- editorWidget.background#FBF3E8
- editorWidget.border#D8CFC2
- editorWidget.foreground#998c7a
- editorWidget.resizeBorder#D8CFC2
- errorForeground#b75216
- focusBorder#9E4A0A
- foreground#1E1408
- gitDecoration.addedResourceForeground#3e7d46
- gitDecoration.conflictingResourceForeground#b75216
- gitDecoration.deletedResourceForeground#b75216
- gitDecoration.ignoredResourceForeground#3A2E22
- gitDecoration.modifiedResourceForeground#9e613b
- gitDecoration.submoduleResourceForeground#3e7d3f
- gitDecoration.untrackedResourceForeground#3e7d46
- icon.foreground#a0603b
- input.background#FBF3E8
- input.border#D8CFC2
- input.foreground#998c7a
- input.placeholderForeground#6A5C48
- inputOption.activeBackground#FBF3E8
- inputOption.activeBorder#9E4A0A
- inputOption.activeForeground#998c7a
- inputValidation.errorBackground#FBF3E8
- inputValidation.errorBorder#D8CFC2
- inputValidation.warningBackground#FBF3E8
- inputValidation.warningBorder#D8CFC2
- list.activeSelectionBackground#9E4A0A30
- list.activeSelectionForeground#998c7a
- list.dropBackground#9E4A0A20
- list.errorForeground#b75216
- list.filterMatchBackground#9E4A0A30
- list.filterMatchBorder#D8CFC2
- list.focusBackground#9E4A0A25
- list.focusForeground#998c7a
- list.highlightForeground#9E4A0A
- list.hoverBackground#F2EADF
- list.hoverForeground#998c7a
- list.inactiveFocusBackground#9E4A0A15
- list.inactiveSelectionBackground#9E4A0A18
- list.invalidItemForeground#b75216
- list.warningForeground#9e613b
- listFilterWidget.background#F2EADF
- listFilterWidget.noMatchesOutline#b75216
- listFilterWidget.outline#9E4A0A
- menu.background#FBF3E8
- menu.border#D8CFC2
- menu.foreground#1E1408
- menu.selectionBackground#FBF3E8
- menu.selectionBorder#D8CFC2
- menu.selectionForeground#1E1408
- menu.separatorBackground#FBF3E8
- menubar.selectionBackground#8B451320
- menubar.selectionBorder#D8CFC2
- menubar.selectionForeground#998c7a
- minimap.background#F2EADF
- minimap.errorHighlight#b75216
- minimap.findMatchHighlight#D4916A80
- minimap.selectionHighlight#8B451360
- minimap.warningHighlight#D4916A
- minimapGutter.addedBackground#F2EADF
- minimapGutter.deletedBackground#F2EADF
- minimapGutter.modifiedBackground#F2EADF
- notificationCenter.border#D8CFC2
- notificationCenterHeader.background#F2EADF
- notificationCenterHeader.foreground#a08a70
- notificationLink.foreground#a0603b
- notifications.background#F2EADF
- notifications.border#D8CFC2
- notifications.foreground#998c7a
- notificationsErrorIcon.foreground#b75216
- notificationsInfoIcon.foreground#BE6A1E
- notificationsWarningIcon.foreground#9e613b
- notificationToast.border#D8CFC2
- panel.background#F2EADF
- panel.border#D8CFC2
- panel.dropBorder#D8CFC2
- panelTitle.activeBorder#9E4A0A
- panelTitle.activeForeground#9E4A0A
- panelTitle.inactiveForeground#6A5C48
- peekView.border#D8CFC2
- peekViewEditor.background#F2EADF
- peekViewEditor.matchHighlightBackground#F2EADF
- peekViewEditor.matchHighlightBorder#D8CFC2
- peekViewEditorGutter.background#F2EADF
- peekViewResult.background#F2EADF
- peekViewResult.fileForeground#a0603b
- peekViewResult.lineForeground#a08a70
- peekViewResult.matchHighlightBackground#F2EADF
- peekViewResult.selectionBackground#F2EADF
- peekViewResult.selectionForeground#998c7a
- peekViewTitle.background#F2EADF
- peekViewTitleDescription.foreground#a08a70
- peekViewTitleLabel.foreground#998c7a
- progressBar.background#F2EADF
- scrollbar.shadow#00000012
- scrollbarSlider.activeBackground#8B451390
- scrollbarSlider.background#F2EADF
- scrollbarSlider.hoverBackground#8B451360
- selection.background#D4916A40
- sideBar.background#F2EADF
- sideBar.border#D8CFC2
- sideBar.dropBackground#F2EADF
- sideBar.foreground#4A3C28
- sideBarSectionHeader.background#F2EADF
- sideBarSectionHeader.border#D8CFC2
- sideBarSectionHeader.foreground#B86218
- sideBarTitle.foreground#9E4A0A
- statusBar.background#E8E0D4
- statusBar.border#D8CFC2
- statusBar.debuggingBackground#E8E0D4
- statusBar.debuggingBorder#D8CFC2
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#4A3C28
- statusBar.noFolderBackground#E8E0D4
- statusBar.noFolderForeground#6A5C48
- statusBarItem.activeBackground#8B451340
- statusBarItem.hoverBackground#8B451320
- statusBarItem.prominentBackground#F2EADF
- statusBarItem.prominentForeground#998c7a
- statusBarItem.prominentHoverBackground#F2EADF
- statusBarItem.remoteBackground#F2EADF
- statusBarItem.remoteForeground#998c7a
- tab.activeBackground#FBF3E8
- tab.activeBordernone
- tab.activeBorderTop#9E4A0A
- tab.activeForeground#1E1408
- tab.border#D8CFC2
- tab.hoverBackground#F2EADF
- tab.inactiveBackground#F2EADF
- tab.inactiveForeground#6A5C48
- tab.unfocusedActiveBackground#FBF3E8
- tab.unfocusedActiveForeground#6A5C48
- tab.unfocusedInactiveBackground#F2EADF
- tab.unfocusedInactiveForeground#6A5C48
- terminal.ansiBlack#1E1408
- terminal.ansiBlue#4A6E8A
- terminal.ansiBrightBlack#6A5C48
- terminal.ansiBrightBlue#51748f
- terminal.ansiBrightCyan#3b7b6c
- terminal.ansiBrightGreen#3e7d46
- terminal.ansiBrightMagenta#8d618f
- terminal.ansiBrightRed#b75216
- terminal.ansiBrightWhite#1E1408
- terminal.ansiBrightYellow#9e613b
- terminal.ansiCyan#3A7A6A
- terminal.ansiGreen#3e7d3f
- terminal.ansiMagenta#8B5A8A
- terminal.ansiRed#ad5a00
- terminal.ansiWhite#6A5C48
- terminal.ansiYellow#9e613b
- terminal.background#F2EADF
- terminal.border#D8CFC2
- terminal.foreground#1E1408
- terminal.selectionBackground#F2EADF
- terminalCursor.background#F2EADF
- terminalCursor.foreground#a0603b
- textBlockQuote.background#F2EADF
- textBlockQuote.border#D8CFC2
- textCodeBlock.background#F2EADF
- textLink.activeForeground#a0603b
- textLink.foreground#BE6A1E
- textPreformat.foreground#a0603b
- textSeparator.foreground#2A2018
- titleBar.activeBackground#E8E0D4
- titleBar.activeForeground#4A3C28
- titleBar.border#D8CFC2
- titleBar.inactiveBackground#E8E0D4
- titleBar.inactiveForeground#6A5C48
- widget.shadow#00000012
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #7b6e5d | — |
| 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 | #ad5a00 | — |
| keyword.operator.logical, keyword.operator.expression, keyword.operator.new, keyword.operator.delete | #b75216 | — |
| keyword.operator, punctuation.operator | #8A7A68 | — |
| storage | #ad5a00 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.constant | #7b6e5d | — |
| variable.language.this, variable.language.self, variable.language.super | #ad5a00 | italic |
| variable.parameter, meta.function.parameter | #9e613b | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.name.tag.yaml | #a36000 | — |
| entity.name.function, meta.function entity.name.function, meta.definition.function entity.name.function | #b75216 | — |
| meta.function-call entity.name.function, meta.function-call.generic, support.function | #b75216 | — |
| support.function.builtin, support.function.console | #ad5a00 | — |
| entity.name.type, entity.name.class, entity.name.struct, support.class, support.type | #3e7d3f | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.type-parameter | #3e7d46 | italic |
| entity.name.namespace, entity.name.module, support.module | #3e7d46 | — |
| entity.name.type.primitive, support.type.primitive, support.type.builtin | #3e7d3f | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #a0603b | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple | #a36000 | — |
| string.template, punctuation.definition.template-expression | #a36000 | — |
| meta.template.expression | #7b6e5d | — |
| constant.character.escape | #b75216 | — |
| string.regexp | #9e613b | — |
| constant.numeric | #b75216 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #ad5a00 | — |
| constant, constant.other, variable.other.constant, constant.language | #ad5a00 | — |
| 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 | #ad5a00 | — |
| punctuation.definition.tag | #70604E | — |
| entity.other.attribute-name | #9e613b | — |
| entity.name.tag.css, meta.selector | #ad5a00 | — |
| support.type.property-name.css, support.type.property-name | #9e613b | — |
| support.constant.property-value.css, support.constant.color | #a36000 | — |
| variable.parameter.function.language.special.self.python | #ad5a00 | italic |
| entity.name.function.decorator.python | #9e613b | italic |
| support.function.magic.python | #3e7d3f | — |
| markup.heading, entity.name.section | #ad5a00 | bold |
| markup.bold | #7b6e5d | bold |
| markup.italic | #9e613b | italic |
| markup.inline.raw | #a36000 | — |
| markup.underline.link | #b75216 | — |
| support.type.property-name.json | #9e613b | — |
| entity.name.tag.yaml | #9e613b | — |
| invalid, invalid.illegal | #7b6e5d | — |