Chilaquiles Theme
Publisher: Arturo De la Garza ZertucheThemes in package: 4
A VS Code color theme inspired by chilaquiles — warm reds, toasted golds, and cilantro greens.
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.background#0F110F
- activityBar.border#232923
- activityBar.foreground#F5F1E8
- activityBar.inactiveForeground#556857
- activityBarBadge.background#4CAF50
- activityBarBadge.foreground#0F110F
- badge.background#4CAF50
- badge.foreground#0F110F
- breadcrumb.activeSelectionForeground#F5F1E8
- breadcrumb.focusForeground#F5F1E8
- breadcrumb.foreground#8AAD8C
- button.background#4CAF50
- button.foreground#0F110F
- button.hoverBackground#5DBF62
- button.secondaryBackground#232923
- button.secondaryForeground#F5F1E8
- button.secondaryHoverBackground#2E3A2E
- commandCenter.activeBackground#2E3A2E
- commandCenter.activeForeground#F5F1E8
- commandCenter.background#181A18
- commandCenter.border#232923
- commandCenter.foreground#F5F1E8
- diffEditor.border#232923
- diffEditor.diagonalFill#23292380
- diffEditor.insertedTextBackground#4CAF5020
- diffEditor.removedTextBackground#E05C4B20
- dropdown.background#181A18
- dropdown.border#2E3A2E
- dropdown.foreground#F5F1E8
- editor.background#141614
- editor.findMatchBackground#D4A01760
- editor.findMatchHighlightBackground#D4A01730
- editor.foreground#F5F1E8
- editor.inactiveSelectionBackground#4CAF5020
- editor.lineHighlightBackground#1C201C
- editor.selectionBackground#4CAF5035
- editor.selectionHighlightBackground#D4A01728
- editor.wordHighlightBackground#8AAD8C25
- editor.wordHighlightStrongBackground#8AAD8C45
- editorBracketHighlight.foreground1#E8B84B
- editorBracketHighlight.foreground2#6FAF5A
- editorBracketHighlight.foreground3#C97DB5
- editorBracketHighlight.foreground4#E8C96A
- editorBracketHighlight.foreground5#4CAF50
- editorBracketHighlight.foreground6#8AAD8C
- editorBracketHighlight.unexpectedBracket.foreground#E05C4B
- editorBracketMatch.background#D4A01730
- editorBracketMatch.border#D4A017
- editorCursor.foreground#D4A017
- editorError.foreground#E05C4B
- editorGhostText.background#00000000
- editorGhostText.foreground#55685780
- editorGroup.border#232923
- editorGroup.dropBackground#E8B84B25
- editorGroupHeader.tabsBackground#0F110F
- editorGroupHeader.tabsBorder#232923
- editorGutter.addedBackground#4CAF50
- editorGutter.deletedBackground#E05C4B
- editorGutter.modifiedBackground#D4A017
- editorHoverWidget.background#181A18
- editorHoverWidget.border#2E3A2E
- editorHoverWidget.foreground#F5F1E8
- editorIndentGuide.activeBackground1#445A47
- editorIndentGuide.background1#232923
- editorInfo.foreground#5B9BD5
- editorInlayHint.background#2E3A2E80
- editorInlayHint.foreground#6A8A6C
- editorLineNumber.activeForeground#D4A017
- editorLineNumber.foreground#445A47
- editorLink.activeForeground#E8B84B
- editorOverviewRuler.errorForeground#E05C4B
- editorOverviewRuler.infoForeground#6FAF5A
- editorOverviewRuler.warningForeground#E8B84B
- editorRuler.foreground#232923
- editorStickyScroll.background#141614
- editorStickyScrollHover.background#1C201C
- editorSuggestWidget.background#181A18
- editorSuggestWidget.border#2E3A2E
- editorSuggestWidget.foreground#F5F1E8
- editorSuggestWidget.highlightForeground#E8B84B
- editorSuggestWidget.selectedBackground#2E3A2E
- editorWarning.foreground#E8B84B
- editorWhitespace.foreground#232923
- focusBorder#4CAF50
- foreground#F5F1E8
- gitDecoration.addedResourceForeground#6FAF5A
- gitDecoration.conflictingResourceForeground#E8B84B
- gitDecoration.deletedResourceForeground#E05C4B
- gitDecoration.ignoredResourceForeground#556857
- gitDecoration.modifiedResourceForeground#D4A017
- gitDecoration.untrackedResourceForeground#4CAF50
- input.background#1C201C
- input.border#2E3A2E
- input.foreground#F5F1E8
- input.placeholderForeground#556857
- inputOption.activeBackground#4CAF5025
- inputOption.activeBorder#4CAF50
- inputOption.activeForeground#F5F1E8
- inputValidation.errorBackground#E05C4B20
- inputValidation.errorBorder#E05C4B
- inputValidation.warningBackground#D4A01720
- inputValidation.warningBorder#D4A017
- keybindingLabel.background#2E3A2E80
- keybindingLabel.border#2E3A2E
- keybindingLabel.bottomBorder#2E3A2E
- keybindingLabel.foreground#F5F1E8
- list.activeSelectionBackground#4CAF5030
- list.activeSelectionForeground#F5F1E8
- list.focusBackground#4CAF5030
- list.highlightForeground#D4A017
- list.hoverBackground#1C201C
- list.inactiveSelectionBackground#4CAF5018
- merge.border#232923
- merge.currentContentBackground#4CAF5020
- merge.currentHeaderBackground#4CAF5040
- merge.incomingContentBackground#E8B84B20
- merge.incomingHeaderBackground#E8B84B40
- minimap.background#141614
- minimapSlider.activeBackground#8AAD8C60
- minimapSlider.background#8AAD8C20
- minimapSlider.hoverBackground#8AAD8C40
- notificationCenter.border#232923
- notificationCenterHeader.background#0F110F
- notificationCenterHeader.foreground#D4A017
- notifications.background#181A18
- notifications.border#232923
- notifications.foreground#F5F1E8
- notificationsErrorIcon.foreground#E05C4B
- notificationsInfoIcon.foreground#5B9BD5
- notificationsWarningIcon.foreground#E8B84B
- notificationToast.border#232923
- panel.background#111311
- panel.border#232923
- panelTitle.activeBorder#D4A017
- panelTitle.activeForeground#D4A017
- panelTitle.inactiveForeground#556857
- peekView.border#4CAF50
- peekViewEditor.background#111311
- peekViewResult.background#181A18
- peekViewTitle.background#1C201C
- peekViewTitleLabel.foreground#F5F1E8
- pickerGroup.border#2E3A2E
- pickerGroup.foreground#E8B84B
- progressBar.background#4CAF50
- quickInput.background#181A18
- quickInput.foreground#F5F1E8
- quickInputList.focusBackground#2E3A2E
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#D4A01780
- scrollbarSlider.background#2E3A2E80
- scrollbarSlider.hoverBackground#44634680
- selection.background#4CAF5035
- sideBar.background#111311
- sideBar.border#232923
- sideBar.foreground#F5F1E8
- sideBarSectionHeader.background#181A18
- sideBarSectionHeader.border#232923
- sideBarSectionHeader.foreground#F5F1E8
- sideBarTitle.foreground#D4A017
- statusBar.background#0C0E0C
- statusBar.border#232923
- statusBar.debuggingBackground#4CAF50
- statusBar.debuggingForeground#0F110F
- statusBar.foreground#F5F1E8
- statusBar.noFolderBackground#2E7D32
- statusBarItem.errorBackground#E05C4B
- statusBarItem.errorForeground#F5F1E8
- statusBarItem.hoverBackground#1C201C
- statusBarItem.remoteBackground#2E7D32
- statusBarItem.remoteForeground#F5F1E8
- statusBarItem.warningBackground#E8B84B
- statusBarItem.warningForeground#141614
- tab.activeBackground#141614
- tab.activeBorder#4CAF50
- tab.activeForeground#F5F1E8
- tab.activeModifiedBorder#E8B84B
- tab.border#232923
- tab.inactiveBackground#0F110F
- tab.inactiveForeground#556857
- tab.inactiveModifiedBorder#445A47
- tab.unfocusedActiveBackground#141614
- tab.unfocusedActiveBorder#445A47
- tab.unfocusedActiveForeground#8AAD8C
- tab.unfocusedActiveModifiedBorder#445A47
- terminal.ansiBlack#1C201C
- terminal.ansiBlue#5B9BD5
- terminal.ansiBrightBlack#556857
- terminal.ansiBrightBlue#7AB3E0
- terminal.ansiBrightCyan#5BB5AB
- terminal.ansiBrightGreen#6FAF5A
- terminal.ansiBrightMagenta#D99DC8
- terminal.ansiBrightRed#E8725F
- terminal.ansiBrightWhite#FDF8F0
- terminal.ansiBrightYellow#E8B84B
- terminal.ansiCyan#3A8F85
- terminal.ansiGreen#4CAF50
- terminal.ansiMagenta#C97DB5
- terminal.ansiRed#E05C4B
- terminal.ansiWhite#F5F1E8
- terminal.ansiYellow#D4A017
- terminal.background#141614
- terminal.foreground#F5F1E8
- terminalCursor.background#141614
- terminalCursor.foreground#D4A017
- titleBar.activeBackground#0C0E0C
- titleBar.activeForeground#F5F1E8
- titleBar.border#232923
- titleBar.inactiveBackground#0C0E0C
- titleBar.inactiveForeground#556857
- tree.indentGuidesStroke#2E3A2E
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #F5F1E8 | — |
| comment, comment.line, comment.block, comment.block.documentation | #5C6E5E | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #4CAF50 | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #4CAF50 | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #E8B84B | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #4CAF50 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #6FAF5A | — |
| entity.name.function, support.function, meta.function-call, variable.function | #D4A017 | — |
| variable, variable.other, variable.other.readwrite, variable.parameter | #F5F1E8 | — |
| variable.other.constant, variable.other.enummember | #E8C96A | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, support.type, support.class | #C97DB5 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #C97DB5 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #E8B84B | — |
| entity.name.module, support.module, meta.import string | #E8B84B | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #4CAF50 | italic |
| entity.name.tag, meta.tag | #C97DB5 | — |
| entity.other.attribute-name | #D99DC8 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #C97DB5 | — |
| support.type.property-name.css | #D4A017 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #8AAD8C | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #F5F1E8 | — |
| markup.heading, entity.name.section | #4CAF50 | bold |
| markup.bold | #E8B84B | bold |
| markup.italic | #F5F1E8 | italic |
| markup.inline.raw | #6FAF5A | — |
| markup.underline.link, string.other.link | #E8B84B | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #C97DB5 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #C97DB5 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #4CAF50 | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #C97DB5 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #C97DB5 | italic |
| keyword.control.import.ts, keyword.control.export.ts, keyword.control.import.tsx, keyword.control.export.tsx, keyword.control.import.js, keyword.control.export.js | #4CAF50 | bold |