Elephant Theme
Publisher: yeytakenThemes in package: 3
Dark theme inspired by Elephant.js
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.activeBorder#0A84FF
- activityBar.background#000000
- activityBar.foreground#E5E5EA
- activityBar.inactiveForeground#8E8E93
- activityBarBadge.background#0A84FF
- activityBarBadge.foreground#000000
- button.background#0A84FF
- button.foreground#000000
- button.hoverBackground#409CFF
- descriptionForeground#8E8E93
- diffEditor.insertedTextBackground#30D15833
- diffEditor.removedTextBackground#FF453A33
- dropdown.background#0A0A0B
- dropdown.border#1C1C1E
- dropdown.foreground#E5E5EA
- editor.background#000000
- editor.foreground#E5E5EA
- editor.inactiveSelectionBackground#0A84FF1F
- editor.lineHighlightBackground#FFFFFF0A
- editor.selectionBackground#0A84FF33
- editorBracketMatch.background#0A84FF26
- editorBracketMatch.border#0A84FF80
- editorCursor.foreground#0A84FF
- editorError.foreground#FF453A
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#1C1C1E
- editorGutter.addedBackground#30D15880
- editorGutter.deletedBackground#FF453A80
- editorGutter.modifiedBackground#0A84FF80
- editorHint.foreground#30D158
- editorHoverWidget.background#0B0B0CF0
- editorHoverWidget.border#2C2C2E80
- editorIndentGuide.activeBackground1#1C1C1EAA
- editorIndentGuide.background1#1C1C1E55
- editorInfo.foreground#0A84FF
- editorLineNumber.activeForeground#E5E5EA
- editorLineNumber.foreground#3A3A3C
- editorRuler.foreground#1C1C1E
- editorSuggestWidget.background#0B0B0CF0
- editorSuggestWidget.border#2C2C2E80
- editorSuggestWidget.highlightForeground#64D2FF
- editorSuggestWidget.selectedBackground#0A84FF2A
- editorWarning.foreground#FF9F0A
- errorForeground#FF453A
- focusBorder#0A84FF80
- foreground#E5E5EA
- gitDecoration.addedResourceForeground#30D158
- gitDecoration.deletedResourceForeground#FF453A
- gitDecoration.ignoredResourceForeground#6E6E73
- gitDecoration.modifiedResourceForeground#0A84FF
- gitDecoration.renamedResourceForeground#64D2FF
- gitDecoration.untrackedResourceForeground#64D2FF
- icon.foreground#8E8E93
- input.background#0A0A0B
- input.border#1C1C1E
- input.foreground#E5E5EA
- inputOption.activeBackground#0A84FF2A
- inputOption.activeBorder#0A84FF
- list.activeSelectionBackground#0A84FF2A
- list.activeSelectionForeground#E5E5EA
- list.focusBackground#0A84FF2A
- list.highlightForeground#64D2FF
- list.hoverBackground#FFFFFF0A
- list.inactiveSelectionBackground#0A84FF1F
- list.inactiveSelectionForeground#E5E5EA
- menu.background#0B0B0CF0
- menu.border#2C2C2E80
- menu.selectionBackground#0A84FF2A
- menu.selectionForeground#E5E5EA
- menubar.selectionBackground#0A84FF2A
- menubar.selectionForeground#E5E5EA
- notificationLink.foreground#0A84FF
- notifications.background#0B0B0CF0
- notifications.border#2C2C2E80
- notifications.foreground#E5E5EA
- notificationToast.border#2C2C2E80
- panel.background#000000
- panel.border#1C1C1E
- panelTitle.activeBorder#0A84FF
- panelTitle.activeForeground#E5E5EA
- panelTitle.inactiveForeground#8E8E93
- quickInput.background#0B0B0CF0
- quickInput.foreground#E5E5EA
- quickInputTitle.background#0B0B0CF0
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#FFFFFF2A
- scrollbarSlider.background#FFFFFF14
- scrollbarSlider.hoverBackground#FFFFFF1F
- sideBar.background#000000
- sideBar.border#1C1C1E
- sideBar.foreground#E5E5EA
- sideBarSectionHeader.background#0A0A0B
- sideBarSectionHeader.foreground#E5E5EA
- sideBarTitle.foreground#E5E5EA
- statusBar.background#000000
- statusBar.border#1C1C1E
- statusBar.debuggingBackground#0A0A0B
- statusBar.foreground#8E8E93
- statusBarItem.prominentBackground#FFFFFF14
- statusBarItem.prominentHoverBackground#FFFFFF1F
- statusBarItem.remoteBackground#0A0A0B
- statusBarItem.remoteForeground#8E8E93
- tab.activeBackground#0A0A0B
- tab.activeBorderTop#0A84FF
- tab.activeForeground#E5E5EA
- tab.border#1C1C1E
- tab.inactiveBackground#000000
- tab.inactiveForeground#8E8E93
- terminal.ansiBlack#000000
- terminal.ansiBlue#0A84FF
- terminal.ansiBrightBlack#3A3A3C
- terminal.ansiBrightBlue#64D2FF
- terminal.ansiBrightCyan#64D2FF
- terminal.ansiBrightGreen#30D158
- terminal.ansiBrightMagenta#FF375F
- terminal.ansiBrightRed#FF453A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFD60A
- terminal.ansiCyan#64D2FF
- terminal.ansiGreen#30D158
- terminal.ansiMagenta#BF5AF2
- terminal.ansiRed#FF453A
- terminal.ansiWhite#E5E5EA
- terminal.ansiYellow#FFD60A
- terminal.background#000000
- terminal.foreground#E5E5EA
- titleBar.activeBackground#000000
- titleBar.border#1C1C1E
- titleBar.foreground#8E8E93
- titleBar.inactiveBackground#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| *url*, *link*, *uri* | #0A84FF | underline |
| comment, comment.line, comment.block, punctuation.definition.comment | #6E6E73 | italic |
| keyword, keyword.control, storage, storage.type, storage.modifier | #BF5AF2 | — |
| keyword.operator, keyword.operator.logical, keyword.operator.ternary, punctuation, punctuation.separator, punctuation.terminator | #8E8E93 | — |
| support.type, support.class, entity.name.type, entity.other.inherited-class, storage.type.annotation | #64D2FF | — |
| entity.name.function, support.function, meta.function-call, variable.function | #FFD60A | — |
| string, string.tag, string.value | #FF9F0A | — |
| constant.numeric, constant.language, variable.language, variable.language.this, constant.other.boolean | #FF375F | — |
| entity.name.tag, entity.name.tag.html, entity.name.tag.xml, entity.name.tag.tsx | #0A84FF | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.tsx, support.type.property-name | #30D158 | — |
| invalid, invalid.illegal | #FF453A | — |
| markup.heading.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown | #FFD60A | bold |
| meta.link.inline.markdown, markup.underline.link.markdown | #0A84FF | underline |