Toriel Theme
Publisher: absolutegoatThemes in package: 1
purple-themed vs code color scheme inspired by toriel from undertale
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#251d30
- activityBar.foreground#e8d5e8
- activityBar.inactiveForeground#9e6ebd80
- activityBarBadge.background#f4a4c7
- activityBarBadge.foreground#251d30
- badge.background#f4a4c7
- badge.foreground#251d30
- button.background#5e4b8b
- button.foreground#ffffff
- button.hoverBackground#7560a3
- dropdown.background#1a1522
- dropdown.border#5e4b8b
- dropdown.foreground#e8d5e8
- editor.background#2d2438
- editor.foreground#e8d5e8
- editor.lineHighlightBackground#3a2f47
- editor.selectionBackground#5e4b8b80
- editor.selectionHighlightBackground#5e4b8b40
- editorCursor.foreground#f4a4c7
- editorError.foreground#ff6b9d
- editorGroupHeader.noTabsBackground#1a1522
- editorGroupHeader.tabsBackground#1a1522
- editorGroupHeader.tabsBorder#1a1522
- editorIndentGuide.activeBackground#6b5982
- editorIndentGuide.background#4a3d5a
- editorInfo.foreground#9dcfff
- editorSuggestWidget.background#1a1522
- editorSuggestWidget.border#5e4b8b
- editorSuggestWidget.selectedBackground#5e4b8b
- editorWarning.foreground#ffb86c
- editorWhitespace.foreground#4a3d5a
- editorWidget.background#1a1522
- editorWidget.border#5e4b8b
- input.background#1a1522
- input.border#5e4b8b
- input.foreground#e8d5e8
- inputOption.activeBorder#f4a4c7
- list.activeSelectionBackground#5e4b8b
- list.activeSelectionForeground#ffffff
- list.focusBackground#5e4b8b80
- list.hoverBackground#3a2f47
- list.inactiveSelectionBackground#3a2f47
- panel.background#251d30
- panel.border#5e4b8b
- panelTitle.activeBorder#f4a4c7
- panelTitle.activeForeground#e8d5e8
- panelTitle.inactiveForeground#9e6ebd
- sideBar.background#251d30
- sideBar.foreground#e8d5e8
- sideBarSectionHeader.background#2d2438
- sideBarSectionHeader.foreground#f4a4c7
- statusBar.background#5e4b8b
- statusBar.debuggingBackground#f4a4c7
- statusBar.debuggingForeground#251d30
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#5e4b8b
- tab.activeBackground#2d2438
- tab.activeBorder#f4a4c7
- tab.activeBorderTop#f4a4c7
- tab.activeForeground#e8d5e8
- tab.border#1a1522
- tab.hoverBackground#3a2f47
- tab.inactiveBackground#221a2d
- tab.inactiveForeground#9e6ebd
- tab.unfocusedActiveBorder#5e4b8b
- tab.unfocusedActiveBorderTop#5e4b8b
- tab.unfocusedHoverBackground#3a2f47
- titleBar.activeBackground#251d30
- titleBar.activeForeground#e8d5e8
- titleBar.inactiveBackground#1a1522
- titleBar.inactiveForeground#9e6ebd80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #f4a4c7 | bold |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #d896d8 | — |
| variable, variable.other, variable.parameter, support.variable | #e8d5e8 | — |
| variable.language.this, variable.language.super, constant.language | #b88fc7 | italic |
| string, string.quoted, string.template | #c9a3d5 | — |
| string.regexp | #d896d8 | — |
| comment, comment.line, comment.block | #776683 | italic |
| constant.numeric, constant.language.boolean, constant.language.null, constant.language.undefined | #ffb3d9 | — |
| entity.name.function, support.function | #9e6ebd | — |
| entity.name.type, entity.name.class, support.class, support.type | #d896d8 | bold |
| entity.other.attribute-name | #b88fc7 | — |
| entity.name.tag, meta.tag | #f4a4c7 | — |
| punctuation.definition, punctuation.separator, punctuation.terminator | #a896b8 | — |
| meta.brace, punctuation.section | #e8d5e8 | — |
| markup.heading | #f4a4c7 | bold |
| markup.bold | #d896d8 | bold |
| markup.italic | #c9a3d5 | italic |
| markup.underline.link | #9e6ebd | underline |