Spacehole
Publisher: mrsandvThemes in package: 6
6 flavors — cuatro oscuros y dos claros — con contraste WCAG AA verificado.
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.background#0D0714
- activityBar.foreground#E8E0F0
- activityBar.inactiveForeground#8873A4
- activityBarBadge.background#FF2E97
- activityBarBadge.foreground#000000
- badge.background#FF2E97
- badge.foreground#000000
- button.background#FF2E97
- button.foreground#000000
- button.hoverBackground#FC49A4
- diffEditor.insertedTextBackground#00FF9C24
- diffEditor.removedTextBackground#FF4D6D24
- editor.background#000000
- editor.findMatchBackground#FFD42659
- editor.findMatchHighlightBackground#FFD42633
- editor.foreground#E8E0F0
- editor.lineHighlightBackground#0D071499
- editor.selectionBackground#2E1A42
- editor.selectionHighlightBackground#2E1A4280
- editor.wordHighlightBackground#2E1A4273
- editorBracketMatch.background#00F0FF33
- editorBracketMatch.border#00F0FF
- editorCursor.foreground#FF2E97
- editorError.foreground#FF4D6D
- editorGroupHeader.tabsBackground#0D0714
- editorGroupHeader.tabsBorder#241633
- editorGutter.addedBackground#00FF9C
- editorGutter.deletedBackground#FF4D6D
- editorGutter.modifiedBackground#00F0FF
- editorHoverWidget.background#160C21
- editorHoverWidget.border#241633
- editorIndentGuide.activeBackground1#8873A4
- editorIndentGuide.background1#241633
- editorInfo.foreground#00F0FF
- editorLineNumber.activeForeground#E8E0F0
- editorLineNumber.foreground#B7A6CC
- editorSuggestWidget.background#160C21
- editorSuggestWidget.selectedBackground#231D29
- editorWarning.foreground#FFD426
- editorWhitespace.foreground#241633
- editorWidget.background#160C21
- editorWidget.border#241633
- focusBorder#FF2E97
- gitDecoration.addedResourceForeground#00FF9C
- gitDecoration.deletedResourceForeground#FF4D6D
- gitDecoration.ignoredResourceForeground#8873A4
- gitDecoration.modifiedResourceForeground#00F0FF
- gitDecoration.untrackedResourceForeground#00FF9C
- input.background#160C21
- input.border#241633
- input.foreground#E8E0F0
- list.activeSelectionBackground#231D29
- list.activeSelectionForeground#FFFFFF
- list.highlightForeground#FF2E97
- list.hoverBackground#191320
- list.inactiveSelectionBackground#191320
- panel.background#0D0714
- panel.border#241633
- panelTitle.activeForeground#E8E0F0
- panelTitle.inactiveForeground#8873A4
- peekView.border#FF2E97
- progressBar.background#FF2E97
- scrollbarSlider.activeBackground#8873A48C
- scrollbarSlider.background#8873A440
- scrollbarSlider.hoverBackground#8873A466
- selection.background#2E1A42CC
- sideBar.background#0D0714
- sideBar.border#241633
- sideBar.foreground#B7A6CC
- sideBarSectionHeader.background#0D0714
- sideBarSectionHeader.foreground#E8E0F0
- sideBarTitle.foreground#E8E0F0
- statusBar.background#0D0714
- statusBar.border#241633
- statusBar.debuggingBackground#FF2E97
- statusBar.debuggingForeground#000000
- statusBar.foreground#B7A6CC
- statusBar.noFolderBackground#0D0714
- tab.activeBackground#000000
- tab.activeBorderTop#FF2E97
- tab.activeForeground#FFFFFF
- tab.border#241633
- tab.inactiveBackground#0D0714
- tab.inactiveForeground#8873A4
- terminal.ansiBlack#0D0714
- terminal.ansiBlue#4D9FFF
- terminal.ansiBrightBlack#8873A4
- terminal.ansiBrightBlue#7AB7FF
- terminal.ansiBrightCyan#40F4FF
- terminal.ansiBrightGreen#40FFB5
- terminal.ansiBrightMagenta#FF62B1
- terminal.ansiBrightRed#FF7A92
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFDF5C
- terminal.ansiCyan#00F0FF
- terminal.ansiGreen#00FF9C
- terminal.ansiMagenta#FF2E97
- terminal.ansiRed#FF4D6D
- terminal.ansiWhite#E8E0F0
- terminal.ansiYellow#FFD426
- terminal.background#000000
- terminal.foreground#E8E0F0
- textLink.activeForeground#FFFFFF
- textLink.foreground#00F0FF
- titleBar.activeBackground#0D0714
- titleBar.activeForeground#E8E0F0
- titleBar.border#241633
- titleBar.inactiveBackground#0D0714
- titleBar.inactiveForeground#8873A4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8873A4 | italic |
| string, string.quoted, punctuation.definition.string | #00FF9C | — |
| string.regexp, constant.character.escape | #00F0FF | — |
| constant.numeric, constant.language, constant.language.boolean | #C77BFF | — |
| keyword, keyword.control, storage, storage.type, storage.modifier | #FF2E97 | — |
| keyword.operator | #FF6FC0 | — |
| entity.name.function, support.function, meta.function-call.generic | #00F0FF | — |
| entity.name.type, entity.name.class, support.class, support.type | #FFD426 | — |
| variable, meta.definition.variable.name, support.variable | #E8E0F0 | — |
| variable.parameter, meta.parameter | #B7A6CC | — |
| variable.other.property, meta.object-literal.key | #00F0FF | — |
| entity.name.tag, punctuation.definition.tag | #FF4D6D | — |
| entity.other.attribute-name | #FFD426 | — |
| punctuation, meta.brace | #B7A6CC | — |
| invalid, invalid.illegal | #FF4D6D | underline |
| markup.heading, entity.name.section | #FF2E97 | bold |
| markup.bold | #E8E0F0 | bold |
| markup.italic | #E8E0F0 | italic |
| markup.inline.raw, markup.fenced_code | #00FF9C | — |
| markup.inserted | #00FF9C | — |
| markup.deleted | #FF4D6D | — |
| markup.changed | #00F0FF | — |
| markup.underline.link | #00F0FF | underline |