Night Times
Publisher: Eli HeistThemes in package: 2
Awesome 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#22282E
- activityBar.foreground#e9eef3
- activityBarBadge.background#ff2c61
- button.background#ff2c61
- button.foreground#e9eef3
- editor.background#22282E
- editor.foreground#e9eef3
- editor.selectionBackground#0080ff
- editorBracketMatch.background#323b4380
- editorGroup.border#0000
- editorGroupHeader.tabsBackground#22282E
- editorHint.border#0000
- editorStickyScroll.shadow#17010f10
- editorWidget.background#323b43
- input.background#2a3138
- input.foreground#e9eef3
- input.placeholderForeground#768593
- inputOption.activeBackground#ff2c61
- inputOption.activeBorder#0000
- inputOption.activeForeground#e9eef3
- list.activeSelectionBackground#22282E
- list.activeSelectionForeground#e9eef3
- list.errorForeground#ff3d3d
- list.focusOutline#6b7178
- list.hoverBackground#2a3138
- list.warningForeground#fd951e
- menu.background#22282E
- menu.foreground#a3b7cb
- notificationCenterHeader.background#22282E
- notificationCenterHeader.foreground#ff2c61
- notifications.background#22282E
- notifications.foreground#e9eef3
- panelStickyScroll.shadow#17010f10
- peekView.border#132332
- peekViewEditor.background#132332
- peekViewEditor.matchHighlightBackground#ff2c61
- peekViewEditorGutter.background#132332
- peekViewResult.background#132332
- peekViewResult.fileForeground#ff2c61
- peekViewResult.lineForeground#ccc
- peekViewResult.matchHighlightBackground#ff164990
- peekViewResult.selectionBackground#189cbd50
- peekViewTitle.background#132332
- peekViewTitleDescription.foreground#ffa2ba
- peekViewTitleLabel.foreground#e9eef3
- scrollbarSlider.activeBackground#76859390
- scrollbarSlider.background#2a3138
- scrollbarSlider.hoverBackground#76859350
- sideBar.background#22282E
- sideBar.foreground#a3b7cb
- sideBarSectionHeader.background#22282E
- sideBarSectionHeader.foreground#e9eef3
- sideBarStickyScroll.shadow#17010f10
- statusBar.background#22282E
- statusBar.foreground#a3b7cb
- statusBarItem.errorBackground#ff3d3d
- tab.inactiveBackground#2a3138
- titleBar.activeBackground#22282E
- titleBar.activeForeground#a3b7cb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #768593 | italic |
| string | #bafba9 | — |
| entity.other.inherited-class | #8eff3d | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #ff2c61 | — |
| support.type.property-name, entity.name.function.ts | #ffa42c | — |
| storage.type | #ffa42c | — |
| storage.type.class | #ffa42c | — |
| storage.type.function | #ffca84 | — |
| entity.name | #f8e53c | — |
| keyword.control | #ff2c61 | — |
| variable.parameter | #ff2c61 | — |
| constant | #ff2c61 | — |
| meta.function-call, variable.parameter.ts | #4ad3f9 | — |
| keyword.operator | #ffdc2c | — |
| support.type | #c8c3c5 | — |
| entity.other.attribute-name.html | #ffb92c | — |
| constant.other, variable.other.object | #e9eef3 | — |