Grueling Hare
Publisher: Tim FranklinThemes in package: 2
A set of light and dark themes of white and steel with burnt orange accents
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#545c6a
- activityBar.foreground#dddddd
- activityBar.inactiveForeground#414751
- activityBarBadge.background#AB6526
- activityBarBadge.foreground#ffffff
- badge.background#545c6a
- badge.foreground#ffffff
- button.background#545c6a
- button.foreground#ffffff
- button.hoverBackground#AB6526
- descriptionForeground#cccccc
- dropdown.background#545c6a
- dropdown.border#545c6a
- dropdown.foreground#ffffff
- editor.background#414751
- editor.findMatchBackground#545c6a22
- editor.findMatchHighlightBackground#545c6a22
- editor.foreground#eeeeee
- editor.inactiveSelectionBackground#545c6a22
- editor.lineHighlightBackground#545c6a99
- editor.lineHighlightBorder#545c6a99
- editor.selectionBackground#545c6a99
- editorBracketMatch.background#545c6a
- editorBracketMatch.border#545c6a
- editorCodeLens.foreground#999999
- editorCursor.foreground#ffffff
- editorGroup.border#414751
- editorGroupHeader.tabsBackground#545c6a
- editorGroupHeader.tabsBorder#414751
- editorLineNumber.activeForeground#AB6526
- editorLineNumber.foreground#999999
- editorLink.activeForeground#e98931
- editorPane.background#545c6a
- editorWidget.background#414751cc
- editorWidget.border#545c6a
- extensionButton.prominentBackground#545c6a
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#AB6526
- focusBorder#545c6a
- foreground#eeeeee
- input.background#414751
- input.border#545c6a
- input.foreground#ffffff
- input.placeholderForeground#999999
- inputOption.activeBorder#414751
- list.activeSelectionBackground#AB6526
- list.activeSelectionForeground#ffffff
- list.focusBackground#545c6a
- list.focusForeground#cccccc
- list.hoverBackground#545c6a
- list.hoverForeground#cccccc
- list.inactiveFocusBackground#545c6a
- list.inactiveSelectionBackground#545c6a
- list.inactiveSelectionForeground#eeeeee
- list.warningForeground#e98931
- menu.selectionBackground#AB6526
- panel.background#414751
- panel.border#414751
- panelTitle.activeBorder#AB6526
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#999999
- scrollbar.shadow#414751
- scrollbarSlider.activeBackground#AB6526
- scrollbarSlider.background#545c6a
- scrollbarSlider.hoverBackground#AB6526
- sideBar.background#414751
- sideBar.foreground#cccccc
- sideBarSectionHeader.background#414751
- sideBarSectionHeader.foreground#AB6526
- sideBarTitle.foreground#ffffff
- statusBar.background#AB6526
- statusBar.foreground#f2f2f2
- statusBar.noFolderBackground#545c6a
- statusBar.noFolderForeground#f2f2f2
- tab.activeBackground#414751
- tab.activeForeground#ffffff
- tab.border#545c6a
- tab.inactiveBackground#545c6a
- tab.inactiveForeground#cccccc
- terminal.foreground#ffffff
- terminal.selectionBackground#545c6a99
- textLink.activeForeground#e98931
- textLink.foreground#9cacc6
- titleBar.activeBackground#545c6a
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#545c6a99
- titleBar.inactiveForeground#ffffff
- welcomePage.background#414751
- welcomePage.buttonBackground#545c6a
- welcomePage.buttonHoverBackground#545c6a99
- widget.shadow#545c6a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #999999 | italic |
| comment.block.preprocessor | #999999 | |
| comment.documentation, comment.block.documentation | #999999 | — |
| invalid.deprecated | — | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #dddddd | — |
| keyword, storage | #9cacc6 | — |
| storage.type, support.type | #dddddd | italic |
| constant.language, support.constant, variable.language | #e98931 | — |
| variable, support.variable | #9cacc6 | — |
| entity.name.function, support.function | #e98931 | italic |
| entity.name.type, entity.other.inherited-class, support.class | #e98931 | bold |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #e98931 | — |
| string | #cccccc | — |
| constant.character.escape | #cccccc | — |
| string.regexp | #9cacc6 | — |
| constant.other.symbol | #e98931 | — |
| punctuation | #cccccc | — |
| string source, text source | — | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #9cacc6 | — |
| entity.name.tag | #e98931 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #9cacc6 | italic |
| constant.character.entity, punctuation.definition.entity | #e98931 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #dddddd | — |
| meta.property-name, support.type.property-name | #9cacc6 | |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #dddddd | — |
| keyword.other.important | — | bold |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #e98931 | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #ffffff | bold |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | — | italic |
| markup.list | #eeeeee | — |
| markup.bold, markup.italic | #ffffff | — |
| markup.inline.raw | #9cacc6 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...