Hakko Ryu Theme Collection
Publisher: alexandrubb23Themes in package: 5
Complete theme collection inspired by Hakko Ryu martial arts - includes Dark, High Contrast, Soft, and Light variants
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.activeBorder#C084FC
- activityBar.background#1A0B2E
- activityBar.border#4C1D95
- activityBar.dropBorder#A855F7
- activityBar.foreground#E879F9
- activityBar.inactiveForeground#8B5CF680
- activityBarBadge.background#A855F7
- activityBarBadge.foreground#FFFFFF
- badge.background#A855F7
- badge.foreground#FFFFFF
- button.background#7C3AED
- button.foreground#FFFFFF
- button.hoverBackground#6D28D9
- dropdown.background#1A0B2E
- dropdown.border#6D28D9
- dropdown.foreground#E9D5FF
- editor.background#0F0520
- editor.findMatchBackground#C084FC60
- editor.findMatchHighlightBackground#E879F940
- editor.foreground#F3E8FF
- editor.hoverHighlightBackground#7C3AED30
- editor.lineHighlightBackground#1E1B4B20
- editor.lineHighlightBorder#4C1D9540
- editor.rangeHighlightBackground#8B5CF620
- editor.selectionBackground#8B5CF650
- editor.selectionHighlightBackground#A855F730
- editor.wordHighlightBackground#6D28D940
- editor.wordHighlightStrongBackground#A855F750
- editorCursor.foreground#C084FC
- editorLineNumber.activeForeground#E879F9
- editorLineNumber.foreground#6D28D9
- editorWhitespace.foreground#4C1D9560
- gitDecoration.addedResourceForeground#A855F7
- gitDecoration.deletedResourceForeground#E879F9
- gitDecoration.ignoredResourceForeground#6D28D9
- gitDecoration.modifiedResourceForeground#C084FC
- gitDecoration.untrackedResourceForeground#DDD6FE
- input.background#1A0B2E
- input.border#6D28D9
- input.foreground#F3E8FF
- input.placeholderForeground#8B5CF6
- inputOption.activeBorder#C084FC
- inputValidation.errorBackground#7C2D1280
- inputValidation.errorBorder#DC2626
- list.activeSelectionBackground#6D28D960
- list.activeSelectionForeground#F3E8FF
- list.focusBackground#8B5CF640
- list.hoverBackground#4C1D9540
- list.inactiveSelectionBackground#1E1B4B40
- merge.currentContentBackground#6D28D920
- merge.currentHeaderBackground#7C3AED40
- merge.incomingContentBackground#A855F720
- merge.incomingHeaderBackground#8B5CF640
- minimap.background#1A0B2E
- minimap.findMatchHighlight#C084FC60
- minimap.selectionHighlight#8B5CF660
- panel.background#0F0520
- panel.border#4C1D95
- panelTitle.activeBorder#A855F7
- panelTitle.activeForeground#E879F9
- panelTitle.inactiveForeground#8B5CF6
- peekView.border#8B5CF6
- peekViewEditor.background#1A0B2E
- peekViewEditor.matchHighlightBackground#C084FC40
- peekViewResult.background#0F0520
- peekViewResult.fileForeground#E9D5FF
- peekViewResult.lineForeground#A855F7
- peekViewResult.matchHighlightBackground#8B5CF640
- peekViewResult.selectionBackground#6D28D960
- peekViewResult.selectionForeground#F3E8FF
- peekViewTitle.background#4C1D95
- peekViewTitleDescription.foreground#DDD6FE
- peekViewTitleLabel.foreground#F3E8FF
- progressBar.background#C084FC
- scrollbar.shadow#0F052080
- scrollbarSlider.activeBackground#A855F780
- scrollbarSlider.background#6D28D980
- scrollbarSlider.hoverBackground#8B5CF680
- sideBar.background#1A0B2E
- sideBar.border#4C1D95
- sideBar.foreground#E9D5FF
- sideBarSectionHeader.background#2D1B69
- sideBarSectionHeader.border#6D28D9
- sideBarSectionHeader.foreground#E879F9
- sideBarTitle.foreground#C084FC
- statusBar.background#6D28D9
- statusBar.border#4C1D95
- statusBar.debuggingBackground#A855F7
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#F3E8FF
- statusBar.noFolderBackground#581C87
- tab.activeBackground#0F0520
- tab.activeBorder#C084FC
- tab.activeForeground#F3E8FF
- tab.border#4C1D95
- tab.inactiveBackground#1A0B2E
- tab.inactiveForeground#A855F7
- terminal.ansiBlack#1A0B2E
- terminal.ansiBlue#8B5CF6
- terminal.ansiBrightBlack#4C1D95
- terminal.ansiBrightBlue#A855F7
- terminal.ansiBrightCyan#EDE9FE
- terminal.ansiBrightGreen#C084FC
- terminal.ansiBrightMagenta#DDD6FE
- terminal.ansiBrightRed#E879F9
- terminal.ansiBrightWhite#FAF5FF
- terminal.ansiBrightYellow#F3E8FF
- terminal.ansiCyan#DDD6FE
- terminal.ansiGreen#A855F7
- terminal.ansiMagenta#C084FC
- terminal.ansiRed#C084FC
- terminal.ansiWhite#F3E8FF
- terminal.ansiYellow#E879F9
- terminal.background#0F0520
- terminal.foreground#E9D5FF
- tree.indentGuidesStroke#4C1D95
- tree.tableColumnsBorder#6D28D9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8B5CF6 | italic |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new | #E879F9 | bold |
| string, punctuation.definition.string | #C084FC | italic |
| constant.numeric, constant.language | #DDD6FE | bold |
| entity.name.function, meta.function-call, variable.function, support.function | #A855F7 | bold italic |
| variable, string constant.other.placeholder, variable.other.readwrite, variable.parameter | #F3E8FF | bold |
| entity.name.type, entity.name.class, support.type, support.class | #7C3AED | bold underline |
| constant, variable.other.constant, constant.character.escape | #EDE9FE | bold |
| variable.other.property, variable.other.object.property | #C084FC | italic |
| entity.name.tag, markup.heading | #E879F9 | bold |
| entity.other.attribute-name | #DDD6FE | italic |
| punctuation, meta.brace, punctuation.definition.block | #A855F7 | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #C084FC | bold |
| keyword.control.import, keyword.control.from, keyword.control.export | #7C3AED | bold italic |
| entity.name.class, entity.other.inherited-class | #6D28D9 | bold underline |
| meta.method-call, meta.function-call entity.name.function | #E879F9 | italic |
| support.type.property-name.json, meta.object-literal.key | #DDD6FE | bold |
| markup.bold, markup.italic, markup.heading | #C084FC | bold |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #A855F7 | bold |