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#1A1A1A
- activityBar.activeBorder#E8620A
- activityBar.activeFocusBorder#F5C200
- activityBar.background#111111
- activityBar.border#1A1A1A
- activityBar.foreground#E8620A
- activityBar.inactiveForeground#4A3828
- activityBarBadge.background#f5353d
- activityBarBadge.foreground#F5F0E8
- badge.background#E8620A
- badge.foreground#F5F0E8
- breadcrumb.activeSelectionForeground#E8620A
- breadcrumb.background#1A1A1A
- breadcrumb.focusForeground#F5C200
- breadcrumb.foreground#5C5448
- breadcrumbPicker.background#1A1A1A
- button.background#E8620A
- button.foreground#F5F0E8
- button.hoverBackground#f5353d
- button.secondaryBackground#2A2218
- button.secondaryForeground#C8B8A0
- button.secondaryHoverBackground#3A3028
- charts.blue#4A6E8A
- charts.foreground#F5F0E8
- charts.green#0f955e
- charts.lines#3A3028
- charts.orange#E8620A
- charts.purple#8B5A8A
- charts.red#f5353d
- charts.yellow#F5C200
- checkbox.background#1A1A1A
- checkbox.border#E8620A
- debugToolBar.background#111111
- debugToolBar.border#1E1E1E
- descriptionForeground#C8B8A0
- diffEditor.border#1E1E1E
- diffEditor.diagonalFill#2A2520
- diffEditor.insertedTextBackground#00703C33
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#C8001C33
- diffEditor.removedTextBorder#00000000
- dropdown.background#1A1A1A
- dropdown.border#2E2820
- dropdown.foreground#F5F0E8
- dropdown.listBackground#1A1A1A
- editor.background#1A1A1A
- editor.findMatchBackground#F5C20060
- editor.findMatchBorder#F5C200
- editor.findMatchHighlightBackground#F5C20030
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#E8620A15
- editor.foldBackground#E8620A15
- editor.foreground#F5F0E8
- editor.hoverHighlightBackground#E8620A20
- editor.inactiveSelectionBackground#E8620A20
- editor.lineHighlightBackground#201C16
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#E8620A20
- editor.rangeHighlightBackground#E8620A15
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#E8620A40
- editor.selectionHighlightBackground#E8620A22
- editor.selectionHighlightBorder#E8620A50
- editor.snippetFinalTabstopHighlightBackground#E8620A30
- editor.snippetFinalTabstopHighlightBorder#E8620A
- editor.snippetTabstopHighlightBackground#E8620A20
- editor.wordHighlightBackground#F5C20025
- editor.wordHighlightBorder#F5C20050
- editor.wordHighlightStrongBackground#F5C20040
- editor.wordHighlightStrongBorder#F5C20080
- editorBracketMatch.background#E8620A25
- editorBracketMatch.border#E8620A
- editorCursor.background#1A1A1A
- editorCursor.foreground#F5C200
- editorError.foreground#f5353d
- editorGroup.border#1E1E1E
- editorGroup.dropBackground#E8620A15
- editorGroup.emptyBackground#1A1A1A
- editorGroupHeader.noTabsBackground#141210
- editorGroupHeader.tabsBackground#141210
- editorGroupHeader.tabsBorder#111111
- editorGutter.addedBackground#0f955e
- editorGutter.background#1A1A1A
- editorGutter.commentRangeForeground#3A3028
- editorGutter.deletedBackground#f5353d
- editorGutter.modifiedBackground#F5C200
- editorHint.foreground#0f955e
- editorHoverWidget.background#1A1A1A
- editorHoverWidget.border#2A2520
- editorHoverWidget.foreground#F5F0E8
- editorHoverWidget.statusBarBackground#141210
- editorIndentGuide.activeBackground#E8620A50
- editorIndentGuide.background#2A2520
- editorInfo.foreground#E8620A
- editorLineNumber.activeForeground#E8620A
- editorLineNumber.foreground#3A3028
- editorLink.activeForeground#E8620A
- editorMarkerNavigation.background#1A1A1A
- editorMarkerNavigationError.background#2A0A0A
- editorMarkerNavigationInfo.background#1E1A14
- editorMarkerNavigationWarning.background#2A2010
- editorOverviewRuler.addedForeground#0f955e
- editorOverviewRuler.background#111111
- editorOverviewRuler.border#1E1E1E
- editorOverviewRuler.bracketMatchForeground#E8620A
- editorOverviewRuler.deletedForeground#f5353d
- editorOverviewRuler.errorForeground#f5353d
- editorOverviewRuler.findMatchForeground#F5C200
- editorOverviewRuler.infoForeground#E8620A
- editorOverviewRuler.modifiedForeground#F5C200
- editorOverviewRuler.rangeHighlightForeground#E8620A
- editorOverviewRuler.selectionHighlightForeground#E8620A
- editorOverviewRuler.warningForeground#F5C200
- editorOverviewRuler.wordHighlightForeground#F5C200
- editorOverviewRuler.wordHighlightStrongForeground#f5353d
- editorRuler.foreground#2A2520
- editorSuggestWidget.background#1A1A1A
- editorSuggestWidget.border#2A2520
- editorSuggestWidget.foreground#F5F0E8
- editorSuggestWidget.highlightForeground#F5C200
- editorSuggestWidget.selectedBackground#E8620A30
- editorWarning.foreground#F5C200
- editorWhitespace.foreground#2A2520
- editorWidget.background#1A1A1A
- editorWidget.border#2A2520
- editorWidget.foreground#F5F0E8
- editorWidget.resizeBorder#E8620A
- errorForeground#f5353d
- focusBorder#E8620A
- foreground#F5F0E8
- gitDecoration.addedResourceForeground#0f955e
- gitDecoration.conflictingResourceForeground#f5353d
- gitDecoration.deletedResourceForeground#f5353d
- gitDecoration.ignoredResourceForeground#3A3028
- gitDecoration.modifiedResourceForeground#F5C200
- gitDecoration.submoduleResourceForeground#0f955e
- gitDecoration.untrackedResourceForeground#0f955e
- icon.foreground#F5C200
- input.background#1A1A1A
- input.border#2E2820
- input.foreground#F5F0E8
- input.placeholderForeground#4A4038
- inputOption.activeBackground#E8620A25
- inputOption.activeBorder#E8620A
- inputOption.activeForeground#F5F0E8
- inputValidation.errorBackground#2A0A0A
- inputValidation.errorBorder#f5353d
- inputValidation.warningBackground#2A2010
- inputValidation.warningBorder#F5C200
- list.activeSelectionBackground#E8620A30
- list.activeSelectionForeground#F5F0E8
- list.dropBackground#E8620A20
- list.errorForeground#f5353d
- list.filterMatchBackground#E8620A30
- list.filterMatchBorder#E8620A
- list.focusBackground#E8620A25
- list.focusForeground#F5F0E8
- list.highlightForeground#F5C200
- list.hoverBackground#221E18
- list.hoverForeground#F5F0E8
- list.inactiveFocusBackground#E8620A15
- list.inactiveSelectionBackground#E8620A18
- list.invalidItemForeground#f5353d
- list.warningForeground#F5C200
- listFilterWidget.background#1A1A1A
- listFilterWidget.noMatchesOutline#f5353d
- listFilterWidget.outline#E8620A
- menu.background#1A1A1A
- menu.border#2A2520
- menu.foreground#F5F0E8
- menu.selectionBackground#E8620A30
- menu.selectionBorder#E8620A
- menu.selectionForeground#F5F0E8
- menu.separatorBackground#2A2520
- menubar.selectionBackground#E8620A20
- menubar.selectionBorder#E8620A
- menubar.selectionForeground#F5F0E8
- minimap.background#111111
- minimap.errorHighlight#f5353d
- minimap.findMatchHighlight#F5C20080
- minimap.selectionHighlight#E8620A60
- minimap.warningHighlight#F5C200
- minimapGutter.addedBackground#0f955e
- minimapGutter.deletedBackground#f5353d
- minimapGutter.modifiedBackground#F5C200
- notificationCenter.border#2A2520
- notificationCenterHeader.background#141210
- notificationCenterHeader.foreground#C8B8A0
- notificationLink.foreground#E8620A
- notifications.background#1A1A1A
- notifications.border#2A2520
- notifications.foreground#F5F0E8
- notificationsErrorIcon.foreground#f5353d
- notificationsInfoIcon.foreground#E8620A
- notificationsWarningIcon.foreground#F5C200
- notificationToast.border#2A2520
- panel.background#141210
- panel.border#1E1E1E
- panel.dropBorder#E8620A
- panelTitle.activeBorder#E8620A
- panelTitle.activeForeground#E8620A
- panelTitle.inactiveForeground#4A4038
- peekView.border#E8620A
- peekViewEditor.background#14120E
- peekViewEditor.matchHighlightBackground#F5C20040
- peekViewEditor.matchHighlightBorder#F5C200
- peekViewEditorGutter.background#14120E
- peekViewResult.background#111111
- peekViewResult.fileForeground#E8620A
- peekViewResult.lineForeground#C8B8A0
- peekViewResult.matchHighlightBackground#F5C20030
- peekViewResult.selectionBackground#E8620A30
- peekViewResult.selectionForeground#F5F0E8
- peekViewTitle.background#111111
- peekViewTitleDescription.foreground#C8B8A0
- peekViewTitleLabel.foreground#F5F0E8
- progressBar.background#E8620A
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#E8620A90
- scrollbarSlider.background#3A3028
- scrollbarSlider.hoverBackground#E8620A60
- selection.background#E8620A40
- sideBar.background#141210
- sideBar.border#1A1A1A
- sideBar.dropBackground#E8620A20
- sideBar.foreground#C8B8A0
- sideBarSectionHeader.background#1A1A1A
- sideBarSectionHeader.border#1E1E1E
- sideBarSectionHeader.foreground#F5C200
- sideBarTitle.foreground#E8620A
- statusBar.background#111111
- statusBar.border#1A1A1A
- statusBar.debuggingBackground#f5353d
- statusBar.debuggingBorder#E8620A
- statusBar.debuggingForeground#F5F0E8
- statusBar.foreground#C8B8A0
- statusBar.noFolderBackground#141210
- statusBar.noFolderForeground#5C5448
- statusBarItem.activeBackground#E8620A40
- statusBarItem.hoverBackground#E8620A20
- statusBarItem.prominentBackground#f5353d
- statusBarItem.prominentForeground#F5F0E8
- statusBarItem.prominentHoverBackground#E8620A
- statusBarItem.remoteBackground#0f955e
- statusBarItem.remoteForeground#F5F0E8
- tab.activeBackground#1A1A1A
- tab.activeBordernone
- tab.activeBorderTop#E8620A
- tab.activeForeground#F5F0E8
- tab.border#111111
- tab.hoverBackground#1E1E1E
- tab.inactiveBackground#141210
- tab.inactiveForeground#6e645b
- tab.unfocusedActiveBackground#1A1A1A
- tab.unfocusedActiveForeground#A09880
- tab.unfocusedInactiveBackground#141210
- tab.unfocusedInactiveForeground#3A3028
- terminal.ansiBlack#1A1A1A
- terminal.ansiBlue#4A6E8A
- terminal.ansiBrightBlack#4A4038
- terminal.ansiBrightBlue#6A8EAA
- terminal.ansiBrightCyan#5A9A8A
- terminal.ansiBrightGreen#0f955e
- terminal.ansiBrightMagenta#A87AAA
- terminal.ansiBrightRed#f5353d
- terminal.ansiBrightWhite#F5F0E8
- terminal.ansiBrightYellow#F5C200
- terminal.ansiCyan#3A7A6A
- terminal.ansiGreen#0f955e
- terminal.ansiMagenta#8B5A8A
- terminal.ansiRed#E8620A
- terminal.ansiWhite#C8B8A0
- terminal.ansiYellow#F5C200
- terminal.background#111111
- terminal.border#1E1E1E
- terminal.foreground#F5F0E8
- terminal.selectionBackground#E8620A40
- terminalCursor.background#111111
- terminalCursor.foreground#F5C200
- textBlockQuote.background#1E1A18
- textBlockQuote.border#E8620A
- textCodeBlock.background#1A1A1A
- textLink.activeForeground#F5C200
- textLink.foreground#E8620A
- textPreformat.foreground#F5C200
- textSeparator.foreground#2E2E2E
- titleBar.activeBackground#111111
- titleBar.activeForeground#C8B8A0
- titleBar.border#1A1A1A
- titleBar.inactiveBackground#0E0E0E
- titleBar.inactiveForeground#4A4038
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #F5F0E8 | — |
| 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 | #f5353d | — |
| keyword.operator.logical, keyword.operator.expression, keyword.operator.new, keyword.operator.delete | #E8620A | — |
| keyword.operator, punctuation.operator | #8A7D6E | — |
| storage | #f5353d | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.constant | #F5F0E8 | — |
| variable.language.this, variable.language.self, variable.language.super | #f5353d | italic |
| variable.parameter, meta.function.parameter | #F5C200 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key, entity.name.tag.yaml | #E8A055 | — |
| entity.name.function, meta.function entity.name.function, meta.definition.function entity.name.function | #E8620A | — |
| meta.function-call entity.name.function, meta.function-call.generic, support.function | #E8620A | — |
| support.function.builtin, support.function.console | #cb652d | — |
| entity.name.type, entity.name.class, entity.name.struct, support.class, support.type | #0f955e | — |
| entity.name.type.interface, entity.name.type.alias, entity.name.type.type-parameter | #0f955e | italic |
| entity.name.namespace, entity.name.module, support.module | #0f955e | — |
| entity.name.type.primitive, support.type.primitive, support.type.builtin | #0f955e | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #F5C200 | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple | #F5C200 | — |
| string.template, punctuation.definition.template-expression | #F5C200 | — |
| meta.template.expression | #F5F0E8 | — |
| constant.character.escape | #E8620A | — |
| string.regexp | #E8A055 | — |
| constant.numeric | #E8620A | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #f5353d | — |
| constant, constant.other, variable.other.constant, constant.language | #cb652d | — |
| 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 | #E8620A | — |
| punctuation.definition.tag | #736350 | — |
| entity.other.attribute-name | #F5C200 | — |
| entity.name.tag.css, meta.selector | #E8620A | — |
| support.type.property-name.css, support.type.property-name | #E8A055 | — |
| support.constant.property-value.css, support.constant.color | #F5C200 | — |
| variable.parameter.function.language.special.self.python | #f5353d | italic |
| entity.name.function.decorator.python | #F5C200 | italic |
| support.function.magic.python | #0f955e | — |
| markup.heading, entity.name.section | #E8620A | bold |
| markup.bold | #F5F0E8 | bold |
| markup.italic | #F5C200 | italic |
| markup.inline.raw | #E8A055 | — |
| markup.underline.link | #E8620A | — |
| support.type.property-name.json | #E8A055 | — |
| entity.name.tag.yaml | #E8A055 | — |
| invalid, invalid.illegal | #F5F0E8 | — |