Endfield Themes
Publisher: LeukotrieneThemes in package: 6
Includes Endfield Light, Endfield Dark, Endfield Blueprint Dark, Endfield Dijiang Dark, Wuling Light, and Wuling Dark themes.
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#202A29
- activityBar.border#202A29
- activityBar.foreground#88C880
- activityBar.inactiveForeground#78817F
- activityBarBadge.background#88C880
- activityBarBadge.foreground#202A29
- activityBarItem.hoverForeground#70B567
- badge.background#88C880
- badge.foreground#202A29
- breadcrumb.activeSelectionForeground#A0E070
- breadcrumb.background#F7FAF8
- breadcrumb.focusForeground#202A29
- breadcrumb.foreground#53615C
- breadcrumbPicker.background#EEF2EF
- button.background#88C880
- button.foreground#202A29
- button.hoverBackground#C0F888
- button.secondaryBackground#D2DAD6
- button.secondaryForeground#202A29
- button.secondaryHoverBackground#DCE8D7
- charts.blue#557A45
- charts.foreground#202A29
- charts.green#557A45
- charts.lines#A7B0AD
- charts.orange#557A45
- charts.purple#8F4E78
- charts.red#B95757
- charts.yellow#C0F888
- debugToolBar.background#D2DAD6
- debugToolBar.border#A7B0AD
- descriptionForeground#53615C
- diffEditor.insertedLineBackground#557A4514
- diffEditor.insertedTextBackground#557A4528
- diffEditor.removedLineBackground#B9575714
- diffEditor.removedTextBackground#B9575728
- dropdown.background#EEF2EF
- dropdown.border#A7B0AD
- dropdown.foreground#202A29
- editor.background#F7FAF8
- editor.findMatchBackground#C0F88878
- editor.findMatchHighlightBackground#C0F88830
- editor.findRangeHighlightBackground#C0F88818
- editor.focusedStackFrameHighlightBackground#C0F88840
- editor.foreground#202A29
- editor.inactiveSelectionBackground#A7B0AD50
- editor.lineHighlightBackground#E8EEEA
- editor.lineHighlightBorder#BEC8C480
- editor.selectionBackground#A0E07066
- editor.selectionHighlightBackground#557A452E
- editor.stackFrameHighlightBackground#C0F88828
- editor.wordHighlightBackground#557A4528
- editor.wordHighlightStrongBackground#557A4540
- editorBracketHighlight.foreground1#5B8A3C
- editorBracketHighlight.foreground2#B45757
- editorBracketHighlight.foreground3#3C7299
- editorBracketHighlight.foreground4#A85C28
- editorBracketHighlight.foreground5#596E7A
- editorBracketHighlight.foreground6#9C7A00
- editorBracketHighlight.unexpectedBracket.foreground#B95757
- editorBracketMatch.background#C0F88830
- editorBracketMatch.border#5B8A3C
- editorCursor.background#F7FAF8
- editorCursor.foreground#202A29
- editorGroupHeader.tabsBackground#D2DAD6
- editorGroupHeader.tabsBorder#A7B0AD
- editorGutter.addedBackground#557A45
- editorGutter.background#E8EEEA
- editorGutter.deletedBackground#B95757
- editorGutter.modifiedBackground#557A45
- editorHoverWidget.background#EEF2EF
- editorHoverWidget.border#A7B0AD
- editorHoverWidget.foreground#202A29
- editorIndentGuide.activeBackground1#A0E070C0
- editorIndentGuide.activeBackground2#88C880C0
- editorIndentGuide.activeBackground3#C0F888C0
- editorIndentGuide.activeBackground4#D2DAD6C0
- editorIndentGuide.activeBackground5#A7B0ADC0
- editorIndentGuide.activeBackground6#E17872C0
- editorIndentGuide.background1#A0E07055
- editorIndentGuide.background2#88C88055
- editorIndentGuide.background3#C0F88855
- editorIndentGuide.background4#D2DAD655
- editorIndentGuide.background5#A7B0AD55
- editorIndentGuide.background6#E1787255
- editorLineNumber.activeForeground#202A29
- editorLineNumber.foreground#A7B0AD
- editorRuler.foreground#A7B0AD90
- editorStickyScroll.background#DCE5E0
- editorStickyScroll.border#A7B0AD
- editorStickyScroll.shadow#202A2966
- editorStickyScrollGutter.background#D2DAD6
- editorSuggestWidget.background#EEF2EF
- editorSuggestWidget.border#A7B0AD
- editorSuggestWidget.focusHighlightForeground#202A29
- editorSuggestWidget.foreground#202A29
- editorSuggestWidget.highlightForeground#557A45
- editorSuggestWidget.selectedBackground#88C880
- editorSuggestWidget.selectedForeground#202A29
- editorWhitespace.foreground#A7B0AD
- editorWidget.background#EEF2EF
- editorWidget.border#A7B0AD
- editorWidget.foreground#202A29
- errorForeground#B95757
- focusBorder#A0E070
- foreground#202A29
- gitDecoration.addedResourceForeground#557A45
- gitDecoration.conflictingResourceForeground#557A45
- gitDecoration.deletedResourceForeground#B95757
- gitDecoration.ignoredResourceForeground#A7B0AD
- gitDecoration.modifiedResourceForeground#557A45
- gitDecoration.submoduleResourceForeground#557A45
- gitDecoration.untrackedResourceForeground#557A45
- icon.foreground#202A29
- input.background#FAFCFA
- input.border#A7B0AD
- input.foreground#202A29
- input.placeholderForeground#A7B0AD
- inputOption.activeBackground#A0E07040
- inputOption.activeBorder#A0E070
- inputOption.activeForeground#202A29
- inputValidation.errorBackground#B9575718
- inputValidation.errorBorder#B95757
- inputValidation.errorForeground#B95757
- inputValidation.infoBackground#557A4518
- inputValidation.infoBorder#557A45
- inputValidation.warningBackground#557A4518
- inputValidation.warningBorder#557A45
- keybindingLabel.background#D2DAD6
- keybindingLabel.border#A7B0AD
- keybindingLabel.bottomBorder#A7B0AD
- keybindingLabel.foreground#202A29
- list.activeSelectionBackground#88C880
- list.activeSelectionForeground#202A29
- list.activeSelectionIconForeground#202A29
- list.dropBackground#A0E07040
- list.focusAndSelectionOutline#00000000
- list.focusBackground#88C880B8
- list.focusForeground#202A29
- list.focusHighlightForeground#202A29
- list.focusOutline#00000000
- list.highlightForeground#557A45
- list.hoverBackground#CBD8CC
- list.hoverForeground#202A29
- list.inactiveSelectionBackground#D2DAD6A0
- list.inactiveSelectionForeground#202A29
- listFilterWidget.background#E4EAE6
- listFilterWidget.noMatchesOutline#B95757
- listFilterWidget.outline#A0E070
- menu.background#EEF2EF
- menu.foreground#202A29
- menu.selectionBackground#88C880
- menu.selectionForeground#202A29
- menu.separatorBackground#A7B0AD
- menubar.selectionBackground#A0E07070
- menubar.selectionBorder#202A29
- menubar.selectionForeground#202A29
- minimapSlider.activeBackground#A0E07090
- minimapSlider.background#A7B0AD38
- minimapSlider.hoverBackground#A7B0AD70
- notificationCenter.border#A7B0AD
- notificationCenterHeader.background#D2DAD6
- notificationCenterHeader.foreground#202A29
- notifications.background#EEF2EF
- notifications.border#A7B0AD
- notifications.foreground#202A29
- notificationsErrorIcon.foreground#B95757
- notificationsInfoIcon.foreground#557A45
- notificationsWarningIcon.foreground#557A45
- panel.background#E8EDEA
- panel.border#A7B0AD
- panel.dropBorder#A0E070
- panelTitle.activeBorder#70A347
- panelTitle.activeForeground#202A29
- panelTitle.inactiveForeground#53615C
- peekView.border#A0E070
- peekViewEditor.background#F7FAF8
- peekViewEditor.matchHighlightBackground#C0F88845
- peekViewResult.background#EEF2EF
- peekViewResult.fileForeground#202A29
- peekViewResult.lineForeground#53615C
- peekViewResult.matchHighlightBackground#C0F88835
- peekViewResult.selectionBackground#88C880
- peekViewResult.selectionForeground#202A29
- peekViewTitle.background#DCE5E0
- peekViewTitleDescription.foreground#53615C
- peekViewTitleLabel.foreground#202A29
- progressBar.background#A0E070
- quickInput.background#EEF2EF
- quickInput.foreground#202A29
- quickInputTitle.background#202A29
- sash.hoverBorder#A0E070
- scrollbar.shadow#202A2920
- scrollbarSlider.activeBackground#A0E07090
- scrollbarSlider.background#A7B0AD40
- scrollbarSlider.hoverBackground#A7B0AD70
- selection.background#A0E07066
- settings.checkboxBackground#FAFCFA
- settings.checkboxBorder#A7B0AD
- settings.dropdownBackground#EEF2EF
- settings.dropdownBorder#A7B0AD
- settings.headerForeground#202A29
- settings.modifiedItemIndicator#A0E070
- settings.numberInputBackground#FAFCFA
- settings.numberInputBorder#A7B0AD
- settings.textInputBackground#FAFCFA
- settings.textInputBorder#A7B0AD
- sideBar.background#E4EAE6
- sideBar.border#A7B0AD
- sideBar.dropBackground#A0E07040
- sideBar.foreground#202A29
- sideBarSectionHeader.background#D2DAD6
- sideBarSectionHeader.border#A7B0AD
- sideBarSectionHeader.foreground#202A29
- sideBarStickyScroll.background#D2DAD6
- sideBarStickyScroll.border#A7B0AD
- sideBarStickyScroll.shadow#202A2955
- sideBarTitle.background#E4EAE6
- sideBarTitle.border#A7B0AD
- sideBarTitle.foreground#53615C
- statusBar.background#D2DAD6
- statusBar.border#A7B0AD
- statusBar.debuggingBackground#C0F888
- statusBar.debuggingForeground#202A29
- statusBar.foreground#202A29
- statusBar.noFolderBackground#E4EAE6
- statusBar.noFolderForeground#53615C
- statusBarItem.activeBackground#202A2928
- statusBarItem.errorBackground#B9575725
- statusBarItem.errorForeground#B95757
- statusBarItem.hoverBackground#202A2920
- statusBarItem.hoverForeground#202A29
- statusBarItem.prominentBackground#A7B0AD66
- statusBarItem.prominentForeground#202A29
- statusBarItem.remoteBackground#88C880
- statusBarItem.remoteForeground#202A29
- statusBarItem.warningBackground#557A4525
- statusBarItem.warningForeground#557A45
- tab.activeBackground#F7FAF8
- tab.activeBorder#5CB35C
- tab.activeBorderTop#A0E070
- tab.activeForeground#202A29
- tab.hoverBackground#DCE8D7
- tab.hoverBorder#5CB35C
- tab.hoverForeground#202A29
- tab.inactiveBackground#D2DAD6
- tab.inactiveForeground#53615C
- tab.selectedBorderTop#557A45
- tab.unfocusedActiveBorder#A7B0AD
- tab.unfocusedActiveBorderTop#A7B0AD99
- tab.unfocusedActiveForeground#53615C
- tab.unfocusedHoverBorder#A7B0AD
- terminal.ansiBlack#202A29
- terminal.ansiBlue#405FA8
- terminal.ansiBrightBlack#53615C
- terminal.ansiBrightBlue#5876B9
- terminal.ansiBrightCyan#428A98
- terminal.ansiBrightGreen#A0E070
- terminal.ansiBrightMagenta#A76992
- terminal.ansiBrightRed#CB6969
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#C0F888
- terminal.ansiCyan#557A45
- terminal.ansiGreen#557A45
- terminal.ansiMagenta#8F4E78
- terminal.ansiRed#B95757
- terminal.ansiWhite#A7B0AD
- terminal.ansiYellow#C0F888
- terminal.background#DDE4E0
- terminal.foreground#202A29
- terminal.inactiveSelectionBackground#A7B0AD50
- terminal.selectionBackground#A0E07066
- terminalCursor.background#DDE4E0
- terminalCursor.foreground#202A29
- titleBar.activeBackground#D2DAD6
- titleBar.activeForeground#202A29
- titleBar.border#A7B0AD
- titleBar.inactiveBackground#E4EAE6
- titleBar.inactiveForeground#53615C
- widget.shadow#202A2924
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A0A094 | italic |
| keyword.codetag.notation.python | #7E807C | bold |
| string, string.quoted, string.template | #1A7A40 | — |
| constant.character.escape, punctuation.definition.template-expression | #df0043 | — |
| string.regexp | #007A9A | — |
| constant.numeric | #70708F | — |
| constant.character.math.tex | #EDAE0F | — |
| constant.other.general.math.tex | #1A9E68 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #1e64f1 | italic bold |
| constant.language | #1e64f1 | — |
| constant.language.python | #0000d0 | bold |
| keyword.control, keyword.operator.new, keyword.other.using | #c7ba16 | |
| keyword.control.preamble.latex | #F9B504 | bold |
| keyword.control.import.python | #F9B504 | bold |
| keyword.control.flow.python | #E88E04 | bold |
| keyword.control.label.latex, keyword.control.ref.latex, keyword.control.cite.latex | #965500 | — |
| keyword.control.equation.align.latex, keyword.control.equation.newline.latex | #FF0000 | bold |
| keyword.control.table.cell.latex, keyword.control.table.newline.latex | #FF0000 | bold |
| keyword | #c7ba16 | — |
| keyword.other.item.latex | #00A86B | bold |
| keyword.operator | #3A3A44 | |
| keyword.operator.logical.python, keyword.operator.comparison.python | #007A9A | — |
| storage.type | #000000 | italic bold |
| storage.type.format.python | #1E64F1 | |
| storage.modifier | #1e64f1 | italic bold |
| storage.type.string.python | #000000 | bold |
| storage.type.function.latex | #000000 | bold |
| storage.type.function.arrow | #1e64f1 | |
| entity.name.type, entity.name.class, entity.name.namespace, support.class, support.type | #70708F | — |
| support.class.latex | #FF00FD | — |
| 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 | #0078A8 | — |
| support.function.general.tex | #0078A8 | — |
| text.tex.latex support.function | #0078A8 | — |
| meta.parameter.newcommand.latex support.function.general.latex | #0078A8 | bold |
| variable.parameter | #00a2e1 | italic |
| variable.parameter.function.latex | #00C524 | italic |
| variable.parameter.definition.label.latex | #00BBFF | bold |
| constant.other.reference.label.latex | #00BBFF | — |
| 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 |