Horror VSCode Extension
Publisher: seonwoo kimThemes in package: 1
Add spooky horror effects to VSCode - ghost cursor, scare effects on save, and floating ghost animations. Built with Kiro AI.
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#0a0a0a
- activityBar.border#1a1a1a
- activityBar.foreground#ff8c00
- activityBar.inactiveForeground#666666
- activityBarBadge.background#ff8c00
- activityBarBadge.foreground#000000
- badge.background#ff8c00
- badge.foreground#000000
- button.background#ff8c00
- button.foreground#000000
- button.hoverBackground#ffa500
- dropdown.background#1a1a1a
- dropdown.border#ff8c00
- dropdown.foreground#e0e0e0
- editor.background#0a0a0a
- editor.foreground#e0e0e0
- editor.lineHighlightBackground#1a1a1a
- editor.selectionBackground#ff8c0040
- editor.selectionHighlightBackground#ff8c0020
- editorCursor.foreground#ff8c00
- editorLineNumber.activeForeground#ff8c00
- editorLineNumber.foreground#4a4a4a
- editorWhitespace.foreground#2a2a2a
- gitDecoration.conflictingResourceForeground#ff44ff
- gitDecoration.deletedResourceForeground#ff4444
- gitDecoration.ignoredResourceForeground#666666
- gitDecoration.modifiedResourceForeground#ff8c00
- gitDecoration.untrackedResourceForeground#44ff44
- input.background#1a1a1a
- input.border#ff8c00
- input.foreground#e0e0e0
- input.placeholderForeground#666666
- list.activeSelectionBackground#ff8c0040
- list.activeSelectionForeground#ffffff
- list.focusBackground#ff8c0040
- list.hoverBackground#ff8c0020
- list.inactiveSelectionBackground#ff8c0020
- panel.background#0a0a0a
- panel.border#1a1a1a
- panelTitle.activeBorder#ff8c00
- panelTitle.activeForeground#ff8c00
- panelTitle.inactiveForeground#888888
- scrollbarSlider.activeBackground#ff8c0080
- scrollbarSlider.background#ff8c0040
- scrollbarSlider.hoverBackground#ff8c0060
- sideBar.background#0f0f0f
- sideBar.border#1a1a1a
- sideBar.foreground#cccccc
- sideBarSectionHeader.background#1a1a1a
- sideBarSectionHeader.foreground#ff8c00
- sideBarTitle.foreground#ff8c00
- statusBar.background#0a0a0a
- statusBar.border#1a1a1a
- statusBar.debuggingBackground#8b0000
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ff8c00
- statusBar.noFolderBackground#0a0a0a
- tab.activeBackground#1a1a1a
- tab.activeBorder#ff8c00
- tab.activeForeground#ff8c00
- tab.border#1a1a1a
- tab.inactiveBackground#0a0a0a
- tab.inactiveForeground#888888
- terminal.ansiBlack#0a0a0a
- terminal.ansiBlue#4444ff
- terminal.ansiCyan#44ffff
- terminal.ansiGreen#44ff44
- terminal.ansiMagenta#ff44ff
- terminal.ansiRed#ff4444
- terminal.ansiWhite#e0e0e0
- terminal.ansiYellow#ff8c00
- terminal.background#0a0a0a
- terminal.foreground#e0e0e0
- titleBar.activeBackground#0a0a0a
- titleBar.activeForeground#ff8c00
- titleBar.border#1a1a1a
- titleBar.inactiveBackground#0a0a0a
- titleBar.inactiveForeground#666666
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666666 | italic |
| string, string.quoted | #44ff44 | — |
| constant.numeric | #ff8c00 | — |
| keyword, storage.type, storage.modifier | #ff8c00 | bold |
| keyword.operator | #ff8c00 | — |
| entity.name.function, support.function | #ffa500 | — |
| entity.name.type, entity.name.class, support.class | #ffffff | bold |
| variable, support.variable | #e0e0e0 | — |
| constant, support.constant | #ff8c00 | — |
| entity.name.tag | #ff8c00 | — |
| entity.other.attribute-name | #ffa500 | — |
| invalid, invalid.illegal | #ff4444 | bold |
| invalid.deprecated | #ff8c00 | strikethrough |
| punctuation | #888888 | — |
| support.type.property-name.json | #ff8c00 | — |
| markup.heading | #ff8c00 | bold |
| markup.bold | #ffffff | bold |
| markup.italic | #e0e0e0 | italic |
| markup.underline.link | #ffa500 | — |
| markup.inline.raw, markup.fenced_code | #44ff44 | — |