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#17191C
- activityBar.border#101215
- activityBar.foreground#FFE000
- activityBar.inactiveForeground#8C929B
- activityBarBadge.background#FFE000
- activityBarBadge.foreground#17191C
- badge.background#FFE000
- badge.foreground#17191C
- breadcrumb.activeSelectionForeground#F5E200
- breadcrumb.background#1A1B1E
- breadcrumb.focusForeground#E7E8EA
- breadcrumb.foreground#9CA1A8
- breadcrumbPicker.background#22252A
- button.background#FFE000
- button.foreground#17191C
- button.hoverBackground#FFEA4D
- button.secondaryBackground#34383E
- button.secondaryForeground#E7E8EA
- button.secondaryHoverBackground#3B4047
- charts.blue#52C7E8
- charts.foreground#E7E8EA
- charts.green#63C986
- charts.lines#3A3E44
- charts.orange#FFB547
- charts.purple#AA66CC
- charts.red#FF6B6B
- charts.yellow#F5E642
- debugToolBar.background#202328
- debugToolBar.border#34383E
- descriptionForeground#9CA1A8
- diffEditor.insertedLineBackground#4CAF7010
- diffEditor.insertedTextBackground#4CAF7020
- diffEditor.removedLineBackground#CC333310
- diffEditor.removedTextBackground#CC333320
- dropdown.background#22252A
- dropdown.border#3A3E44
- dropdown.foreground#E7E8EA
- editor.background#1A1B1E
- editor.findMatchBackground#ffef0060
- editor.findMatchHighlightBackground#ffef0028
- editor.findRangeHighlightBackground#ffef0015
- editor.focusedStackFrameHighlightBackground#F5E64235
- editor.foreground#E7E8EA
- editor.inactiveSelectionBackground#7A828C50
- editor.lineHighlightBackground#202328
- editor.lineHighlightBorder#292C31
- editor.selectionBackground#F5E64266
- editor.selectionHighlightBackground#A0AAA933
- editor.stackFrameHighlightBackground#F5E64220
- editor.wordHighlightBackground#00C8FF28
- editor.wordHighlightStrongBackground#00C8FF40
- editorBracketHighlight.foreground1#8755C5
- editorBracketHighlight.foreground2#0B74C9
- editorBracketHighlight.foreground3#E05A00
- editorBracketHighlight.foreground4#C90099
- editorBracketHighlight.foreground5#009C83
- editorBracketHighlight.foreground6#D62828
- editorBracketHighlight.unexpectedBracket.foreground#ff302a
- editorBracketMatch.background#ffef0030
- editorBracketMatch.border#FFB000
- editorCursor.background#17191C
- editorCursor.foreground#FFE000
- editorGroupHeader.tabsBackground#202328
- editorGroupHeader.tabsBorder#34383E
- editorGutter.addedBackground#00ff77
- editorGutter.background#1E2024
- editorGutter.deletedBackground#ff302a
- editorGutter.modifiedBackground#5BC9F5
- editorHoverWidget.background#22252A
- editorHoverWidget.border#3A3E44
- editorHoverWidget.foreground#E7E8EA
- editorIndentGuide.activeBackground1#8755C5D0
- editorIndentGuide.activeBackground2#0B74C9D0
- editorIndentGuide.activeBackground3#E05A00D0
- editorIndentGuide.activeBackground4#C90099D0
- editorIndentGuide.activeBackground5#009C83D0
- editorIndentGuide.activeBackground6#D62828D0
- editorIndentGuide.background1#8755C570
- editorIndentGuide.background2#0B74C970
- editorIndentGuide.background3#E05A0070
- editorIndentGuide.background4#C9009970
- editorIndentGuide.background5#009C8370
- editorIndentGuide.background6#D6282870
- editorLineNumber.activeForeground#FFE000
- editorLineNumber.foreground#646A73
- editorRuler.foreground#2D3035
- editorStickyScroll.background#22252A
- editorStickyScroll.border#3A3E44
- editorStickyScroll.shadow#00000066
- editorStickyScrollGutter.background#26292E
- editorSuggestWidget.background#22252A
- editorSuggestWidget.border#3A3E44
- editorSuggestWidget.focusHighlightForeground#3FA6C1
- editorSuggestWidget.foreground#E7E8EA
- editorSuggestWidget.highlightForeground#F5E200
- editorSuggestWidget.selectedBackground#FFE000
- editorSuggestWidget.selectedForeground#17191C
- editorWhitespace.foreground#4A4F57
- editorWidget.background#22252A
- editorWidget.border#3A3E44
- editorWidget.foreground#E7E8EA
- errorForeground#FF6B6B
- focusBorder#F5E642
- foreground#E7E8EA
- gitDecoration.addedResourceForeground#63C986
- gitDecoration.conflictingResourceForeground#F5A24A
- gitDecoration.deletedResourceForeground#FF6B6B
- gitDecoration.ignoredResourceForeground#858A91
- gitDecoration.modifiedResourceForeground#5BC9F5
- gitDecoration.submoduleResourceForeground#52C7E8
- gitDecoration.untrackedResourceForeground#63C986
- icon.foreground#C6C9CE
- input.background#1D2024
- input.border#3A3E44
- input.foreground#E7E8EA
- input.placeholderForeground#777D86
- inputOption.activeBackground#F5E64240
- inputOption.activeBorder#F5E642
- inputOption.activeForeground#E7E8EA
- inputValidation.errorBackground#4A2226
- inputValidation.errorBorder#FF6B6B
- inputValidation.errorForeground#FF6B6B
- inputValidation.infoBackground#173443
- inputValidation.infoBorder#52C7E8
- inputValidation.warningBackground#453A18
- inputValidation.warningBorder#FFB547
- keybindingLabel.background#292C31
- keybindingLabel.border#4A4F57
- keybindingLabel.bottomBorder#555B64
- keybindingLabel.foreground#E7E8EA
- list.activeSelectionBackground#FFE000AA
- list.activeSelectionForeground#000000
- list.activeSelectionIconForeground#17191C
- list.dropBackground#F5E64240
- list.focusAndSelectionOutline#00000000
- list.focusBackground#5A531B
- list.focusForeground#F4F5F6
- list.focusHighlightForeground#3FA6C1
- list.focusOutline#00000000
- list.highlightForeground#52C7E8
- list.hoverBackground#30343A
- list.hoverForeground#F4F5F6
- list.inactiveSelectionBackground#34383E
- list.inactiveSelectionForeground#E7E8EA
- listFilterWidget.background#22252A
- listFilterWidget.noMatchesOutline#FF6B6B
- listFilterWidget.outline#F5E642
- menu.background#22252A
- menu.foreground#E7E8EA
- menu.selectionBackground#FFE000
- menu.selectionForeground#17191C
- menu.separatorBackground#3A3E44
- menubar.selectionBackground#F5E6422D
- menubar.selectionBorder#9C8700
- menubar.selectionForeground#F4F5F6
- minimapSlider.activeBackground#FFE00080
- minimapSlider.background#A0AAA933
- minimapSlider.hoverBackground#A0AAA966
- notificationCenter.border#3A3E44
- notificationCenterHeader.background#292C31
- notificationCenterHeader.foreground#E7E8EA
- notifications.background#22252A
- notifications.border#3A3E44
- notifications.foreground#E7E8EA
- notificationsErrorIcon.foreground#FF6B6B
- notificationsInfoIcon.foreground#52C7E8
- notificationsWarningIcon.foreground#FFB547
- panel.background#202328
- panel.border#3A3E44
- panel.dropBorder#ffef00
- panelTitle.activeBorder#FFE000
- panelTitle.activeForeground#F4F5F6
- panelTitle.inactiveForeground#9CA1A8
- peekView.border#F5E642
- peekViewEditor.background#202328
- peekViewEditor.matchHighlightBackground#F5E64240
- peekViewResult.background#25282D
- peekViewResult.fileForeground#E7E8EA
- peekViewResult.lineForeground#A9ADB4
- peekViewResult.matchHighlightBackground#F5E64230
- peekViewResult.selectionBackground#FFE000
- peekViewResult.selectionForeground#17191C
- peekViewTitle.background#202328
- peekViewTitleDescription.foreground#9CA1A8
- peekViewTitleLabel.foreground#D7DADF
- progressBar.background#F5E642
- quickInput.background#22252A
- quickInput.foreground#E7E8EA
- quickInputTitle.background#17191C
- sash.hoverBorder#F5E642
- scrollbar.shadow#00000015
- scrollbarSlider.activeBackground#FFEF0080
- scrollbarSlider.background#A0AAA940
- scrollbarSlider.hoverBackground#A0AAA966
- selection.background#F5E64273
- settings.checkboxBackground#1D2024
- settings.checkboxBorder#3A3E44
- settings.dropdownBackground#22252A
- settings.dropdownBorder#3A3E44
- settings.headerForeground#F4F5F6
- settings.modifiedItemIndicator#FFE000
- settings.numberInputBackground#1D2024
- settings.numberInputBorder#3A3E44
- settings.textInputBackground#1D2024
- settings.textInputBorder#3A3E44
- sideBar.background#22252A
- sideBar.border#3A3E44
- sideBar.foreground#E7E8EA
- sideBarSectionHeader.background#292C31
- sideBarSectionHeader.border#3A3E44
- sideBarSectionHeader.foreground#E7E8EA
- sideBarTitle.foreground#9CA1A8
- statusBar.background#202328
- statusBar.border#3A3E44
- statusBar.debuggingBackground#FFE000
- statusBar.debuggingForeground#17191C
- statusBar.foreground#E7E8EA
- statusBar.noFolderBackground#22252A
- statusBar.noFolderForeground#A9ADB4
- statusBarItem.activeBackground#1A1A1E18
- statusBarItem.errorBackground#CC220018
- statusBarItem.errorForeground#FF8A72
- statusBarItem.hoverBackground#17191CAA
- statusBarItem.hoverForeground#F2F3F5
- statusBarItem.prominentBackground#17191CCC
- statusBarItem.prominentForeground#F2F3F5
- statusBarItem.remoteBackground#FFE000
- statusBarItem.remoteForeground#17191C
- statusBarItem.warningBackground#F5A50018
- statusBarItem.warningForeground#FFC261
- tab.activeBackground#1A1B1E
- tab.activeBorder#FFE00099
- tab.activeBorderTop#A0AAA9
- tab.activeForeground#F4F5F6
- tab.hoverBackground#292C31
- tab.hoverBorder#FFE00099
- tab.hoverForeground#F4F5F6
- tab.inactiveBackground#202328
- tab.inactiveForeground#9CA1A8
- tab.selectedBorderTop#4CAF70
- tab.unfocusedActiveBorder#7E807C
- tab.unfocusedActiveForeground#A9ADB4
- tab.unfocusedHoverBorder#7E807C
- terminal.ansiBlack#22252A
- terminal.ansiBlue#4499CC
- terminal.ansiBrightBlack#747A84
- terminal.ansiBrightBlue#66BBFF
- terminal.ansiBrightCyan#44DDFF
- terminal.ansiBrightGreen#88CC88
- terminal.ansiBrightMagenta#CC88EE
- terminal.ansiBrightRed#FF6666
- terminal.ansiBrightWhite#F4F5F6
- terminal.ansiBrightYellow#FFEE66
- terminal.ansiCyan#00C8FF
- terminal.ansiGreen#6AAF70
- terminal.ansiMagenta#AA66CC
- terminal.ansiRed#FF6B6B
- terminal.ansiWhite#C8CBD0
- terminal.ansiYellow#F5E642
- terminal.background#15171A
- terminal.foreground#E7E8EA
- terminal.inactiveSelectionBackground#7A828C50
- terminal.selectionBackground#F5E64266
- terminalCursor.background#17191C
- terminalCursor.foreground#FFE000
- titleBar.activeBackground#202328
- titleBar.activeForeground#E7E8EA
- titleBar.border#3A3E44
- titleBar.inactiveBackground#22252A
- titleBar.inactiveForeground#9CA1A8
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8F949C | italic |
| keyword.codetag.notation.python | #B1B5B3 | bold |
| string, string.quoted, string.template | #68D391 | — |
| constant.character.escape, punctuation.definition.template-expression | #FF5C8A | — |
| string.regexp | #55C7E3 | — |
| constant.numeric | #B6B3D8 | — |
| constant.character.math.tex | #F4C451 | — |
| constant.other.general.math.tex | #5BD8A0 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language.nan | #7F9EFF | italic bold |
| constant.language | #7F9EFF | — |
| constant.language.python | #7B91FF | bold |
| keyword.control, keyword.operator.new, keyword.other.using | #E6D94F | |
| keyword.control.preamble.latex | #FFC857 | bold |
| keyword.control.import.python | #FFC857 | bold |
| keyword.control.flow.python | #FFAD42 | bold |
| keyword.control.label.latex, keyword.control.ref.latex, keyword.control.cite.latex | #E1A15A | — |
| keyword.control.equation.align.latex, keyword.control.equation.newline.latex | #FF6868 | bold |
| keyword.control.table.cell.latex, keyword.control.table.newline.latex | #FF6868 | bold |
| keyword | #E6D94F | — |
| keyword.other.item.latex | #5BD8A0 | bold |
| keyword.operator | #C4C7CE | |
| keyword.operator.logical.python, keyword.operator.comparison.python | #55C7E3 | — |
| storage.type | #F2F3F5 | italic bold |
| storage.type.format.python | #7F9EFF | |
| storage.modifier | #7F9EFF | italic bold |
| storage.type.string.python | #F2F3F5 | bold |
| storage.type.function.latex | #F2F3F5 | bold |
| storage.type.function.arrow | #7F9EFF | |
| entity.name.type, entity.name.class, entity.name.namespace, support.class, support.type | #B6B3D8 | — |
| support.class.latex | #F07BFF | — |
| entity.other.inherited-class | #5BCBFF | |
| entity.name.type.interface | #5BCBFF | |
| entity.name.type.parameter, punctuation.definition.typeparameters | #5BCBFF | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #55C2E6 | — |
| support.function.general.tex | #55C2E6 | — |
| text.tex.latex support.function | #55C2E6 | — |
| meta.parameter.newcommand.latex support.function.general.latex | #55C2E6 | bold |
| variable.parameter | #66CCF2 | italic |
| variable.parameter.function.latex | #6ADD8A | italic |
| variable.parameter.definition.label.latex | #5BCBFF | bold |
| constant.other.reference.label.latex | #5BCBFF | — |
| variable, variable.other.readwrite | #E7E8EA | — |
| variable.language | #66CCF2 | italic |
| variable.other.property, variable.other.object.property, support.variable | #E6D94F | — |
| variable.other.constant | #F07D86 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation.definition.parameters | #AEB2BA | — |
| punctuation.definition.block, punctuation.section, meta.brace.round, meta.brace.square, meta.brace.curly | #C4C7CE | — |
| entity.name.tag | #E69A9A | |
| entity.other.attribute-name | #FF5C8A | — |
| string.quoted.html, string.quoted.double.html, string.quoted.single.html | #68D391 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #92979F | — |
| support.type.property-name.css, support.type.property-name | #7C9DFF | — |
| support.constant.property-value.css, meta.property-value.css | #69DD8B | — |
| entity.name.tag.css | #7F9EFF | — |
| entity.other.attribute-name.css, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #FF5C8A | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #5BCBFF | — |
| constant.numeric.css, keyword.other.unit.css | #E6D94F | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #E8A15E | italic |
| markup.inserted | #68D391 | — |
| markup.deleted | #FF755F | — |
| markup.changed | #7895FF | — |
| markup.heading, entity.name.section.markdown | #E7E8EA | bold |
| markup.bold | #E7E8EA | bold |
| markup.italic | #6BBFDA | italic |
| markup.inline.raw, markup.fenced_code.block | #68D391 | — |
| markup.underline.link | #5AC7E8 | — |
| markup.quote | #92979F | italic |
| punctuation.definition.list.begin.markdown | #FF5C8A | — |
| invalid | #FF755F | underline |
| invalid.deprecated | #E8A15E | strikethrough |