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#110A04
- activityBar.border#3D2A1A
- activityBar.foreground#F5F1E8
- activityBar.inactiveForeground#8B6355
- activityBarBadge.background#C44536
- activityBarBadge.foreground#F5F1E8
- badge.background#C44536
- badge.foreground#F5F1E8
- breadcrumb.activeSelectionForeground#F5F1E8
- breadcrumb.focusForeground#F5F1E8
- breadcrumb.foreground#B8917A
- button.background#C44536
- button.foreground#F5F1E8
- button.hoverBackground#D4533F
- button.secondaryBackground#2A1C10
- button.secondaryForeground#F5F1E8
- button.secondaryHoverBackground#3D2A1A
- commandCenter.activeBackground#3A2818
- commandCenter.activeForeground#F5F1E8
- commandCenter.background#241408
- commandCenter.border#3D2A1A
- commandCenter.foreground#F5F1E8
- diffEditor.border#2A1A10
- diffEditor.diagonalFill#2A1A1080
- diffEditor.insertedTextBackground#6DBF7220
- diffEditor.removedTextBackground#E05C4B20
- dropdown.background#211409
- dropdown.border#3D2A1A
- dropdown.foreground#F5F1E8
- editor.background#1A1008
- editor.findMatchBackground#D4A01760
- editor.findMatchHighlightBackground#D4A01730
- editor.foreground#F5F1E8
- editor.inactiveSelectionBackground#C4453625
- editor.lineHighlightBackground#2A1C10
- editor.selectionBackground#C4453640
- editor.selectionHighlightBackground#D4A01730
- editor.wordHighlightBackground#B8917A30
- editor.wordHighlightStrongBackground#B8917A50
- editorBracketHighlight.foreground1#E8B84B
- editorBracketHighlight.foreground2#6DBF72
- editorBracketHighlight.foreground3#E05C4B
- editorBracketHighlight.foreground4#E8C96A
- editorBracketHighlight.foreground5#D97085
- editorBracketHighlight.foreground6#B8917A
- editorBracketHighlight.unexpectedBracket.foreground#E05C4B
- editorBracketMatch.background#D4A01730
- editorBracketMatch.border#D4A017
- editorCursor.foreground#D4A017
- editorError.foreground#E05C4B
- editorGhostText.background#00000000
- editorGhostText.foreground#8B635580
- editorGroup.border#3D2A1A
- editorGroup.dropBackground#E8B84B30
- editorGroupHeader.tabsBackground#110A04
- editorGroupHeader.tabsBorder#3D2A1A
- editorGutter.addedBackground#6DBF72
- editorGutter.deletedBackground#E05C4B
- editorGutter.modifiedBackground#E8B84B
- editorHoverWidget.background#241408
- editorHoverWidget.border#3A2818
- editorHoverWidget.foreground#F5F1E8
- editorIndentGuide.activeBackground1#8B6355
- editorIndentGuide.background1#3D2A1A
- editorInfo.foreground#5B9BD5
- editorInlayHint.background#3A281880
- editorInlayHint.foreground#A67B6A
- editorLineNumber.activeForeground#D4A017
- editorLineNumber.foreground#8B6355
- editorLink.activeForeground#E8B84B
- editorOverviewRuler.errorForeground#E05C4B
- editorOverviewRuler.infoForeground#6DBF72
- editorOverviewRuler.warningForeground#E8B84B
- editorRuler.foreground#3D2A1A
- editorStickyScroll.background#1A1008
- editorStickyScrollHover.background#241408
- editorSuggestWidget.background#241408
- editorSuggestWidget.border#3A2818
- editorSuggestWidget.foreground#F5F1E8
- editorSuggestWidget.highlightForeground#E8B84B
- editorSuggestWidget.selectedBackground#3A2818
- editorWarning.foreground#E8B84B
- editorWhitespace.foreground#3D2A1A
- focusBorder#D4A017
- foreground#F5F1E8
- gitDecoration.addedResourceForeground#4CAF50
- gitDecoration.conflictingResourceForeground#E8B84B
- gitDecoration.deletedResourceForeground#C44536
- gitDecoration.ignoredResourceForeground#8B6355
- gitDecoration.modifiedResourceForeground#D4A017
- gitDecoration.untrackedResourceForeground#2E7D32
- input.background#2A1C10
- input.border#3D2A1A
- input.foreground#F5F1E8
- input.placeholderForeground#8B6355
- inputOption.activeBackground#E8B84B30
- inputOption.activeBorder#E8B84B
- inputOption.activeForeground#F5F1E8
- inputValidation.errorBackground#C4453620
- inputValidation.errorBorder#C44536
- inputValidation.warningBackground#D4A01720
- inputValidation.warningBorder#D4A017
- keybindingLabel.background#3A281880
- keybindingLabel.border#3D2A1A
- keybindingLabel.bottomBorder#3D2A1A
- keybindingLabel.foreground#F5F1E8
- list.activeSelectionBackground#C4453640
- list.activeSelectionForeground#F5F1E8
- list.focusBackground#C4453640
- list.highlightForeground#D4A017
- list.hoverBackground#2A1C10
- list.inactiveSelectionBackground#C4453625
- merge.border#2A1A10
- merge.currentContentBackground#6DBF7220
- merge.currentHeaderBackground#6DBF7240
- merge.incomingContentBackground#E8B84B20
- merge.incomingHeaderBackground#E8B84B40
- minimap.background#1A1008
- minimapSlider.activeBackground#B8917A60
- minimapSlider.background#B8917A20
- minimapSlider.hoverBackground#B8917A40
- notificationCenter.border#3D2A1A
- notificationCenterHeader.background#110A04
- notificationCenterHeader.foreground#D4A017
- notifications.background#211409
- notifications.border#3D2A1A
- notifications.foreground#F5F1E8
- notificationsErrorIcon.foreground#E05C4B
- notificationsInfoIcon.foreground#5B9BD5
- notificationsWarningIcon.foreground#E8B84B
- notificationToast.border#3D2A1A
- panel.background#160D06
- panel.border#3D2A1A
- panelTitle.activeBorder#D4A017
- panelTitle.activeForeground#D4A017
- panelTitle.inactiveForeground#8B6355
- peekView.border#E05C4B
- peekViewEditor.background#1E0E04
- peekViewResult.background#241408
- peekViewTitle.background#2A1A10
- peekViewTitleLabel.foreground#F5F1E8
- pickerGroup.border#3A2818
- pickerGroup.foreground#E8B84B
- progressBar.background#C44536
- quickInput.background#241408
- quickInput.foreground#F5F1E8
- quickInputList.focusBackground#3A2818
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#D4A01780
- scrollbarSlider.background#3D2A1A80
- scrollbarSlider.hoverBackground#8B635580
- selection.background#C4453640
- sideBar.background#160D06
- sideBar.border#3D2A1A
- sideBar.foreground#F5F1E8
- sideBarSectionHeader.background#211409
- sideBarSectionHeader.border#3D2A1A
- sideBarSectionHeader.foreground#F5F1E8
- sideBarTitle.foreground#D4A017
- statusBar.background#0D0704
- statusBar.border#3D2A1A
- statusBar.debuggingBackground#C44536
- statusBar.debuggingForeground#F5F1E8
- statusBar.foreground#F5F1E8
- statusBar.noFolderBackground#2E7D32
- statusBarItem.errorBackground#C44536
- statusBarItem.errorForeground#F5F1E8
- statusBarItem.hoverBackground#2A1C10
- statusBarItem.remoteBackground#2E7D32
- statusBarItem.remoteForeground#F5F1E8
- statusBarItem.warningBackground#E8B84B
- statusBarItem.warningForeground#1A1008
- tab.activeBackground#1A1008
- tab.activeBorder#D4A017
- tab.activeForeground#F5F1E8
- tab.activeModifiedBorder#E8B84B
- tab.border#3D2A1A
- tab.inactiveBackground#110A04
- tab.inactiveForeground#8B6355
- tab.inactiveModifiedBorder#8B6355
- tab.unfocusedActiveBackground#1A1008
- tab.unfocusedActiveBorder#8B6355
- tab.unfocusedActiveForeground#A0927E
- tab.unfocusedActiveModifiedBorder#8B6355
- terminal.ansiBlack#2A1C10
- terminal.ansiBlue#5B9BD5
- terminal.ansiBrightBlack#8B6355
- terminal.ansiBrightBlue#7AB3E0
- terminal.ansiBrightCyan#5BB5AB
- terminal.ansiBrightGreen#4CAF50
- terminal.ansiBrightMagenta#C44536
- terminal.ansiBrightRed#E05C4B
- terminal.ansiBrightWhite#FDF8F0
- terminal.ansiBrightYellow#E8B84B
- terminal.ansiCyan#3A8F85
- terminal.ansiGreen#2E7D32
- terminal.ansiMagenta#B23A2B
- terminal.ansiRed#C44536
- terminal.ansiWhite#F5F1E8
- terminal.ansiYellow#D4A017
- terminal.background#1A1008
- terminal.foreground#F5F1E8
- terminalCursor.background#1A1008
- terminalCursor.foreground#D4A017
- titleBar.activeBackground#0D0704
- titleBar.activeForeground#F5F1E8
- titleBar.border#3D2A1A
- titleBar.inactiveBackground#0D0704
- titleBar.inactiveForeground#8B6355
- tree.indentGuidesStroke#3D2A1A
- 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 | #A67B6A | italic |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.export, storage, storage.type, storage.modifier | #E05C4B | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic | #E05C4B | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated | #E8B84B | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #E05C4B | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #E8C96A | — |
| entity.name.function, support.function, meta.function-call, variable.function | #6DBF72 | — |
| 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 | #D97085 | — |
| entity.name.type.primitive, support.type.primitive, keyword.type | #D97085 | 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 | #E05C4B | italic |
| entity.name.tag, meta.tag | #D97085 | — |
| entity.other.attribute-name | #C480B0 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #D97085 | — |
| support.type.property-name.css | #6DBF72 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor | #B8917A | — |
| punctuation.definition.parameters, punctuation.definition.block, meta.brace | #F5F1E8 | — |
| markup.heading, entity.name.section | #E05C4B | bold |
| markup.bold | #E8B84B | bold |
| markup.italic | #F5F1E8 | italic |
| markup.inline.raw | #6DBF72 | — |
| markup.underline.link, string.other.link | #E8B84B | underline |
| meta.type.assertion.ts, meta.type.assertion.tsx | #D97085 | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #D97085 | italic |
| storage.type.function.arrow.ts, storage.type.function.arrow.tsx, storage.type.function.arrow.js | #E05C4B | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #D97085 | italic |
| support.type.primitive.ts, support.type.primitive.tsx, support.type.primitive.js | #D97085 | 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 | #E05C4B | bold |