Mayajaal — Web of Magic
Publisher: KANAK PRABHAKARThemes in package: 1
A themed VS Code experience for a Spider-Man fan and a Potterhead: a dark 'web-and-wand' colour theme, a calligraphy banner inserter, and a magical animated welcome panel.
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#070810
- activityBar.foreground#E23636
- activityBar.inactiveForeground#4B5168
- activityBarBadge.background#7A0E1E
- activityBarBadge.foreground#F5EFE0
- badge.background#C9A227
- badge.foreground#0B0D14
- button.background#7A0E1E
- button.foreground#F5EFE0
- button.hoverBackground#9A2333
- editor.background#0B0D14
- editor.foreground#E7DEC9
- editor.lineHighlightBackground#141726
- editor.selectionBackground#3A1D2A
- editor.selectionHighlightBackground#2A1620
- editorCursor.foreground#E23636
- editorIndentGuide.activeBackground1#3A2233
- editorIndentGuide.background1#191D2C
- editorLineNumber.activeForeground#C9A227
- editorLineNumber.foreground#4B5168
- editorWhitespace.foreground#1C2030
- focusBorder#C9A227
- input.background#0E1019
- input.foreground#E7DEC9
- list.activeSelectionBackground#2A1620
- list.activeSelectionForeground#F5EFE0
- list.hoverBackground#141726
- panel.background#090A11
- panelTitle.activeForeground#C9A227
- progressBar.background#E23636
- scrollbarSlider.background#2A1D2E80
- scrollbarSlider.hoverBackground#3A2233
- sideBar.background#090A11
- sideBar.foreground#B9B29C
- sideBarSectionHeader.background#0E1019
- sideBarTitle.foreground#C9A227
- statusBar.background#7A0E1E
- statusBar.foreground#F5EFE0
- statusBar.noFolderBackground#4A2A12
- statusBarItem.remoteBackground#C9A227
- statusBarItem.remoteForeground#0B0D14
- tab.activeBackground#141726
- tab.activeBorderTop#E23636
- tab.activeForeground#E7DEC9
- tab.inactiveBackground#090A11
- tab.inactiveForeground#6A6F84
- terminal.ansiBlue#5B8AC9
- terminal.ansiCyan#5FB4B4
- terminal.ansiGreen#6FBF8B
- terminal.ansiMagenta#B45FA0
- terminal.ansiRed#E23636
- terminal.ansiYellow#C9A227
- terminal.background#070810
- terminal.foreground#D8CFB8
- titleBar.activeBackground#0B0D14
- titleBar.activeForeground#C9A227
- titleBar.inactiveBackground#090A11
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5B6178 | italic |
| string, string.quoted | #C9A227 | — |
| constant.numeric, constant.language, constant.character | #D98C5F | — |
| keyword, storage.type, storage.modifier, keyword.control | #E23636 | — |
| entity.name.function, support.function, meta.function-call | #8FB7E8 | — |
| variable, variable.other, meta.definition.variable | #E7DEC9 | — |
| entity.name.type, entity.name.class, support.type, support.class | #B45FA0 | — |
| entity.name.tag, punctuation.definition.tag | #E23636 | — |
| entity.other.attribute-name | #C9A227 | italic |
| markup.heading, markup.bold | #C9A227 | bold |
| invalid, invalid.illegal | #FF5F5F | — |