The Dark Knight
Publisher: Vikas SharmaThemes in package: 1
A theme for a true batman lover!
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#000
- activityBarBadge.background#000
- editor.background#000
- editor.findMatchBackground#88c0d066
- editor.findMatchHighlightBackground#88c0d033
- editor.findRangeHighlightBackground#88c0d033
- editor.foreground#d4d4d4
- editor.inactiveSelectionBackground#434c5ecc
- editor.lineHighlightBackground#434c5e2f
- editor.lineHighlightBorder#434c5e52
- editor.rangeHighlightBackground#434c5e52
- editor.selectionBackground#434c5e9e
- editor.selectionForeground#000
- editor.selectionHighlightBackground#434c5ecc
- editor.wordHighlightBackground#81a1c166
- editor.wordHighlightStrongBackground#81a1c199
- editorGroup.border#000
- editorGroup.dropBackground#000
- editorGroup.emptyBackground#000
- editorGroupHeader.noTabsBackground#000
- editorGroupHeader.tabsBackground#000
- editorGroupHeader.tabsBorder#000
- editorRuler.foreground#067c78
- scrollbarSlider.activeBackground#b8eae8
- scrollbarSlider.background#fff2
- scrollbarSlider.hoverBackground#fff3
- sideBar.background#000
- sideBar.border#222
- sideBar.foreground#d4d4d4
- sideBarTitle.foreground#067c78
- statusBar.background#f8f4f4
- statusBar.foreground#ccc
- tab.activeBackground#000
- tab.activeBorder#067c78
- tab.activeForeground#fff
- tab.border#000
- tab.inactiveBackground#000
- tab.inactiveForeground#9c9c9c
- tab.unfocusedActiveBorder#000
- tab.unfocusedActiveForeground#fff
- tab.unfocusedInactiveForeground#9c9c9c
- titleBar.activeBackground#000
- titleBar.activeForeground#ccc
- titleBar.border#000
- titleBar.inactiveBackground#000
- titleBar.inactiveForeground#ccc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #ebf2f1 | — |
| comment | #548f46 | — |
| string | #ffb200 | — |
| constant.numeric | #7da2fa | — |
| constant.language | #7da2fa | — |
| constant.character, constant.other | #7da2fa | — |
| variable | — | |
| keyword | #AE81FF | italic |
| constant.language.import-export-all.js, constant.language.import-export-all.ts, constant.language.import-export-all.jsx, constant.language.import-export-all.tsx | #56B6C2 | — |
| variable.interpolation | #BE5046 | — |
| storage | #7da2fa | |
| storage.type | #7da2fa | italic |
| entity.name.class | #27b9b1 | underline |
| entity.other.inherited-class | #27b9b1 | italic underline |
| entity.name.function | #27b9b1 | |
| variable.parameter | #AE81FF | italic |
| entity.name.tag | #AE81FF | |
| entity.other.attribute-name | #27b9b1 | |
| support.function | #27b9b1 | |
| support.constant | #27b9b1 | |
| support.type, support.class | #27b9b1 | italic |
| support.other.variable | — | |
| invalid | #27b9b1 | |
| invalid.deprecated | #27b9b1 | — |
| meta.structure.dictionary.json string.quoted.double.json | #ffb200 | — |
| meta.diff, meta.diff.header | #27b9b1 | — |
| markup.deleted | #27b9b1 | — |
| markup.inserted | #27b9b1 | — |
| markup.changed | #27b9b1 | — |
| constant.numeric.line-number.find-in-files - match | #27b9b1 | — |
| entity.name.filename.find-in-files | #27b9b1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...