Corporate Dark Theme
Publisher: Sahil JhajhariaThemes in package: 1
An ergonomic, professional dark theme designed for deep focus and reduced visual fatigue.
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#181818
- activityBar.border#232323
- activityBar.foreground#F8FAFC
- activityBar.inactiveForeground#64748B
- activityBarBadge.background#D97706
- activityBarBadge.foreground#FFFFFF
- button.background#334155
- button.foreground#FFFFFF
- button.hoverBackground#475569
- descriptionForeground#94A3B8
- editor.background#121212
- editor.findMatchBackground#D9770666
- editor.findMatchHighlightBackground#D9770644
- editor.foreground#E2E8F0
- editor.inactiveSelectionBackground#24242466
- editor.lineHighlightBackground#1F1F1F
- editor.lineHighlightBorder#242424
- editor.selectionBackground#3e445199
- editor.selectionHighlightBackground#3e445166
- editor.wordHighlightBackground#2d384444
- editor.wordHighlightStrongBackground#2d384444
- editorCursor.foreground#D97706
- editorGroupHeader.noTabsBackground#121212
- editorGroupHeader.tabsBackground#141414
- editorGroupHeader.tabsBorder#232323
- editorIndentGuide.activeBackground1#334155
- editorIndentGuide.background1#242424
- editorLineNumber.activeForeground#94A3B8
- editorLineNumber.foreground#334155
- editorWhitespace.foreground#242424
- errorForeground#E25858
- extensionButton.prominentBackground#334155
- extensionButton.prominentHoverBackground#475569
- focusBorder#2B2B2B
- foreground#E2E8F0
- input.background#1F1F1F
- input.border#242424
- input.foreground#E2E8F0
- inputOption.activeBorder#D97706
- list.activeSelectionBackground#242424
- list.activeSelectionForeground#F8FAFC
- list.dropBackground#2d3844
- list.highlightForeground#D97706
- list.hoverBackground#1F1F1F
- list.inactiveSelectionBackground#1F1F1F
- list.inactiveSelectionForeground#94A3B8
- peekView.border#D97706
- peekViewEditor.background#181818
- peekViewResult.background#121212
- peekViewTitle.background#1F1F1F
- scrollbar.shadow#00000066
- scrollbarSlider.activeBackground#D9770666
- scrollbarSlider.background#2d384466
- scrollbarSlider.hoverBackground#2d384499
- selection.background#3e4451
- sideBar.background#171717
- sideBar.border#232323
- sideBar.foreground#94A3B8
- sideBarSectionHeader.background#1F1F1F
- sideBarSectionHeader.border#232323
- sideBarSectionHeader.foreground#F8FAFC
- sideBarTitle.foreground#F8FAFC
- statusBar.background#121212
- statusBar.border#232323
- statusBar.debuggingBackground#D97706
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#F8FAFC
- statusBar.noFolderBackground#121212
- tab.activeBackground#121212
- tab.activeBorderTop#D97706
- tab.activeForeground#F8FAFC
- tab.border#1A1A1A
- tab.inactiveBackground#141414
- tab.inactiveForeground#64748B
- terminal.ansiBlack#000000
- terminal.ansiBlue#60A5FA
- terminal.ansiCyan#22D3EE
- terminal.ansiGreen#34D399
- terminal.ansiMagenta#FB7185
- terminal.ansiRed#E25858
- terminal.ansiWhite#E2E8F0
- terminal.ansiYellow#FBBF24
- terminal.background#121212
- terminal.foreground#E2E8F0
- titleBar.activeBackground#171717
- titleBar.activeForeground#F8FAFC
- titleBar.border#232323
- titleBar.inactiveBackground#171717
- titleBar.inactiveForeground#64748B
- widget.shadow#000000CC
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #64748B | italic |
| variable, string.quoted.single, string.quoted.double | #2DD4BF | — |
| keyword, storage.type, storage.modifier | #60A5FA | bold |
| support.function, support.class, support.type, entity.name.function.external, entity.name.class.external, variable.other.object.external, meta.function-call.external | #D97706 | bold |
| constant.numeric, constant.language, support.constant | #FBBF24 | — |
| entity.name.function, meta.function-call, support.function | #60A5FA | — |
| entity.name.type, entity.name.class, support.class | #C084FC | — |
| punctuation, meta.brace, storage.type.function.arrow | #94A3B8 | — |