Arsenal Theme
Publisher: Joseph AkayesiThemes in package: 2
Dark and light themes inspired by Arsenal FC
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#F5EAEA
- activityBar.border#E8D0D0
- activityBar.foreground#1A0808
- activityBar.inactiveForeground#C09090
- activityBarBadge.background#CC0005
- activityBarBadge.foreground#FFFFFF
- badge.background#CC0005
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#CC0005
- breadcrumb.background#FFF8F8
- breadcrumb.foreground#A07070
- breadcrumbPicker.background#FAF0F0
- button.background#CC0005
- button.foreground#FFFFFF
- button.hoverBackground#AA0004
- button.secondaryBackground#FFE0E0
- button.secondaryForeground#1A0808
- checkbox.background#FFFFFF
- checkbox.border#E0C0C0
- checkbox.foreground#CC0005
- descriptionForeground#9A6060
- diffEditor.insertedTextBackground#C8E8C820
- diffEditor.removedTextBackground#EF010718
- disabledForeground#C09090
- dropdown.background#FFFFFF
- dropdown.border#E0C0C0
- dropdown.foreground#1A0808
- editor.background#FFF8F8
- editor.findMatchBackground#C5A02845
- editor.findMatchHighlightBackground#C5A02828
- editor.foreground#1A0808
- editor.hoverHighlightBackground#EF010718
- editor.inactiveSelectionBackground#EF010720
- editor.lineHighlightBackground#FFE8E8
- editor.rangeHighlightBackground#EF010712
- editor.selectionBackground#EF010730
- editor.selectionHighlightBackground#EF010718
- editor.wordHighlightBackground#C5A02820
- editor.wordHighlightStrongBackground#C5A02835
- editorBracketMatch.background#C5A02828
- editorBracketMatch.border#9A7A00
- editorCodeLens.foreground#C09090
- editorCursor.background#FFF8F8
- editorCursor.foreground#CC0005
- editorError.foreground#CC2222
- editorGroup.border#E0C0C0
- editorGroup.dropBackground#EF010718
- editorGroupHeader.tabsBackground#F5EAEA
- editorGroupHeader.tabsBorder#E8D0D0
- editorGutter.addedBackground#2A7A2A
- editorGutter.background#FFF8F8
- editorGutter.deletedBackground#CC0005
- editorGutter.modifiedBackground#9A7A00
- editorHoverWidget.background#FAF0F0
- editorHoverWidget.border#E0C0C0
- editorIndentGuide.activeBackground#C09090
- editorIndentGuide.background#F0D8D8
- editorInfo.foreground#CC4444
- editorLineNumber.activeForeground#CC0005
- editorLineNumber.foreground#C09090
- editorOverviewRuler.border#F0D8D8
- editorOverviewRuler.errorForeground#CC2222
- editorOverviewRuler.findMatchForeground#9A7A00
- editorOverviewRuler.infoForeground#CC0005
- editorOverviewRuler.rangeHighlightForeground#CC0005
- editorOverviewRuler.selectionHighlightForeground#CC0005
- editorOverviewRuler.warningForeground#9A7A00
- editorOverviewRuler.wordHighlightForeground#9A7A00
- editorOverviewRuler.wordHighlightStrongForeground#9A7A00
- editorRuler.foreground#F0D8D8
- editorSuggestWidget.background#FAF0F0
- editorSuggestWidget.border#E0C0C0
- editorSuggestWidget.foreground#1A0808
- editorSuggestWidget.highlightForeground#CC0005
- editorSuggestWidget.selectedBackground#FFE0E0
- editorWarning.foreground#9A7A00
- editorWhitespace.foreground#E8C8C8
- editorWidget.background#FAF0F0
- editorWidget.border#E0C0C0
- editorWidget.foreground#1A0808
- errorForeground#CC2222
- focusBorder#CC000560
- foreground#1A0808
- gitDecoration.addedResourceForeground#2A7A2A
- gitDecoration.conflictingResourceForeground#CC4444
- gitDecoration.deletedResourceForeground#CC0005
- gitDecoration.ignoredResourceForeground#C09090
- gitDecoration.modifiedResourceForeground#9A7A00
- gitDecoration.submoduleResourceForeground#3060A0
- gitDecoration.untrackedResourceForeground#3A8A3A
- icon.foreground#CC4444
- input.background#FFFFFF
- input.border#E0C0C0
- input.foreground#1A0808
- input.placeholderForeground#C09090
- inputOption.activeBackground#EF010718
- inputOption.activeBorder#CC0005
- inputValidation.errorBackground#FFE8E8
- inputValidation.errorBorder#CC0005
- inputValidation.warningBackground#FFF8E0
- inputValidation.warningBorder#9A7A00
- list.activeSelectionBackground#FFD8D8
- list.activeSelectionForeground#1A0808
- list.dropBackground#EF010725
- list.focusBackground#FFD8D8
- list.focusForeground#1A0808
- list.highlightForeground#CC0005
- list.hoverBackground#FFE8E8
- list.hoverForeground#1A0808
- list.inactiveSelectionBackground#FFE8E8
- list.inactiveSelectionForeground#1A0808
- menu.background#FAF0F0
- menu.border#E0C0C0
- menu.foreground#1A0808
- menu.selectionBackground#FFD8D8
- menu.selectionForeground#1A0808
- menu.separatorBackground#E0C0C0
- menubar.selectionBackground#FFD8D8
- menubar.selectionForeground#1A0808
- merge.currentHeaderBackground#C8E8C880
- merge.incomingHeaderBackground#C8C8E880
- notificationLink.foreground#9A7A00
- notifications.background#FAF0F0
- notifications.border#E0C0C0
- notifications.foreground#1A0808
- notificationsErrorIcon.foreground#CC2222
- notificationsInfoIcon.foreground#CC4444
- notificationsWarningIcon.foreground#9A7A00
- notificationToast.border#CC0005
- panel.background#FAF2F2
- panel.border#E0C0C0
- panelTitle.activeBorder#CC0005
- panelTitle.activeForeground#1A0808
- panelTitle.inactiveForeground#A07070
- peekView.border#CC0005
- peekViewEditor.background#FFF8F8
- peekViewEditor.matchHighlightBackground#C5A02835
- peekViewEditorGutter.background#FAF2F2
- peekViewResult.background#FAF0F0
- peekViewResult.fileForeground#CC0005
- peekViewResult.lineForeground#3A1818
- peekViewResult.matchHighlightBackground#C5A02835
- peekViewResult.selectionBackground#FFD8D8
- peekViewResult.selectionForeground#1A0808
- peekViewTitle.background#FAF0F0
- peekViewTitleDescription.foreground#9A6060
- peekViewTitleLabel.foreground#1A0808
- progressBar.background#CC0005
- scrollbar.shadow#E0C0C040
- scrollbarSlider.activeBackground#CC000540
- scrollbarSlider.background#E0C0C050
- scrollbarSlider.hoverBackground#C09090A0
- selection.background#EF010730
- sideBar.background#FAF2F2
- sideBar.border#E8D0D0
- sideBar.foreground#3A1818
- sideBarSectionHeader.background#F5EAEA
- sideBarSectionHeader.border#E8D0D0
- sideBarSectionHeader.foreground#9A7A00
- sideBarTitle.foreground#CC0005
- statusBar.background#CC0005
- statusBar.border#AA0004
- statusBar.debuggingBackground#9A7A00
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#8B0000
- statusBar.noFolderForeground#FFFFFF
- statusBarItem.activeBackground#880003
- statusBarItem.hoverBackground#AA0004
- statusBarItem.remoteBackground#9A7A00
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FFF8F8
- tab.activeBorder#CC0005
- tab.activeBorderTop#CC0005
- tab.activeForeground#1A0808
- tab.border#E8D0D0
- tab.hoverBackground#FAF0F0
- tab.hoverForeground#1A0808
- tab.inactiveBackground#F5EAEA
- tab.inactiveForeground#A07070
- tab.unfocusedActiveBackground#FFF8F8
- tab.unfocusedActiveForeground#9A6060
- tab.unfocusedInactiveBackground#F5EAEA
- terminal.ansiBlue#3060A0
- terminal.ansiBrightGreen#3A8A3A
- terminal.ansiBrightRed#EF0107
- terminal.ansiBrightWhite#1A0808
- terminal.ansiBrightYellow#B89020
- terminal.ansiGreen#2A7A2A
- terminal.ansiMagenta#903050
- terminal.ansiRed#CC0005
- terminal.ansiYellow#9A7A00
- terminal.background#FAF2F2
- terminal.foreground#1A0808
- terminalCursor.background#FFF8F8
- terminalCursor.foreground#CC0005
- textBlockQuote.background#FAF0F0
- textBlockQuote.border#CC0005
- textCodeBlock.background#FAF0F0
- textLink.activeForeground#B89020
- textLink.foreground#9A7A00
- textPreformat.foreground#9A7A00
- textSeparator.foreground#E0C0C0
- titleBar.activeBackground#F5EAEA
- titleBar.activeForeground#1A0808
- titleBar.border#E8D0D0
- titleBar.inactiveBackground#F5EAEA
- titleBar.inactiveForeground#C09090
- walkThrough.embeddedEditorBackground#FAF0F0
- welcomePage.buttonBackground#FAF0F0
- welcomePage.buttonHoverBackground#FFE0E0
- widget.shadow#E0C0C060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #B07070 | italic |
| comment.block.documentation | #A06060 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, keyword.operator.logical.python, storage.type, storage.modifier | #CC0005 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #EF0107 | — |
| string, string.quoted, string.template, string.regexp | #9A7A00 | — |
| constant.character.escape, string.regexp constant.character | #B89020 | — |
| punctuation.definition.template-expression | #CC0005 | — |
| constant.numeric | #B86820 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #CC3030 | italic |
| constant, variable.other.constant | #9A7A00 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #AA2020 | — |
| variable.parameter, meta.function.parameters variable.other | #8A5020 | italic |
| entity.name.class, entity.name.type, entity.name.type.class, entity.other.inherited-class, support.class | #BB1818 | bold |
| meta.type.annotation, support.type, keyword.operator.type | #9A3030 | — |
| entity.name.type.interface, entity.name.type.enum | #883030 | italic |
| variable, variable.other, variable.other.readwrite | #1A0808 | — |
| variable.other.property, support.variable.property, meta.property-name | #6A2828 | — |
| meta.objectliteral string.quoted, meta.object-literal.key | #6A2828 | — |
| keyword.operator | #CC2020 | — |
| punctuation, meta.brace, punctuation.definition, punctuation.separator | #A07070 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #9A7A00 | italic |
| entity.name.tag, meta.tag.sgml | #CC0005 | bold |
| entity.other.attribute-name, meta.tag entity.other.attribute-name | #9A7A00 | — |
| entity.name.selector, meta.selector, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #AA2020 | — |
| support.type.property-name.css | #6A2828 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #9A7A00 | — |
| keyword.other.unit | #B86820 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #CC0005 | bold |
| markup.bold | #AA2020 | bold |
| markup.italic | #9A7A00 | italic |
| markup.underline.link, string.other.link | #9A7A00 | underline |
| markup.inline.raw, markup.fenced_code.block | #6A2828 | |
| source.json support.type.property-name, source.json meta.structure.dictionary.json string.quoted.double.json | #AA2020 | — |
| source.json string.quoted.double.json | #9A7A00 | — |
| variable.language.special.self.python, variable.parameter.function.language.special.self.python | #CC0005 | italic |
| support.function.builtin.python | #BB1818 | — |
| entity.name.lifetime.rust, punctuation.definition.lifetime | #9A7A00 | italic |
| invalid, invalid.illegal, invalid.deprecated | #CC2222 | strikethrough |