nullframe
Publisher: Sushil BuraguteThemes in package: 4
a minimal dark theme that empowers you to build the world ... in Violet, Blue, Emerald, and Red accents.
Color themes
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.activeBorder#f87171
- activityBar.background#101012
- activityBar.border#ffffff0d
- activityBar.foreground#ebebeb
- activityBar.inactiveForeground#ffffff59
- activityBarBadge.background#dc2626
- activityBarBadge.foreground#ffffff
- badge.background#dc2626
- badge.foreground#ffffff
- button.background#dc2626
- button.foreground#ffffff
- button.hoverBackground#ef4444
- editor.background#0a0a0a
- editor.findMatchBackground#fcd34d66
- editor.findMatchHighlightBackground#fcd34d26
- editor.foreground#ebebeb
- editor.lineHighlightBackground#ffffff08
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#dc262640
- editor.selectionHighlightBackground#dc262626
- editor.wordHighlightBackground#ffffff14
- editor.wordHighlightStrongBackground#ffffff1f
- editorBracketMatch.background#dc262626
- editorBracketMatch.border#f8717166
- editorCursor.foreground#f87171
- editorError.foreground#fb7185
- editorGroup.border#ffffff0d
- editorGroupHeader.tabsBackground#101012
- editorGutter.addedBackground#34d399
- editorGutter.deletedBackground#fb7185
- editorGutter.modifiedBackground#fcd34d
- editorHoverWidget.background#121214
- editorHoverWidget.border#ffffff12
- editorIndentGuide.activeBackground1#ffffff1f
- editorIndentGuide.background1#ffffff0d
- editorInfo.foreground#7dd3fc
- editorLineNumber.activeForeground#f87171
- editorLineNumber.foreground#ffffff33
- editorSuggestWidget.background#121214
- editorSuggestWidget.border#ffffff12
- editorSuggestWidget.highlightForeground#f87171
- editorSuggestWidget.selectedBackground#dc262633
- editorWarning.foreground#fcd34d
- editorWhitespace.foreground#ffffff14
- editorWidget.background#121214
- editorWidget.border#ffffff12
- focusBorder#dc262666
- gitDecoration.addedResourceForeground#34d399
- gitDecoration.deletedResourceForeground#fb7185
- gitDecoration.modifiedResourceForeground#fcd34d
- gitDecoration.untrackedResourceForeground#34d399
- input.background#121214
- input.border#ffffff12
- input.foreground#ebebeb
- list.activeSelectionBackground#dc262633
- list.activeSelectionForeground#ffffff
- list.highlightForeground#f87171
- list.hoverBackground#ffffff0a
- list.inactiveSelectionBackground#ffffff0d
- panel.background#101012
- panel.border#ffffff0d
- panelTitle.activeBorder#f87171
- panelTitle.activeForeground#ebebeb
- progressBar.background#dc2626
- scrollbarSlider.activeBackground#ffffff33
- scrollbarSlider.background#ffffff14
- scrollbarSlider.hoverBackground#ffffff26
- sideBar.background#101012
- sideBar.border#ffffff0d
- sideBar.foreground#ffffffb3
- sideBarSectionHeader.background#161618
- sideBarTitle.foreground#ffffff8c
- statusBar.background#101012
- statusBar.border#ffffff0d
- statusBar.debuggingBackground#dc2626
- statusBar.foreground#ffffff8c
- statusBar.noFolderBackground#101012
- statusBarItem.remoteBackground#dc2626
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#0a0a0a
- tab.activeBorderTop#f87171
- tab.activeForeground#ebebeb
- tab.border#00000000
- tab.inactiveBackground#101012
- tab.inactiveForeground#ffffff59
- terminal.ansiBlack#0a0a0a
- terminal.ansiBlue#7dd3fc
- terminal.ansiCyan#67e8f9
- terminal.ansiGreen#34d399
- terminal.ansiMagenta#a78bfa
- terminal.ansiRed#fb7185
- terminal.ansiWhite#ebebeb
- terminal.ansiYellow#fcd34d
- terminal.foreground#ebebeb
- textLink.activeForeground#fecaca
- textLink.foreground#f87171
- titleBar.activeBackground#101012
- titleBar.activeForeground#ffffffeb
- titleBar.border#ffffff0d
- titleBar.inactiveBackground#101012
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7c8595 | italic |
| string, string.quoted, string.template | #34d399 | — |
| constant.numeric, constant.language, constant.character | #f0abfc | — |
| keyword, keyword.control, storage.type, storage.modifier | #fca5a5 | — |
| keyword.operator | #9ca3af | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #fecaca | — |
| entity.name.type, entity.name.class, support.type, support.class | #7dd3fc | — |
| variable, meta.definition.variable.name, variable.other | #ebebeb | — |
| variable.parameter | #e5e7eb | — |
| variable.other.constant, variable.other.property, support.variable.property | #fecaca | — |
| entity.name.tag, punctuation.definition.tag | #fb7185 | — |
| entity.other.attribute-name | #fcd34d | — |
| support.type.property-name, meta.object-literal.key | #7dd3fc | — |
| punctuation, meta.brace, meta.delimiter | #9ca3af | — |
| markup.heading, markup.heading entity.name | #fca5a5 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code | #34d399 | — |
| invalid, invalid.illegal | #fb7185 | — |