heart-theme
Publisher: britoThemes in package: 1
VSCode's theme of He4rt Devs community
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#212121
- activityBar.border#121212
- activityBar.dropBackground#121212
- activityBar.foreground#b3b3b3
- activityBarBadge.background#9B59B6
- activityBarBadge.foreground#fff
- editor.background#212121
- editor.foreground#ffffff
- editorGroup.border#9B59B6
- editorGroup.dropBackground#212121
- list.activeSelectionBackground#535353
- list.activeSelectionForeground#fff
- list.dropBackground#212121
- list.focusBackground#212121
- list.focusForeground#fff
- list.highlightForeground#fff
- list.hoverBackground#212121
- list.hoverForeground#fff
- list.inactiveFocusBackground#121212
- list.inactiveSelectionBackground#212121
- list.inactiveSelectionForeground#fff
- notificationCenter.border#121212
- notificationCenterHeader.background#121212
- notificationCenterHeader.foreground#b3b3b3
- sideBar.background#121212
- sideBar.border#121212
- sideBar.foreground#b3b3b3
- sideBarSectionHeader.background#212121
- sideBarSectionHeader.foreground#FFF
- sideBarTitle.foreground#FFF
- statusBar.background#121212
- statusBar.border#212121
- statusBar.debuggingBackground#212121
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#b3b3b3
- statusBar.noFolderBackground#121212
- statusBar.noFolderBorder#121212
- statusBar.noFolderForeground#b3b3b3
- statusBarItem.activeBackground#212121
- statusBarItem.hoverBackground#212121
- tab.activeBackground#212121
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A9955 | |
| storage.type, storage.modifier | #C35590 | italic |
| variable, support.variable.object.process.js | #CD97B4 | |
| meta.import variable.other.readwrite.alias | #F8F8F2 | |
| keyword, support.type.object.module.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js | #C35590 | |
| source | #F8F8F2 | |
| string | #F1FA8C | |
| entity.name.class, entity.name.type.class, entity.other.inherited-class, entity.name.type.js, support.type.property-name.json | #CD97B4 | |
| entity.name.tag | #B699C2 | |
| entity.other.attribute-name | #58C355 | italic |
| support.class.component.js | #B699C2 | |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.definition.block.js, punctuation.separator.key-value.js, meta.arrow.js, meta.brace.round.js, support.class.builtin.js, punctuation.definition.dictionary.begin.json | #F7E3FF | |
| meta.object.member.js, variable.other.property.js, variable.other.object.property.js, support.variable.property.process.js, variable.other.constant.property.js | #98CD97 | |
| support.function.json.js, support.function.js, support.function.console.js, entity.name.function, constant.language.json | #62949A | |
| support.type.property-name.css | #C35590 | |
| keyword.other.unit | #CD97B4 |