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#10141C
- activityBar.foreground#B8C0CC
- activityBar.inactiveForeground#757F8E
- activityBarBadge.background#7DD3FC
- activityBarBadge.foreground#080A0F
- badge.background#7DD3FC
- badge.foreground#080A0F
- button.background#7DD3FC
- button.foreground#080A0F
- button.hoverBackground#86D0F5
- diffEditor.insertedTextBackground#8FBF9F24
- diffEditor.removedTextBackground#E8879624
- editor.background#080A0F
- editor.findMatchBackground#D9B88A59
- editor.findMatchHighlightBackground#D9B88A33
- editor.foreground#B8C0CC
- editor.lineHighlightBackground#10141C99
- editor.selectionBackground#223046
- editor.selectionHighlightBackground#22304680
- editor.wordHighlightBackground#22304673
- editorBracketMatch.background#A9B6C633
- editorBracketMatch.border#A9B6C6
- editorCursor.foreground#7DD3FC
- editorError.foreground#E88796
- editorGroupHeader.tabsBackground#10141C
- editorGroupHeader.tabsBorder#1A2029
- editorGutter.addedBackground#8FBF9F
- editorGutter.deletedBackground#E88796
- editorGutter.modifiedBackground#7DD3FC
- editorHoverWidget.background#161C26
- editorHoverWidget.border#1A2029
- editorIndentGuide.activeBackground1#757F8E
- editorIndentGuide.background1#1A2029
- editorInfo.foreground#7DD3FC
- editorLineNumber.activeForeground#B8C0CC
- editorLineNumber.foreground#93A0B0
- editorSuggestWidget.background#161C26
- editorSuggestWidget.selectedBackground#262930
- editorWarning.foreground#D9B88A
- editorWhitespace.foreground#1A2029
- editorWidget.background#161C26
- editorWidget.border#1A2029
- focusBorder#7DD3FC
- gitDecoration.addedResourceForeground#8FBF9F
- gitDecoration.deletedResourceForeground#E88796
- gitDecoration.ignoredResourceForeground#757F8E
- gitDecoration.modifiedResourceForeground#7DD3FC
- gitDecoration.untrackedResourceForeground#8492A4
- input.background#161C26
- input.border#1A2029
- input.foreground#B8C0CC
- list.activeSelectionBackground#262930
- list.activeSelectionForeground#DDE4EC
- list.highlightForeground#7DD3FC
- list.hoverBackground#1C2027
- list.inactiveSelectionBackground#1C2027
- panel.background#10141C
- panel.border#1A2029
- panelTitle.activeForeground#B8C0CC
- panelTitle.inactiveForeground#757F8E
- peekView.border#7DD3FC
- progressBar.background#7DD3FC
- scrollbarSlider.activeBackground#757F8E8C
- scrollbarSlider.background#757F8E40
- scrollbarSlider.hoverBackground#757F8E66
- selection.background#223046CC
- sideBar.background#10141C
- sideBar.border#1A2029
- sideBar.foreground#93A0B0
- sideBarSectionHeader.background#10141C
- sideBarSectionHeader.foreground#B8C0CC
- sideBarTitle.foreground#B8C0CC
- statusBar.background#10141C
- statusBar.border#1A2029
- statusBar.debuggingBackground#7DD3FC
- statusBar.debuggingForeground#080A0F
- statusBar.foreground#93A0B0
- statusBar.noFolderBackground#10141C
- tab.activeBackground#080A0F
- tab.activeBorderTop#7DD3FC
- tab.activeForeground#DDE4EC
- tab.border#1A2029
- tab.inactiveBackground#10141C
- tab.inactiveForeground#757F8E
- terminal.ansiBlack#10141C
- terminal.ansiBlue#7DD3FC
- terminal.ansiBrightBlack#757F8E
- terminal.ansiBrightBlue#9EDEFD
- terminal.ansiBrightCyan#B7D3E5
- terminal.ansiBrightGreen#ABCFB7
- terminal.ansiBrightMagenta#C4BED6
- terminal.ansiBrightRed#EEA5B0
- terminal.ansiBrightWhite#DDE4EC
- terminal.ansiBrightYellow#E3CAA7
- terminal.ansiCyan#9FC4DC
- terminal.ansiGreen#8FBF9F
- terminal.ansiMagenta#B0A8C8
- terminal.ansiRed#E88796
- terminal.ansiWhite#B8C0CC
- terminal.ansiYellow#D9B88A
- terminal.background#080A0F
- terminal.foreground#B8C0CC
- textLink.activeForeground#DDE4EC
- textLink.foreground#A9B6C6
- titleBar.activeBackground#10141C
- titleBar.activeForeground#B8C0CC
- titleBar.border#1A2029
- titleBar.inactiveBackground#10141C
- titleBar.inactiveForeground#757F8E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #757F8E | italic |
| string, string.quoted, punctuation.definition.string | #8492A4 | — |
| string.regexp, constant.character.escape | #7DD3FC | — |
| constant.numeric, constant.language, constant.language.boolean | #6C7A8C | — |
| keyword, keyword.control, storage, storage.type, storage.modifier | #7DD3FC | — |
| keyword.operator | #8FA3B8 | — |
| entity.name.function, support.function, meta.function-call.generic | #A9B6C6 | — |
| entity.name.type, entity.name.class, support.class, support.type | #9FC4DC | — |
| variable, meta.definition.variable.name, support.variable | #B8C0CC | — |
| variable.parameter, meta.parameter | #93A0B0 | — |
| variable.other.property, meta.object-literal.key | #A9B6C6 | — |
| entity.name.tag, punctuation.definition.tag | #E88796 | — |
| entity.other.attribute-name | #9FC4DC | — |
| punctuation, meta.brace | #93A0B0 | — |
| invalid, invalid.illegal | #E88796 | underline |
| markup.heading, entity.name.section | #7DD3FC | bold |
| markup.bold | #B8C0CC | bold |
| markup.italic | #B8C0CC | italic |
| markup.inline.raw, markup.fenced_code | #8492A4 | — |
| markup.inserted | #8FBF9F | — |
| markup.deleted | #E88796 | — |
| markup.changed | #7DD3FC | — |
| markup.underline.link | #A9B6C6 | underline |