Hikari Suite
Publisher: Muhammad Maulana YusufThemes in package: 4
Artisan 4-tier theme suite: Charcoal, Midnight OLED, Japanese Washi Paper, and E-Book Sepia with deep semantic highlighting.
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#000000
- activityBar.border#161616
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#616061
- activityBarBadge.background#ff5c86
- activityBarBadge.foreground#000000
- descriptionForeground#8e8d8e
- editor.background#09090b
- editor.findMatchBackground#ffd86655
- editor.findMatchHighlightBackground#ffd8662a
- editor.foreground#ffffff
- editor.lineHighlightBackground#141416
- editor.selectionBackground#2e2d2f
- editor.selectionHighlightBackground#1e1d1f
- editor.wordHighlightBackground#ffd86630
- editor.wordHighlightStrongBackground#ff5c8630
- editorBracketMatch.background#ffd86633
- editorBracketMatch.border#ffd866aa
- editorCursor.foreground#ffd866
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#161616
- editorIndentGuide.activeBackground1#5c5a5c
- editorIndentGuide.background1#1c1c1e
- editorLineNumber.activeForeground#ffd866
- editorLineNumber.foreground#424142
- editorRuler.foreground#1c1c1e
- editorSuggestWidget.background#000000
- editorSuggestWidget.border#28282a
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.selectedBackground#1e1e20
- editorWidget.background#000000
- editorWidget.border#28282a
- errorForeground#ff5c86
- focusBorder#ffd866aa
- foreground#ffffff
- gitDecoration.addedResourceForeground#a9dc76
- gitDecoration.deletedResourceForeground#ff5c86
- gitDecoration.ignoredResourceForeground#424142
- gitDecoration.modifiedResourceForeground#fc9867
- gitDecoration.untrackedResourceForeground#78dce8
- selection.background#4a4744aa
- sideBar.background#09090b
- sideBar.border#161616
- sideBar.foreground#b5b4b4
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#161616
- sideBarSectionHeader.foreground#ffd866
- sideBarTitle.foreground#ffffff
- statusBar.background#000000
- statusBar.border#161616
- statusBar.debuggingBackground#fc9867
- statusBar.debuggingForeground#000000
- statusBar.foreground#b5b4b4
- statusBar.noFolderBackground#000000
- statusBarItem.remoteBackground#78dce8
- statusBarItem.remoteForeground#000000
- tab.activeBackground#09090b
- tab.activeBorderBottom#ffd866
- tab.activeForeground#ffffff
- tab.border#161616
- tab.inactiveBackground#000000
- tab.inactiveForeground#807f80
- terminal.ansiBlack#09090b
- terminal.ansiBlue#fc9867
- terminal.ansiBrightBlack#616061
- terminal.ansiBrightBlue#fc9867
- terminal.ansiBrightCyan#78dce8
- terminal.ansiBrightGreen#a9dc76
- terminal.ansiBrightMagenta#ab9df2
- terminal.ansiBrightRed#ff5c86
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd866
- terminal.ansiCyan#78dce8
- terminal.ansiGreen#a9dc76
- terminal.ansiMagenta#ab9df2
- terminal.ansiRed#ff5c86
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffd866
- terminal.background#000000
- terminal.foreground#ffffff
- titleBar.activeBackground#000000
- titleBar.activeForeground#ffffff
- titleBar.border#161616
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#616061
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #686668 | italic |
| comment.line.exclamation, comment.block.exclamation | #ff5c86 | bold italic |
| comment.line.question, comment.block.question | #fc9867 | italic |
| comment.line.asterisk, comment.block.asterisk | #ffd866 | italic |
| comment.line.todo, comment.block.todo | #78dce8 | bold italic |
| comment.line.note, comment.block.note | #ab9df2 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete | #ff5c86 | italic |
| storage, storage.type, storage.modifier | #ff5c86 | italic |
| entity.name.function, meta.function-call, support.function, keyword.other.special-method | #a9dc76 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, entity.name.struct, entity.name.interface, support.class, support.type | #78dce8 | — |
| variable.parameter, meta.parameter | #fc9867 | italic |
| variable, meta.property.object, support.variable.property, variable.other.object.property | #ffffff | — |
| constant.numeric, constant.language, constant.character, constant.other, variable.other.constant | #ab9df2 | — |
| string, string.quoted, string.template, punctuation.definition.string | #ffd866 | — |
| entity.name.tag, meta.tag.sgml, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #ff5c86 | — |
| entity.other.attribute-name, support.type.property-name.css, meta.property-name.css | #78dce8 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #a9dc76 | — |
| punctuation.separator, punctuation.terminator, punctuation.accessor, keyword.operator | #8e8d8e | — |