White on Black
Publisher: yynyThemes in package: 1
White text on a black background
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.activeBackground#0063a5
- activityBar.activeBorder#ffffff
- activityBar.activeFocusBorder#0043a5
- activityBar.background#080808
- activityBar.border#000000
- activityBar.dropBorder#ffffff
- editor.background#000
- editor.foreground#ccc
- editor.lineHighlightBackground#040404
- editor.selectionBackground#282a2e
- editorCursor.foreground#fff
- editorGutter.background#010202
- editorIndentGuide.activeBackground#0f0f0f
- editorIndentGuide.background#060606
- editorWhitespace.foreground#222
- foreground#ccc
- panel.background#000000
- panel.border#040404
- ports.iconRunningProcessForeground#FFFFFF
- selection.background#080808
- sideBar.background#040404
- sideBar.border#000000
- sideBarSectionHeader.background#020202
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#FFFFFF
- statusBar.background#010101
- statusBarItem.activeBackground#0063a5d0
- statusBarItem.hoverBackground#00238580
- statusBarItem.prominentBackground#000000
- statusBarItem.prominentHoverBackground#00238580
- statusBarItem.remoteBackground#000000
- tab.activeBackground#000000
- tab.border#040404
- tab.inactiveBackground#161818
- terminal.ansiBlack#00303b
- terminal.ansiBlue#7b7bff
- terminal.ansiBrightBlack#517171
- terminal.ansiBrightBlue#9c9cff
- terminal.ansiBrightCyan#9cffff
- terminal.ansiBrightGreen#9cff9c
- terminal.ansiBrightMagenta#ff9cff
- terminal.ansiBrightRed#ff9c9c
- terminal.ansiBrightWhite#f6f6de
- terminal.ansiBrightYellow#ffff9c
- terminal.ansiCyan#7bffff
- terminal.ansiGreen#7bff7b
- terminal.ansiMagenta#ff7bff
- terminal.ansiRed#ff7b7b
- terminal.ansiWhite#a1b1a5
- terminal.ansiYellow#ffff7b
- terminal.background#000000
- terminal.foreground#cccccc
- window.activeBorder#000000
- window.inactiveBorder#101010
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #aaa | — |
| meta.function.declaration, meta.function.definition, meta.function entity.name.function, meta.function.declaration entity.name.function, meta.function.definition entity.name.function | #ffaadd | bold |
| keyword, storage.modifier, entity.name.tag | #ffffff | bold |
| keyword.operator | #ffffff | |
| punctuation | #ffffff | — |
| entity.name | #ffaadd | — |
| comment, punctuation.definition.comment | #666666 | — |
| variable | #a581af | — |
| constant, variable.other.enummember, punctuation.definition.constant, punctuation.definition.numeric, keyword.other.unit | #4A6FA5 | |
| constant.language | — | bold |
| entity.other, support.function, variable.function, meta.function.call entity.name.function, meta.function-call entity.name.function, meta.function-call meta.function-call.generic, entity.name.function.call | #73A6D4 | — |
| string, punctuation.definition.string, punctuation.definition.pragma | #4DA167 | — |
| support.type, support.class, entity.name.type, entity.name.class, storage.type | #FFB070 | |
| storage.type | — | bold |
| keyword.key | #ffffff | |
| storage.modifier.import | #ffffff |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...