Toji Fushiguro
Publisher: Andrii StavskyiThemes in package: 2
Theme inspired by Toji Fushiguro
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#191B1E
- activityBar.foreground#C8CAC8
- activityBarBadge.background#5B8A9E
- activityBarBadge.foreground#C8CAC8
- badge.background#191B1E
- button.background#191B1E
- button.foreground#C8CAC8
- button.secondaryBackground#1E3040
- button.secondaryForeground#C8CAC8
- checkbox.border#1E3040
- debugToolBar.background#0D0F11
- descriptionForeground#C8CAC8
- diffEditor.insertedTextBackground#1E3028AA
- dropdown.background#0D0F11
- dropdown.border#0D0F11
- editor.background#111214
- editor.findMatchBackground#1E3A4A
- editor.findMatchBorder#C47840
- editor.findMatchHighlightBackground#1E3A4A80
- editor.foreground#C8CAC8
- editor.lineHighlightBackground#1E2124
- editor.selectionBackground#1E3040
- editor.selectionHighlightBackground#1E212480
- editor.selectionHighlightBorder#3A3C40
- editor.wordHighlightBackground#1E21244D
- editor.wordHighlightBorder#3A3C40
- editor.wordHighlightStrongBackground#1E21244D
- editor.wordHighlightStrongBorder#3A3C40
- editorBracketHighlight.foreground1#6B9EAF
- editorBracketHighlight.foreground2#B8906A
- editorBracketHighlight.foreground3#8EAAB8
- editorBracketHighlight.foreground4#83697A
- editorBracketHighlight.foreground5#8A9E72
- editorBracketHighlight.foreground6#7AAE8E
- editorBracketHighlight.unexpectedBracket.foreground#C4403A
- editorBracketMatch.background#0D0F11
- editorBracketMatch.border#3A3C40
- editorBracketPairGuide.activeBackground1#6B9EAF
- editorBracketPairGuide.activeBackground2#B8906A
- editorBracketPairGuide.activeBackground3#8EAAB8
- editorBracketPairGuide.activeBackground4#83697A
- editorBracketPairGuide.activeBackground5#8A9E72
- editorBracketPairGuide.activeBackground6#7AAE8E
- editorCursor.background#111214
- editorCursor.foreground#C8CAC8
- editorError.foreground#C4403A
- editorGroup.border#0D0F11
- editorGroupHeader.tabsBackground#0D0F11
- editorGutter.addedBackground#4A7A5A
- editorGutter.deletedBackground#C4403A
- editorGutter.modifiedBackground#C47840
- editorHoverWidget.background#111214
- editorHoverWidget.border#191B1E
- editorHoverWidget.highlightForeground#5B8A9E
- editorIndentGuide.activeBackground1#1E2124
- editorIndentGuide.background1#191B1E
- editorInlayHint.background#111214
- editorInlayHint.foreground#4A5C50
- editorLineNumber.activeForeground#C47840
- editorLineNumber.foreground#3A3C40
- editorMarkerNavigation.background#1E2124
- editorRuler.foreground#1E2124
- editorSuggestWidget.background#1E3040
- editorSuggestWidget.border#1E3040
- editorSuggestWidget.selectedBackground#1E3A4A
- editorWarning.foreground#C47840
- editorWhitespace.foreground#111214
- editorWidget.background#111214
- focusBorder#1E3040
- foreground#C8CAC8
- gitDecoration.ignoredResourceForeground#4A5C50
- input.background#0D0F11
- list.activeSelectionBackground#1E2124
- list.activeSelectionForeground#C8CAC8
- list.focusBackground#191B1E
- list.focusForeground#C8CAC8
- list.highlightForeground#8EAAB8
- list.hoverBackground#1E2124
- list.hoverForeground#C8CAC8
- list.inactiveSelectionBackground#191B1E
- list.inactiveSelectionForeground#C8CAC8
- list.warningForeground#C47840
- menu.background#1E2124
- menu.border#0D0F11
- menu.foreground#C8CAC8
- menu.selectionBackground#0D0F11
- menu.selectionForeground#C8CAC8
- menu.separatorBackground#3A3C40
- menubar.selectionBackground#0D0F11
- menubar.selectionForeground#C8CAC8
- minimapGutter.addedBackground#4A7A5A
- minimapGutter.deletedBackground#C4403A
- minimapGutter.modifiedBackground#C47840
- panel.border#0D0F11
- panelSectionHeader.background#111214
- peekView.border#3A3C40
- peekViewEditor.background#191B1E
- peekViewEditor.matchHighlightBackground#1E3A4A
- peekViewResult.background#1E2124
- scrollbar.shadow#1E2124
- scrollbarSlider.activeBackground#19181880
- scrollbarSlider.background#3A3C4066
- scrollbarSlider.hoverBackground#3A3C4080
- settings.focusedRowBackground#1E2124
- settings.headerForeground#C8CAC8
- sideBar.background#111214
- sideBar.border#0D0F11
- sideBar.foreground#C8CAC8
- sideBarSectionHeader.background#1E2124
- sideBarSectionHeader.foreground#C8CAC8
- statusBar.background#0D0F11
- statusBar.debuggingBackground#C4403A
- statusBar.debuggingBorder#6B9EAF
- statusBar.debuggingForeground#C8CAC8
- statusBar.foreground#A2A8A4
- statusBar.noFolderBackground#111214
- statusBarItem.hoverBackground#1E2124
- statusBarItem.remoteBackground#1E3A4A
- statusBarItem.remoteForeground#C8CAC8
- tab.activeBackground#191B1E
- tab.activeForeground#8EAAB8
- tab.border#191B1E
- tab.hoverBackground#1E2124
- tab.inactiveBackground#141618
- tab.unfocusedHoverBackground#111214
- terminal.ansiBlack#0D0F11
- terminal.ansiBlue#5B8A9E
- terminal.ansiBrightBlack#3A3C40
- terminal.ansiBrightBlue#6B9EAF
- terminal.ansiBrightCyan#7ABEAE
- terminal.ansiBrightGreen#7AAE8E
- terminal.ansiBrightMagenta#A08596
- terminal.ansiBrightRed#D45050
- terminal.ansiBrightWhite#C8CAC8
- terminal.ansiBrightYellow#C47840
- terminal.ansiCyan#7AAE8E
- terminal.ansiGreen#4A7A5A
- terminal.ansiMagenta#83697A
- terminal.ansiRed#C4403A
- terminal.ansiWhite#A2A8A4
- terminal.ansiYellow#8A9E72
- terminal.background#111214
- terminal.border#0D0F11
- terminal.foreground#C8CAC8
- terminal.selectionBackground#1E3040
- textBlockQuote.background#111214
- textBlockQuote.border#0D0F11
- textLink.foreground#5B8A9E
- textPreformat.foreground#C47840
- titleBar.activeBackground#1E2124
- titleBar.activeForeground#C8CAC8
- titleBar.inactiveBackground#111214
- titleBar.inactiveForeground#C8CAC8
- walkThrough.embeddedEditorBackground#111214
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4A5C50 | — |
| variable, string constant.other.placeholder | #C8CAC8 | — |
| constant.other.color | #B8906A | — |
| invalid, invalid.illegal | #C4403A | — |
| storage.type | #6B9EAF | — |
| storage.modifier | #6B9EAF | — |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #6B9EAF | bold |
| keyword.control, constant.other.color, meta.tag, keyword.other | #6B9EAF | — |
| keyword.control.trycatch | #C4403A | bold |
| keyword.other.unit, keyword.operator | #A8845A | — |
| punctuation, punctuation.definition.tag, meta.brace, keyword.operator.type.annotation | #6E7278 | — |
| entity.name.tag, meta.tag.sgml | #A8845A | — |
| entity.name.function, meta.function-call, variable.function, support.function | #7AAE8E | — |
| keyword.other.special-method | #83697A | — |
| entity.name.function.macro | #83697A | — |
| meta.block variable.other | #C8CAC8 | — |
| variable.other.enummember | #B8906A | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape | #B8906A | — |
| constant.language.boolean | #B8906A | — |
| constant.numeric | #7A8C9E | — |
| string, punctuation.definition.string, constant.other.symbol, markup.heading, markup.inline.raw.string | #8A9E72 | — |
| entity.name, support.type, support.class | #8EAAB8 | — |
| entity.name.type.module, entity.name.namespace | #A8845A | — |
| variable.other.property | #A8845A | — |
| keyword.control.import, keyword.import, meta.import | #B8906A | — |
| source.css support.type.property-name, source.scss support.type.property-name | #8EAAB8 | — |
| variable.language | #C4403A | — |
| entity.other.attribute-name | #6B9EAF | — |
| entity.other.attribute-name.class | #A8845A | — |
| markup.inserted | #4A7A5A | — |
| markup.deleted | #C4403A | — |
| markup.changed | #C47840 | — |
| string.regexp | #A87050 | — |
| constant.character.escape | #8EAAB8 | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js | #6B9EAF | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #7A8C9E | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #A8845A | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #B8906A | — |
| markdown.heading, entity.name.section.markdown, markup.heading.markdown | #8EAAB8 | — |
| markup.italic | #C4403A | italic |
| markup.bold | — | bold |
| string.other.link.title.markdown | #B8906A | — |
| text.html, text.log | #C8CAC8 | — |