Sonic Inspired Theme
Publisher: AndreLuizJPolesThemes in package: 12
Unofficial fan color themes for VS Code: Sonic, Tails, Knuckles, Shadow, Rouge, and Omega (Dark + Light each). Free and non-profit. Not affiliated with SEGA.
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#7F1918
- activityBar.foreground#E8E6E0
- activityBar.inactiveForeground#C08080
- activityBarBadge.background#6F6E68
- activityBarBadge.foreground#FFFFFF
- badge.background#7F1918
- badge.foreground#FFFFFF
- button.background#B14341
- button.foreground#FFFFFF
- button.hoverBackground#C85856
- descriptionForeground#5A5850
- dropdown.background#FFFFFF
- dropdown.border#B8B4AC
- dropdown.foreground#000000
- editor.background#E8E6E0
- editor.findMatchBackground#B1434155
- editor.findMatchHighlightBackground#B1434133
- editor.foreground#000000
- editor.inactiveSelectionBackground#B1434122
- editor.lineHighlightBackground#DCDAD4
- editor.selectionBackground#B1434144
- editor.wordHighlightBackground#B1434133
- editor.wordHighlightStrongBackground#B1434144
- editorBracketMatch.background#B1434133
- editorBracketMatch.border#7F1918
- editorCursor.foreground#7F1918
- editorError.foreground#7F1918
- editorGroupHeader.tabsBackground#C3BEB3
- editorGutter.background#E8E6E0
- editorHint.foreground#6F6E68
- editorIndentGuide.activeBackground#6F6E6855
- editorIndentGuide.background#D0CCC4
- editorInfo.foreground#5A5850
- editorLineNumber.activeForeground#7F1918
- editorLineNumber.foreground#6F6E68
- editorWarning.foreground#8A7020
- editorWhitespace.foreground#B8B4AC
- focusBorder#6F6E68
- foreground#000000
- gitDecoration.deletedResourceForeground#7F1918
- gitDecoration.ignoredResourceForeground#6F6E68
- gitDecoration.modifiedResourceForeground#8A7020
- gitDecoration.untrackedResourceForeground#5A5850
- input.background#FFFFFF
- input.border#B8B4AC
- input.foreground#000000
- input.placeholderForeground#6F6E68
- list.activeSelectionBackground#B1434144
- list.activeSelectionForeground#000000
- list.highlightForeground#7F1918
- list.hoverBackground#B1434122
- list.inactiveSelectionBackground#B8B4A8
- panel.background#E8E6E0
- panel.border#B8B4A8
- scrollbarSlider.activeBackground#6F6E6888
- scrollbarSlider.background#6F6E6844
- scrollbarSlider.hoverBackground#6F6E6866
- sideBar.background#C3BEB3
- sideBar.foreground#000000
- sideBarSectionHeader.background#B8B4A8
- sideBarSectionHeader.foreground#000000
- sideBarTitle.foreground#7F1918
- statusBar.background#7F1918
- statusBar.debuggingBackground#B14341
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#E8E6E0
- statusBar.noFolderBackground#7F1918
- tab.activeBackground#E8E6E0
- tab.activeForeground#7F1918
- tab.border#B8B4A8
- tab.inactiveBackground#C3BEB3
- tab.inactiveForeground#5A5850
- terminal.ansiBlue#5A5850
- terminal.ansiCyan#5A5850
- terminal.ansiGreen#5A5850
- terminal.ansiMagenta#B14341
- terminal.ansiRed#7F1918
- terminal.ansiYellow#8A7020
- terminal.background#E8E6E0
- terminal.foreground#000000
- textLink.activeForeground#B14341
- textLink.foreground#7F1918
- titleBar.activeBackground#1A1A18
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#2A2A28
- titleBar.inactiveForeground#A0A098
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6F6E68 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #7F1918 | bold |
| string, constant.other.symbol | #6A2018 | — |
| constant.numeric, constant.language | #5A1800 | — |
| constant.language.boolean | #3A3830 | — |
| entity.name.function, support.function, meta.function-call | #B14341 | — |
| entity.name.type, entity.name.class, support.type, support.class | #5A1000 | bold |
| variable, variable.other, variable.parameter | #000000 | — |
| variable.other.property, support.variable.property | #1A1810 | — |
| entity.name.tag | #7F1918 | — |
| entity.other.attribute-name | #6A2018 | — |
| keyword.operator | #6F6E68 | — |
| punctuation, meta.brace | #6F6E68 | — |
| entity.name.namespace, support.type.namespace | #5A1000 | bold |
| meta.decorator, entity.name.function.decorator | #7F1918 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #B14341 | — |
| string.regexp | #5A1000 | — |
| constant.character.escape | #B14341 | — |
| invalid, invalid.illegal | #7F1918 | bold underline |
| markup.heading, entity.name.section.markdown | #7F1918 | bold |
| markup.bold | #6A2018 | bold |
| markup.italic | #B14341 | italic |
| markup.underline.link | #7F1918 | — |
| markup.inline.raw, markup.fenced_code.block | #5A1800 | — |
| support.type.property-name.json | #7F1918 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #7F1918 | — |
| support.type.property-name.css | #B14341 | — |
| support.constant.property-value.css | #5A1800 | — |