Glitch Dark
Publisher: sidiousvicThemes in package: 1
A glitchy dark 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#0f0f0f
- activityBar.border#0f0f0f
- activityBar.foreground#696969
- activityBarBadge.background#E62A29
- badge.background#E62A29
- button.background#37f751
- button.foreground#101010
- editor.background#0f0f0f
- editor.foreground#fff
- editor.inactiveSelectionBackground#00000034
- editor.lineHighlightBackground#00000012
- editor.selectionBackground#48ff00c9
- editorCursor.foreground#ffffff
- editorGroup.border#0f0f0f
- editorGroupHeader.noTabsBackground#d0d0d0
- editorGroupHeader.tabsBackground#0f0f0f
- editorGroupHeader.tabsBorder#0f0f0f
- editorGutter.addedBackground#48ff00
- editorGutter.background#0f0f0f
- editorGutter.deletedBackground#ff3300
- editorGutter.modifiedBackground#e5ff00
- editorLineNumber.foreground#808080
- editorLink.activeForeground#1D34EA
- editorWhitespace.foreground#1a1a1a
- focusBorder#e90ac0
- foreground#fff
- gitDecoration.addedResourceForeground#3cff00
- gitDecoration.deletedResourceForeground#ff00b3
- gitDecoration.modifiedResourceForeground#cc00ff
- gitDecoration.untrackedResourceForeground#00df4a
- input.border#0044ff
- inputOption.activeBorder#00e1ff
- list.activeSelectionBackground#36e700
- list.activeSelectionForeground#1f1f1f
- list.errorForeground#ff0055
- list.hoverBackground#0000
- list.inactiveSelectionBackground#00000034
- notification.background#ECECEC
- notification.buttonBackground#3788F7
- notification.errorForeground#fff
- notification.foreground#111
- panel.background#0f0f0f
- panel.border#0f0f0f
- progressBar.background#055dff
- sideBar.background#0f0f0f
- sideBar.border#0f0f0f
- sideBarSectionHeader.background#0f0f0f
- sideBarSectionHeader.foreground#e90ac0
- statusBar.background#e90ac0
- statusBar.border#0f0f0f
- statusBar.debuggingBackground#3788F7
- statusBar.debuggingForeground#111
- statusBar.foreground#fff
- statusBar.noFolderBackground#0f0f0f
- statusBar.noFolderForeground#808080
- tab.activeBackground#36e700
- tab.activeForeground#222
- tab.border#e90ac0
- tab.inactiveBackground#0f0f0f
- tab.inactiveForeground#fff
- tab.unfocusedActiveForeground#545454
- terminal.ansiBlack#000
- terminal.ansiBlue#00F
- terminal.ansiBrightBlack#d4d4d4
- terminal.ansiBrightBlue#00F
- terminal.ansiBrightCyan#00E5E5
- terminal.ansiBrightGreen#00D900
- terminal.ansiBrightMagenta#e90ac0
- terminal.ansiBrightRed#ff00ff
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#E5E500
- terminal.ansiCyan#00A6B2
- terminal.ansiGreen#00ff00
- terminal.ansiMagenta#B200B2
- terminal.ansiRed#ff0000
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#e100ff
- terminal.background#0f0f0f
- terminal.foreground#fff
- terminalCursor.background#111
- terminalCursor.foreground#7F7F7F
- textLink.activeForeground#1D34EA
- textLink.foreground#1D34EA
- titleBar.activeBackground#0f0f0f
- titleBar.activeForeground#292929
- titleBar.inactiveBackground#0f0f0f
- titleBar.inactiveForeground#A3A3A3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #fff | — |
| comment | #535353 | — |
| meta.preprocessor, keyword.control.import | #8400ff | — |
| string | #00ffff | — |
| constant.numeric | #e00909 | — |
| constant.language | #e90ac0 | — |
| constant.character, constant.other | #0004ff | — |
| variable.language, variable.other | #e90ac0 | — |
| keyword | #00ff0d | — |
| storage | #e90ac0 | — |
| entity.name.class | #00ff0d | — |
| entity.other.inherited-class | — | — |
| entity.name.function | — | — |
| variable.parameter | — | — |
| entity.name.tag | #ff06c9 | — |
| entity.other.attribute-name | #8400ff | — |
| support.function | #8400ff | — |
| support.constant | #8400ff | — |
| support.type, support.class | #8400ff | — |
| support.other.variable | #8400ff | — |
| invalid | — | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...