Lupine Theme
Publisher: Juhana JauhiainenThemes in package: 1
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#13111d
- activityBar.foreground#5c6e92
- activityBar.inactiveForeground#323b50
- activityBarBadge.background#8076C2
- button.background#8076C2
- button.hoverBackground#8076C299
- debugToolBar.background#27243b
- dropdown.background#27243b
- editor.background#1B1929
- editor.lineHighlightBackground#8076C222
- editorCursor.foreground#988de4
- editorGroupHeader.tabsBackground#13111d
- editorWidget.background#13111d
- editorWidget.border#1B1929
- input.background#1e1b2c
- list.activeSelectionBackground#2a273f
- list.activeSelectionForeground#8076C2
- list.highlightForeground#8076C2
- list.hoverBackground#1f2636
- list.inactiveSelectionBackground#2a273f
- list.inactiveSelectionForeground#8076C2
- panel.border#1d2433
- pickerGroup.foreground#8076C2
- quickInput.background#13111d
- sideBar.background#1B1929
- sideBarSectionHeader.background#242c3f
- sideBarTitle.foreground#bbbbbb
- statusBar.background#13111d
- statusBar.border#1B1929
- statusBar.debuggingBackground#bb0000
- tab.activeBackground#1d2433
- tab.activeBorder#8076C2
- tab.activeForeground#d7dce2
- tab.border#1B1929
- tab.inactiveBackground#13111d
- tab.unfocusedActiveBackground#1d2433
- textLink.activeForeground#8076C2
- textLink.foreground#8076C2
- titleBar.activeBackground#13111d
- titleBar.inactiveBackground#13111d
- titleBar.inactiveForeground#5c6e92
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #535758 | italic |
| variable | #aaa | — |
| meta.object-literal.key | #dfdfdf | — |
| support.class.builtin | #7fdbca | — |
| variable.other.readwrite | #dfdfdf | — |
| variable.other.object.ts | #dfdfdf | — |
| variable.other.class | #f07178 | — |
| variable.language.prototype | #cecacf | — |
| constant.language.boolean | #c792ea | |
| string.quoted, constant.other.object.key, string.template | #ffdd6d | — |
| support.type.primitive, meta.type.parameters entity.name.type, entity.name.type | #FFC26D | — |
| variable.other.object.property, variable.other.property | #cecacf | italic |
| variable.other.object | #cecacf | |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #dc322f | — |
| keyword, storage.type, storage.modifier | #c792ea | — |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts, keyword.control | #c792ea | italic |
| entity.name.tag, constant.numeric.js | #f07178 | — |
| entity.other.attribute-name | #ACD653 | — |
| entity.name.function | #82AAFF | italic |
| keyword.control | #c792ea | — |
| entity.name.type, entity.other.inherited-class, support.class | #82AAFF | — |
| variable.parameter | #dfdfdf | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...