Chroma Library
Publisher: Code with BismillahThemes in package: 11
Advanced theming extension with customizable neon-futuristic color palettes, gradient backgrounds, and specialized themes for developers
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#100510
- activityBar.border#2e1a2e
- activityBar.foreground#ff80ff
- activityBar.inactiveForeground#804080
- activityBarBadge.background#ff1493
- activityBarBadge.foreground#ffffff
- button.background#ff1493
- button.foreground#ffffff
- button.hoverBackground#ff69b4
- descriptionForeground#ffc0ff
- dropdown.background#2e1a2e
- dropdown.border#663366
- dropdown.foreground#ffe0ff
- editor.background#1a0a1a
- editor.findMatchBackground#ff80ff60
- editor.findMatchHighlightBackground#ff80ff30
- editor.foreground#ffe0ff
- editor.lineHighlightBackground#2e1a2e
- editor.selectionBackground#ff80ff40
- editor.selectionHighlightBackground#ff80ff20
- editorCursor.foreground#ff69b4
- editorGroupHeader.tabsBackground#200a20
- editorGroupHeader.tabsBorder#663366
- editorIndentGuide.activeBackground#996699
- editorIndentGuide.background#663366
- editorLineNumber.activeForeground#ff69b4
- editorLineNumber.foreground#996699
- editorWhitespace.foreground#663366
- errorForeground#ff4040
- focusBorder#ff1493
- foreground#ffe0ff
- icon.foreground#ff80ff
- input.background#2e1a2e
- input.border#663366
- input.foreground#ffe0ff
- input.placeholderForeground#996699
- list.activeSelectionBackground#ff80ff40
- list.activeSelectionForeground#ffffff
- list.hoverBackground#2e1a2e
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#663366
- list.inactiveSelectionForeground#ffe0ff
- menu.background#2e1a2e
- menu.foreground#ffe0ff
- menu.selectionBackground#ff80ff40
- menu.selectionForeground#ffffff
- menu.separatorBackground#663366
- menubar.selectionBackground#ff80ff40
- menubar.selectionForeground#ffffff
- panel.background#200a20
- panel.border#663366
- panelTitle.activeBorder#ff1493
- panelTitle.activeForeground#ff1493
- panelTitle.inactiveForeground#ff80ff
- selection.background#ff80ff40
- sideBar.background#200a20
- sideBar.border#663366
- sideBar.foreground#ffc0ff
- sideBarSectionHeader.background#2e1a2e
- sideBarSectionHeader.foreground#ff69b4
- sideBarTitle.foreground#ff1493
- statusBar.background#2e0a2e
- statusBar.border#663366
- statusBar.debuggingBackground#ff1493
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ff80ff
- statusBar.noFolderBackground#1a0a1a
- tab.activeBackground#2e1a2e
- tab.activeBorder#ff1493
- tab.activeForeground#ff1493
- tab.border#663366
- tab.inactiveBackground#200a20
- tab.inactiveForeground#ff80ff
- terminal.ansiBlack#000000
- terminal.ansiBlue#da70d6
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#ee82ee
- terminal.ansiBrightCyan#f0e0ff
- terminal.ansiBrightGreen#ffb6c1
- terminal.ansiBrightMagenta#ff40ff
- terminal.ansiBrightRed#ff69b4
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe4e1
- terminal.ansiCyan#dda0dd
- terminal.ansiGreen#ff69b4
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff1493
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffc0cb
- terminal.background#1a0a1a
- terminal.foreground#ffe0ff
- titleBar.activeBackground#1a0a1a
- titleBar.activeForeground#ffe0ff
- titleBar.border#2e1a2e
- titleBar.inactiveBackground#100510
- titleBar.inactiveForeground#ff80ff
- tree.indentGuidesStroke#663366
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #996699 | italic |
| keyword, storage.type, storage.modifier | #ff1493 | bold |
| string, string.quoted | #ff69b4 | — |
| constant.numeric, constant.language | #ffc0cb | — |
| entity.name.function, support.function | #ff00ff | bold |
| variable, variable.other | #ffb6c1 | — |
| entity.name.type, support.type, storage.type | #da70d6 | bold |
| entity.name.class, support.class | #ba55d3 | bold |
| entity.name.interface | #dda0dd | bold |
| entity.name.enum | #ee82ee | bold |
| keyword.operator | #ff69b4 | — |
| punctuation | #e6e6fa | — |
| meta.brace, punctuation.section | #ff00ff | — |
| entity.name.tag | #da70d6 | bold |
| entity.other.attribute-name | #dda0dd | — |
| string.quoted.double.html, string.quoted.single.html | #ffc0cb | — |
| entity.name.section | #ba55d3 | bold |
| support.constant | #ee82ee | — |
| storage | #ff69b4 | — |