Dark Bliss Reloaded
Publisher: Pascal MathysThemes in package: 1
A simple theme ported from the Visual Studio Dark Bliss theme.
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#21252b
- activityBar.dropBackground#21252b
- activityBar.foreground#ffffff
- activityBarBadge.background#e06c75
- activityBarBadge.foreground#ffffff
- button.background#e06c75
- contrastBorder#080A0F
- dropdown.background#181A1F
- dropdown.border#080A0F
- editor.background#21252b
- editor.findMatchBackground#42557B
- editor.findMatchHighlightBackground#314365
- editor.foreground#ffffff
- editor.lineHighlightBackground#2c313a
- editor.selectionBackground#3E4451
- editorBracketMatch.border#61afef
- editorCursor.foreground#abb2bf
- editorError.foreground#C62D42
- editorGroup.background#181A1F
- editorGroup.border#080A0F
- editorGroupHeader.tabsBackground#181A1F
- editorHoverWidget.background#181A1F
- editorHoverWidget.border#61afef
- editorIndentGuide.activeBackground#8B8E96
- editorIndentGuide.background#3E4451
- editorInfo.foreground#1B659D
- editorLineNumber.foreground#3E4451
- editorOverviewRuler.border#080A0F
- editorOverviewRuler.errorForeground#C62D42
- editorOverviewRuler.infoForeground#1B659D
- editorOverviewRuler.warningForeground#d4ac0d
- editorRuler.foreground#3E4451
- editorSuggestWidget.background#181A1F
- editorSuggestWidget.border#61afef
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#d4ac0d
- editorWhitespace.foreground#3E4451
- editorWidget.background#21252B
- focusBorder#61afef
- input.background#080A0F
- inputOption.activeBorder#61afef
- inputValidation.errorBackground#C62D42
- inputValidation.errorBorder#C62D42
- inputValidation.infoBackground#1B659D
- inputValidation.infoBorder#1B659D
- inputValidation.warningBackground#d4ac0d
- inputValidation.warningBorder#d4ac0d
- list.activeSelectionBackground#21252b
- list.activeSelectionForeground#d7dae0
- list.focusBackground#2c313a
- list.hoverBackground#292d35
- list.inactiveSelectionBackground#21252b
- notificationCenterHeader.background#21252b
- notifications.background#21252b
- panel.background#181A1F
- panel.border#080A0F
- scrollbarSlider.activeBackground#D2D6db77
- scrollbarSlider.background#3E445177
- scrollbarSlider.hoverBackground#3E4451aa
- sideBar.background#181A1F
- sideBarSectionHeader.background#21252b
- statusBar.background#21252B
- statusBar.debuggingBackground#21252B
- statusBar.foreground#9da5b4
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#21252b
- tab.activeForeground#9da5b4
- tab.border#080A0F
- tab.inactiveBackground#181A1F
- tab.inactiveForeground#737c8c
- titleBar.activeBackground#21252b
- titleBar.activeForeground#9da5b4
- titleBar.inactiveBackground#21252b
- titleBar.inactiveForeground#6B717D
- widget.shadow#080A0F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.type.namespace, keyword.operator, storage.type.function, support.function, variable.other.object, variable.other.readwrite, variable.other.property, meta.brace.round, punctuation.accessor | #ffffff | — |
| constant, entity.name.tag, keyword, keyword.operator.new, keyword.other.unit, storage.modifier, meta.var.expr, support.type, variable.language.this, storage.type.class, storage.type.property, storage.type.ts | #8ac6f2 | — |
| entity.name.function, entity.name.type.class, entity.name.type.interface, entity.other.attribute-name, support.function, variable.language | #cae682 | — |
| constant.numeric, constant.character, keyword.other.unit, entity.name.type, entity.other.inherited-class, storage.type, string | #e5786d | — |
| keyword.other.important | #ff0000 | — |
| comment, punctuation.definition.comment | #8b9699 | — |
| comment, markup.italic.markdown, punctuation.definition.italic.markdown | — | italic |