Arknights: Endfield Theme
Publisher: Yalla NkardazThemes in package: 2
A fan-made theme inspired by Arknights: Endfield. Not affiliated with or endorsed by Hypergryph.
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#1A1A1E
- activityBar.border#2A2A30
- activityBar.foreground#ffef00
- activityBar.inactiveForeground#9A9AA8
- activityBarBadge.background#ffef00
- activityBarBadge.foreground#1A1A1E
- badge.background#ffef00
- badge.foreground#1A1A1E
- breadcrumb.activeSelectionForeground#F5E200
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#1A1A1E
- breadcrumb.foreground#888888
- breadcrumbPicker.background#F0F0F0
- button.background#ffef00
- button.foreground#1A1A1E
- button.hoverBackground#FFEE55
- button.secondaryBackground#E8E8E4
- button.secondaryForeground#1A1A1E
- button.secondaryHoverBackground#DEDED8
- charts.blue#00A8D0
- charts.foreground#1A1A1E
- charts.green#4CAF70
- charts.lines#D4D4CC
- charts.orange#F5A500
- charts.purple#AA66CC
- charts.red#CC4444
- charts.yellow#F5E642
- debugToolBar.background#FAFAFA
- debugToolBar.border#FAFAFA
- descriptionForeground#888888
- diffEditor.insertedLineBackground#4CAF7010
- diffEditor.insertedTextBackground#4CAF7020
- diffEditor.removedLineBackground#CC333310
- diffEditor.removedTextBackground#CC333320
- dropdown.background#F0F0F0
- dropdown.border#D4D4CC
- dropdown.foreground#1A1A1E
- editor.background#FAFAFA
- editor.findMatchBackground#ffef0060
- editor.findMatchHighlightBackground#ffef0030
- editor.findRangeHighlightBackground#ffef0015
- editor.focusedStackFrameHighlightBackground#F5E64235
- editor.foreground#1E1E22
- editor.inactiveSelectionBackground#ffef0020
- editor.lineHighlightBackground#F0F0EC
- editor.lineHighlightBorder#E8E8E4
- editor.selectionBackground#ffef0040
- editor.selectionHighlightBackground#ffef0022
- editor.stackFrameHighlightBackground#F5E64220
- editor.wordHighlightBackground#00C8FF18
- editor.wordHighlightStrongBackground#00C8FF30
- editorBracketHighlight.foreground1#ff00fd
- editorBracketHighlight.foreground2#0094fd
- editorBracketHighlight.foreground3#00ff77
- editorBracketHighlight.foreground4#d7a500
- editorBracketHighlight.unexpectedBracket.foreground#ff302a
- editorBracketMatch.background#ffef0030
- editorBracketMatch.border#ffef00
- editorCursor.background#1A1A1E
- editorCursor.foreground#1a1a1e
- editorGroupHeader.tabsBackground#ececec
- editorGroupHeader.tabsBorder#e1e1da
- editorGutter.addedBackground#00ff77
- editorGutter.background#FAFAFA
- editorGutter.deletedBackground#ff302a
- editorGutter.modifiedBackground#2fb5f1
- editorHoverWidget.background#F0F0F0
- editorHoverWidget.border#D4D4CC
- editorHoverWidget.foreground#1A1A1E
- editorIndentGuide.activeBackground1#BCBCBC
- editorIndentGuide.background1#E0E0DC
- editorLineNumber.activeForeground#f9d504
- editorLineNumber.foreground#BCBCBC
- editorRuler.foreground#E0E0DC
- editorSuggestWidget.background#F0F0F0
- editorSuggestWidget.border#D4D4CC
- editorSuggestWidget.foreground#1A1A1E
- editorSuggestWidget.highlightForeground#F5E200
- editorSuggestWidget.selectedBackground#F5E642
- editorSuggestWidget.selectedForeground#1A1A1E
- editorWhitespace.foreground#D0D0C8
- editorWidget.background#F0F0F0
- editorWidget.border#D4D4CC
- editorWidget.foreground#1A1A1E
- errorForeground#CC4444
- focusBorder#F5E642
- foreground#1A1A1E
- gitDecoration.addedResourceForeground#4CAF70
- gitDecoration.conflictingResourceForeground#CC6600
- gitDecoration.deletedResourceForeground#CC4444
- gitDecoration.ignoredResourceForeground#9d9d96
- gitDecoration.modifiedResourceForeground#2fb5f1
- gitDecoration.submoduleResourceForeground#00A8D0
- gitDecoration.untrackedResourceForeground#4CAF70
- icon.foreground#9A9AA8
- input.background#FFFFFF
- input.border#D4D4CC
- input.foreground#1A1A1E
- input.placeholderForeground#BCBCBC
- inputOption.activeBackground#F5E64240
- inputOption.activeBorder#F5E642
- inputOption.activeForeground#1A1A1E
- inputValidation.errorBackground#FFEAEA
- inputValidation.errorBorder#CC4444
- inputValidation.errorForeground#CC2222
- inputValidation.infoBackground#E8F5FC
- inputValidation.infoBorder#00A8D0
- inputValidation.warningBackground#FFFBE8
- inputValidation.warningBorder#F5A500
- keybindingLabel.background#e4e4e4
- keybindingLabel.border#C4C4BC
- keybindingLabel.bottomBorder#B0B0A8
- keybindingLabel.foreground#1A1A1E
- list.activeSelectionBackground#F5E642
- list.activeSelectionForeground#1A1A1E
- list.dropBackground#F5E64240
- list.focusBackground#F5E642CC
- list.focusForeground#1A1A1E
- list.highlightForeground#00A8D0
- list.hoverBackground#E8E8E8
- list.hoverForeground#1A1A1E
- list.inactiveSelectionBackground#E0E0E0
- list.inactiveSelectionForeground#1A1A1E
- listFilterWidget.background#F0F0F0
- listFilterWidget.noMatchesOutline#CC2222
- listFilterWidget.outline#F5E642
- menu.background#F0F0F0
- menu.foreground#1A1A1E
- menu.selectionBackground#F5E642
- menu.selectionForeground#1A1A1E
- menu.separatorBackground#D4D4CC
- menubar.selectionBackground#F5E64220
- menubar.selectionForeground#1A1A1E
- notificationCenter.border#D4D4CC
- notificationCenterHeader.background#e4e4e4
- notificationCenterHeader.foreground#1A1A1E
- notifications.background#F0F0F0
- notifications.border#D4D4CC
- notifications.foreground#1A1A1E
- notificationsErrorIcon.foreground#CC4444
- notificationsInfoIcon.foreground#00A8D0
- notificationsWarningIcon.foreground#F5A500
- panel.background#F0F0F0
- panel.border#D4D4CC
- panel.dropBorder#ffef00
- panelTitle.activeBorder#ffef00
- panelTitle.activeForeground#1A1A1E
- panelTitle.inactiveForeground#888888
- peekView.border#F5E642
- peekViewEditor.background#F5F5F5
- peekViewEditor.matchHighlightBackground#F5E64240
- peekViewResult.background#EDEDEA
- peekViewResult.fileForeground#1A1A1E
- peekViewResult.lineForeground#555560
- peekViewResult.matchHighlightBackground#F5E64230
- peekViewResult.selectionBackground#F5E642
- peekViewResult.selectionForeground#1A1A1E
- peekViewTitle.background#F5F5F5
- peekViewTitleDescription.foreground#888888
- peekViewTitleLabel.foreground#333
- progressBar.background#F5E642
- quickInput.background#F0F0F0
- quickInput.foreground#1A1A1E
- quickInputTitle.background#1A1A1E
- sash.hoverBorder#F5E642
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#ffef00
- scrollbarSlider.background#1A1A1E18
- scrollbarSlider.hoverBackground#1A1A1E30
- selection.background#F5E64240
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#D4D4CC
- settings.dropdownBackground#F0F0F0
- settings.dropdownBorder#D4D4CC
- settings.headerForeground#1A1A1E
- settings.modifiedItemIndicator#F5E642
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#D4D4CC
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D4D4CC
- sideBar.background#F0F0F0
- sideBar.border#D4D4CC
- sideBar.foreground#1A1A1E
- sideBarSectionHeader.background#e4e4e4
- sideBarSectionHeader.border#D4D4CC
- sideBarSectionHeader.foreground#1A1A1E
- sideBarTitle.foreground#888888
- statusBar.background#EAEAEA
- statusBar.border#D4D4CC
- statusBar.debuggingBackground#ffef00
- statusBar.debuggingForeground#1A1A1E
- statusBar.foreground#1A1A1E
- statusBar.noFolderBackground#F0F0F0
- statusBar.noFolderForeground#555560
- statusBarItem.activeBackground#1A1A1E18
- statusBarItem.errorBackground#CC220018
- statusBarItem.errorForeground#AA2200
- statusBarItem.hoverBackground#1A1A1E10
- statusBarItem.remoteBackground#F5E642
- statusBarItem.remoteForeground#1A1A1E
- statusBarItem.warningBackground#F5A50018
- statusBarItem.warningForeground#8A5500
- tab.activeBackground#fffdfd
- tab.activeBorder#e1e1da
- tab.activeBorderTop#00000000
- tab.activeForeground#1A1A1E
- tab.border#e1e1da
- tab.hoverBackground#F0F0EC
- tab.hoverForeground#1A1A1E
- tab.inactiveBackground#ececec
- tab.inactiveForeground#888888
- tab.unfocusedActiveBackground#EDE8A0
- tab.unfocusedActiveBorder#e1e1da
- tab.unfocusedActiveForeground#555560
- terminal.ansiBlack#1A1A1E
- terminal.ansiBlue#4499CC
- terminal.ansiBrightBlack#7A7A88
- terminal.ansiBrightBlue#66BBFF
- terminal.ansiBrightCyan#44DDFF
- terminal.ansiBrightGreen#88CC88
- terminal.ansiBrightMagenta#CC88EE
- terminal.ansiBrightRed#FF6666
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFEE66
- terminal.ansiCyan#00C8FF
- terminal.ansiGreen#6AAF70
- terminal.ansiMagenta#AA66CC
- terminal.ansiRed#CC4444
- terminal.ansiWhite#D8D8D0
- terminal.ansiYellow#F5E642
- terminal.background#e4e4e4
- terminal.foreground#D8D8D0
- terminal.selectionBackground#F5E64230
- terminalCursor.background#1A1A1E
- terminalCursor.foreground#F5E642
- titleBar.activeBackground#EAEAEA
- titleBar.activeForeground#1A1A1E
- titleBar.border#D4D4CC
- titleBar.inactiveBackground#F0F0F0
- titleBar.inactiveForeground#888888
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #848478 | italic |
| string, string.quoted, string.template | #1A7A40 | — |
| constant.character.escape, punctuation.definition.template-expression | #df0043 | — |
| string.regexp | #007A9A | — |
| constant.numeric | #df0043 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #1e64f1 | italic bold |
| constant.language | #1e64f1 | — |
| keyword.control, keyword.operator.new, keyword.other.using | #c7ba16 | |
| keyword | #c7ba16 | — |
| keyword.operator | #3A3A44 | |
| storage.type, storage.modifier | #1e64f1 | italic bold |
| storage.type.function.arrow | #1e64f1 | |
| entity.name.type, entity.name.class, entity.name.namespace, support.class, support.type | #df0043 | — |
| entity.other.inherited-class | #00bbff | |
| entity.name.type.interface | #00bbff | |
| entity.name.type.parameter, punctuation.definition.typeparameters | #00bbff | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #9451f8 | — |
| variable.parameter | #00a2e1 | italic |
| variable, variable.other.readwrite | #1E1E22 | — |
| variable.language | #00a2e1 | italic |
| variable.other.property, variable.other.object.property, support.variable | #c7ba16 | — |
| variable.other.constant | #cd5a63 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.parameters | #6A6A72 | — |
| punctuation.definition.block, punctuation.section, meta.brace.round, meta.brace.square, meta.brace.curly | #3A3A44 | — |
| entity.name.tag | #b78484 | |
| entity.other.attribute-name | #df0043 | — |
| string.quoted.html, string.quoted.double.html, string.quoted.single.html | #1A7A40 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #848478 | — |
| support.type.property-name.css, support.type.property-name | #0849d7 | — |
| support.constant.property-value.css, meta.property-value.css | #00ce53 | — |
| entity.name.tag.css | #1e64f1 | — |
| entity.other.attribute-name.css, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #df0043 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #00bbff | — |
| constant.numeric.css, keyword.other.unit.css | #c7ba16 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #A04800 | italic |
| markup.inserted | #1A7A40 | — |
| markup.deleted | #B82A00 | — |
| markup.changed | #0032c8 | — |
| markup.heading, entity.name.section.markdown | #1A1A1E | bold |
| markup.bold | #1A1A1E | bold |
| markup.italic | #005F88 | italic |
| markup.inline.raw, markup.fenced_code.block | #1A7A40 | — |
| markup.underline.link | #00A0CC | — |
| markup.quote | #848478 | italic |
| punctuation.definition.list.begin.markdown | #df0043 | — |
| invalid | #B82A00 | underline |
| invalid.deprecated | #A04800 | strikethrough |