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#F0EEE8
- activityBar.activeBorder#C82020
- activityBar.activeFocusBorder#C82020
- activityBar.background#F0EEE8
- activityBar.border#D2D0CA
- activityBar.foreground#C82020
- activityBar.inactiveForeground#6A6860
- activityBarBadge.background#F0EEE8
- activityBarBadge.foreground#FFFFFF
- badge.background#C82020
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#C82020
- breadcrumb.background#FAF8F2
- breadcrumb.focusForeground#C82020
- breadcrumb.foreground#6A6860
- breadcrumbPicker.background#FAF8F2
- button.background#C82020
- button.foreground#FFFFFF
- button.hoverBackground#F0EEE8
- button.secondaryBackground#E6E4DE
- button.secondaryForeground#9d8e77
- button.secondaryHoverBackground#F0EEE8
- charts.blue#4A6E8A
- charts.foreground#1A1A18
- charts.green#0f955e
- charts.lines#D2D0CA
- charts.orange#ca4600
- charts.purple#8B5A8A
- charts.red#f5353d
- charts.yellow#996900
- checkbox.background#FAF8F2
- checkbox.border#D2D0CA
- debugToolBar.background#F0EEE8
- debugToolBar.border#D2D0CA
- descriptionForeground#4A4840
- diffEditor.border#D2D0CA
- diffEditor.diagonalFill#D2D0CA
- diffEditor.insertedTextBackground#00703C33
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#C8001C33
- diffEditor.removedTextBorder#00000000
- dropdown.background#FAF8F2
- dropdown.border#D2D0CA
- dropdown.foreground#949088
- dropdown.listBackground#FAF8F2
- editor.background#FAF8F2
- editor.findMatchBackground#F5C20060
- editor.findMatchBorder#D2D0CA
- editor.findMatchHighlightBackground#F5C20030
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#ca460015
- editor.foldBackground#ca460015
- editor.foreground#1A1A18
- editor.hoverHighlightBackground#ca460020
- editor.inactiveSelectionBackground#ca460020
- editor.lineHighlightBackground#F0EEE8
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#ca460020
- editor.rangeHighlightBackground#ca460015
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#ca460040
- editor.selectionHighlightBackground#ca460022
- editor.selectionHighlightBorder#ca460050
- editor.snippetFinalTabstopHighlightBackground#ca460030
- editor.snippetFinalTabstopHighlightBorder#D2D0CA
- editor.snippetTabstopHighlightBackground#ca460020
- editor.wordHighlightBackground#F5C20025
- editor.wordHighlightBorder#F5C20050
- editor.wordHighlightStrongBackground#F5C20040
- editor.wordHighlightStrongBorder#F5C20080
- editorBracketMatch.background#ca460025
- editorBracketMatch.border#D2D0CA
- editorCursor.background#F0EEE8
- editorCursor.foreground#996900
- editorError.foreground#e1182c
- editorGroup.border#D2D0CA
- editorGroup.dropBackground#FAF8F2
- editorGroup.emptyBackground#FAF8F2
- editorGroupHeader.noTabsBackground#FAF8F2
- editorGroupHeader.tabsBackground#FAF8F2
- editorGroupHeader.tabsBorder#D2D0CA
- editorGutter.addedBackground#0f955e
- editorGutter.background#FAF8F2
- editorGutter.commentRangeForeground#3A3028
- editorGutter.deletedBackground#d4242c
- editorGutter.modifiedBackground#c59200
- editorHint.foreground#0f955e
- editorHoverWidget.background#FAF8F2
- editorHoverWidget.border#D2D0CA
- editorHoverWidget.foreground#949088
- editorHoverWidget.statusBarBackground#FAF8F2
- editorIndentGuide.activeBackground#ca460050
- editorIndentGuide.background#F0EEE8
- editorInfo.foreground#ca4600
- editorLineNumber.activeForeground#C82020
- editorLineNumber.foreground#6A6860
- editorLink.activeForeground#ca4600
- editorMarkerNavigation.background#F0EEE8
- editorMarkerNavigationError.background#F0EEE8
- editorMarkerNavigationInfo.background#F0EEE8
- editorMarkerNavigationWarning.background#F0EEE8
- editorOverviewRuler.addedForeground#0f955e
- editorOverviewRuler.background#F0EEE8
- editorOverviewRuler.border#D2D0CA
- editorOverviewRuler.bracketMatchForeground#ca4600
- editorOverviewRuler.deletedForeground#f5353d
- editorOverviewRuler.errorForeground#e1182c
- editorOverviewRuler.findMatchForeground#996900
- editorOverviewRuler.infoForeground#ca4600
- editorOverviewRuler.modifiedForeground#996900
- editorOverviewRuler.rangeHighlightForeground#ca4600
- editorOverviewRuler.selectionHighlightForeground#ca4600
- editorOverviewRuler.warningForeground#996900
- editorOverviewRuler.wordHighlightForeground#996900
- editorOverviewRuler.wordHighlightStrongForeground#f5353d
- editorRuler.foreground#2A2520
- editorSuggestWidget.background#FAF8F2
- editorSuggestWidget.border#D2D0CA
- editorSuggestWidget.foreground#949088
- editorSuggestWidget.highlightForeground#C82020
- editorSuggestWidget.selectedBackground#FAF8F2
- editorWarning.foreground#996900
- editorWhitespace.foreground#2A2520
- editorWidget.background#FAF8F2
- editorWidget.border#D2D0CA
- editorWidget.foreground#949088
- editorWidget.resizeBorder#D2D0CA
- errorForeground#e1182c
- focusBorder#C82020
- foreground#1A1A18
- gitDecoration.addedResourceForeground#00834f
- gitDecoration.conflictingResourceForeground#e1182c
- gitDecoration.deletedResourceForeground#e1182c
- gitDecoration.ignoredResourceForeground#3A3028
- gitDecoration.modifiedResourceForeground#996900
- gitDecoration.submoduleResourceForeground#00834f
- gitDecoration.untrackedResourceForeground#00834f
- icon.foreground#996900
- input.background#FAF8F2
- input.border#D2D0CA
- input.foreground#949088
- input.placeholderForeground#6A6860
- inputOption.activeBackground#FAF8F2
- inputOption.activeBorder#C82020
- inputOption.activeForeground#949088
- inputValidation.errorBackground#FAF8F2
- inputValidation.errorBorder#D2D0CA
- inputValidation.warningBackground#FAF8F2
- inputValidation.warningBorder#D2D0CA
- list.activeSelectionBackground#C8202030
- list.activeSelectionForeground#949088
- list.dropBackground#C8202020
- list.errorForeground#e1182c
- list.filterMatchBackground#C8202030
- list.filterMatchBorder#D2D0CA
- list.focusBackground#C8202025
- list.focusForeground#949088
- list.highlightForeground#C82020
- list.hoverBackground#F0EEE8
- list.hoverForeground#949088
- list.inactiveFocusBackground#C8202015
- list.inactiveSelectionBackground#C8202018
- list.invalidItemForeground#f5353d
- list.warningForeground#996900
- listFilterWidget.background#F0EEE8
- listFilterWidget.noMatchesOutline#f5353d
- listFilterWidget.outline#C82020
- menu.background#FAF8F2
- menu.border#D2D0CA
- menu.foreground#1A1A18
- menu.selectionBackground#FAF8F2
- menu.selectionBorder#D2D0CA
- menu.selectionForeground#1A1A18
- menu.separatorBackground#FAF8F2
- menubar.selectionBackground#ca460020
- menubar.selectionBorder#D2D0CA
- menubar.selectionForeground#949088
- minimap.background#F0EEE8
- minimap.errorHighlight#f5353d
- minimap.findMatchHighlight#F5C20080
- minimap.selectionHighlight#ca460060
- minimap.warningHighlight#F5C200
- minimapGutter.addedBackground#F0EEE8
- minimapGutter.deletedBackground#F0EEE8
- minimapGutter.modifiedBackground#F0EEE8
- notificationCenter.border#D2D0CA
- notificationCenterHeader.background#F0EEE8
- notificationCenterHeader.foreground#9d8e77
- notificationLink.foreground#ca4600
- notifications.background#F0EEE8
- notifications.border#D2D0CA
- notifications.foreground#949088
- notificationsErrorIcon.foreground#e1182c
- notificationsInfoIcon.foreground#ca4600
- notificationsWarningIcon.foreground#996900
- notificationToast.border#D2D0CA
- panel.background#F0EEE8
- panel.border#D2D0CA
- panel.dropBorder#D2D0CA
- panelTitle.activeBorder#C82020
- panelTitle.activeForeground#C82020
- panelTitle.inactiveForeground#6A6860
- peekView.border#D2D0CA
- peekViewEditor.background#F0EEE8
- peekViewEditor.matchHighlightBackground#F0EEE8
- peekViewEditor.matchHighlightBorder#D2D0CA
- peekViewEditorGutter.background#F0EEE8
- peekViewResult.background#F0EEE8
- peekViewResult.fileForeground#ca4600
- peekViewResult.lineForeground#9d8e77
- peekViewResult.matchHighlightBackground#F0EEE8
- peekViewResult.selectionBackground#F0EEE8
- peekViewResult.selectionForeground#949088
- peekViewTitle.background#F0EEE8
- peekViewTitleDescription.foreground#9d8e77
- peekViewTitleLabel.foreground#949088
- progressBar.background#F0EEE8
- scrollbar.shadow#00000012
- scrollbarSlider.activeBackground#ca460090
- scrollbarSlider.background#F0EEE8
- scrollbarSlider.hoverBackground#ca460060
- selection.background#ca460040
- sideBar.background#F0EEE8
- sideBar.border#D2D0CA
- sideBar.dropBackground#F0EEE8
- sideBar.foreground#4A4840
- sideBarSectionHeader.background#F0EEE8
- sideBarSectionHeader.border#D2D0CA
- sideBarSectionHeader.foreground#D43A1A
- sideBarTitle.foreground#C82020
- statusBar.background#E6E4DE
- statusBar.border#D2D0CA
- statusBar.debuggingBackground#E6E4DE
- statusBar.debuggingBorder#D2D0CA
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#4A4840
- statusBar.noFolderBackground#E6E4DE
- statusBar.noFolderForeground#6A6860
- statusBarItem.activeBackground#ca460040
- statusBarItem.hoverBackground#ca460020
- statusBarItem.prominentBackground#F0EEE8
- statusBarItem.prominentForeground#949088
- statusBarItem.prominentHoverBackground#F0EEE8
- statusBarItem.remoteBackground#F0EEE8
- statusBarItem.remoteForeground#949088
- tab.activeBackground#FAF8F2
- tab.activeBordernone
- tab.activeBorderTop#C82020
- tab.activeForeground#1A1A18
- tab.border#D2D0CA
- tab.hoverBackground#F0EEE8
- tab.inactiveBackground#F0EEE8
- tab.inactiveForeground#6A6860
- tab.unfocusedActiveBackground#FAF8F2
- tab.unfocusedActiveForeground#6A6860
- tab.unfocusedInactiveBackground#F0EEE8
- tab.unfocusedInactiveForeground#6A6860
- terminal.ansiBlack#1A1A18
- terminal.ansiBlue#4A6E8A
- terminal.ansiBrightBlack#6A6860
- terminal.ansiBrightBlue#537692
- terminal.ansiBrightCyan#3d7e6e
- terminal.ansiBrightGreen#00834f
- terminal.ansiBrightMagenta#906392
- terminal.ansiBrightRed#e1182c
- terminal.ansiBrightWhite#1A1A18
- terminal.ansiBrightYellow#996900
- terminal.ansiCyan#3A7A6A
- terminal.ansiGreen#00834f
- terminal.ansiMagenta#8B5A8A
- terminal.ansiRed#ca4600
- terminal.ansiWhite#6A6860
- terminal.ansiYellow#996900
- terminal.background#F0EEE8
- terminal.border#D2D0CA
- terminal.foreground#1A1A18
- terminal.selectionBackground#F0EEE8
- terminalCursor.background#F0EEE8
- terminalCursor.foreground#996900
- textBlockQuote.background#F0EEE8
- textBlockQuote.border#D2D0CA
- textCodeBlock.background#F0EEE8
- textLink.activeForeground#996900
- textLink.foreground#ca4600
- textPreformat.foreground#996900
- textSeparator.foreground#2E2E2E
- titleBar.activeBackground#E6E4DE
- titleBar.activeForeground#4A4840
- titleBar.border#D2D0CA
- titleBar.inactiveBackground#E6E4DE
- titleBar.inactiveForeground#6A6860
- widget.shadow#00000012
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #76726b | — |
| comment, punctuation.definition.comment | #736350 | italic |
| comment.block.documentation | #746350 | italic |
| keyword, keyword.control, keyword.other, storage.type.class, storage.type.function, storage.type.import, storage.type.interface, storage.modifier | #e1182c | — |
| keyword.operator.logical, keyword.operator.expression, keyword.operator.new, keyword.operator.delete | #ca4600 | — |
| keyword.operator, punctuation.operator | #8A7D6E | — |
| storage | #e1182c | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.constant | #76726b | — |
| variable.language.this, variable.language.self, variable.language.super | #e1182c | italic |
| variable.parameter, meta.function.parameter | #996900 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.name.tag.yaml | #a56302 | — |
| entity.name.function, meta.function entity.name.function, meta.definition.function entity.name.function | #ca4600 | — |
| meta.function-call entity.name.function, meta.function-call.generic, support.function | #ca4600 | — |
| support.function.builtin, support.function.console | #b95518 | — |
| entity.name.type, entity.name.class, entity.name.struct, support.class, support.type | #00834f | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.type-parameter | #00834f | italic |
| entity.name.namespace, entity.name.module, support.module | #00834f | — |
| entity.name.type.primitive, support.type.primitive, support.type.builtin | #00834f | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #996900 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple | #996900 | — |
| string.template, punctuation.definition.template-expression | #996900 | — |
| meta.template.expression | #76726b | — |
| constant.character.escape | #ca4600 | — |
| string.regexp | #a56302 | — |
| constant.numeric | #ca4600 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #e1182c | — |
| constant, constant.other, variable.other.constant, constant.language | #b95518 | — |
| punctuation.definition.block, punctuation.brackets, meta.brace, punctuation.section.block, punctuation.section.array | #7A6A58 | — |
| punctuation.accessor, punctuation.separator, punctuation.terminator | #736350 | — |
| entity.name.tag, meta.tag, support.class.component | #ca4600 | — |
| punctuation.definition.tag | #736350 | — |
| entity.other.attribute-name | #996900 | — |
| entity.name.tag.css, meta.selector | #ca4600 | — |
| support.type.property-name.css, support.type.property-name | #a56302 | — |
| support.constant.property-value.css, support.constant.color | #996900 | — |
| variable.parameter.function.language.special.self.python | #e1182c | italic |
| entity.name.function.decorator.python | #996900 | italic |
| support.function.magic.python | #00834f | — |
| markup.heading, entity.name.section | #ca4600 | bold |
| markup.bold | #76726b | bold |
| markup.italic | #996900 | italic |
| markup.inline.raw | #a56302 | — |
| markup.underline.link | #ca4600 | — |
| support.type.property-name.json | #a56302 | — |
| entity.name.tag.yaml | #a56302 | — |
| invalid, invalid.illegal | #76726b | — |