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#E8EAE9
- activityBar.foreground#2E3133
- activityBarBadge.background#457B8F
- activityBarBadge.foreground#FAFAFA
- badge.background#D0D4D2
- button.background#2E3133
- button.foreground#FAFAFA
- button.secondaryBackground#D0D4D2
- button.secondaryForeground#2E3133
- checkbox.border#B0B4B2
- debugToolBar.background#FAFAFA
- descriptionForeground#5C6166
- diffEditor.insertedTextBackground#D3E5D8AA
- dropdown.background#FAFAFA
- dropdown.border#D0D4D2
- editor.background#F4F5F4
- editor.findMatchBackground#B8D3E0
- editor.findMatchBorder#A85C20
- editor.findMatchHighlightBackground#B8D3E080
- editor.foreground#2E3133
- editor.lineHighlightBackground#E8EAE9
- editor.selectionBackground#C5D4DD
- editor.selectionHighlightBackground#D0D4D280
- editor.selectionHighlightBorder#B0B4B2
- editor.wordHighlightBackground#D0D4D280
- editor.wordHighlightBorder#B0B4B2
- editor.wordHighlightStrongBackground#D0D4D280
- editor.wordHighlightStrongBorder#B0B4B2
- editorBracketHighlight.foreground1#457B8F
- editorBracketHighlight.foreground2#9E744A
- editorBracketHighlight.foreground3#5C7C8C
- editorBracketHighlight.foreground4#6B4D60
- editorBracketHighlight.foreground5#63784A
- editorBracketHighlight.foreground6#4A8567
- editorBracketHighlight.unexpectedBracket.foreground#B5312B
- editorBracketMatch.background#E8EAE9
- editorBracketMatch.border#B0B4B2
- editorBracketPairGuide.activeBackground1#457B8F
- editorBracketPairGuide.activeBackground2#9E744A
- editorBracketPairGuide.activeBackground3#5C7C8C
- editorBracketPairGuide.activeBackground4#6B4D60
- editorBracketPairGuide.activeBackground5#63784A
- editorBracketPairGuide.activeBackground6#4A8567
- editorCursor.background#F4F5F4
- editorCursor.foreground#2E3133
- editorError.foreground#B5312B
- editorGroup.border#D0D4D2
- editorGroupHeader.tabsBackground#E8EAE9
- editorGutter.addedBackground#346143
- editorGutter.deletedBackground#B5312B
- editorGutter.modifiedBackground#A85C20
- editorHoverWidget.background#FAFAFA
- editorHoverWidget.border#D0D4D2
- editorHoverWidget.highlightForeground#457B8F
- editorIndentGuide.activeBackground1#A2A8A4
- editorIndentGuide.background1#D0D4D2
- editorInlayHint.background#E8EAE9
- editorInlayHint.foreground#6B8274
- editorLineNumber.activeForeground#A85C20
- editorLineNumber.foreground#A2A8A4
- editorMarkerNavigation.background#E8EAE9
- editorRuler.foreground#D0D4D2
- editorSuggestWidget.background#FAFAFA
- editorSuggestWidget.border#D0D4D2
- editorSuggestWidget.selectedBackground#E8EAE9
- editorWarning.foreground#A85C20
- editorWhitespace.foreground#D0D4D2
- editorWidget.background#FAFAFA
- focusBorder#457B8F
- foreground#2E3133
- gitDecoration.ignoredResourceForeground#8C9691
- input.background#FFFFFF
- list.activeSelectionBackground#D0D4D2
- list.activeSelectionForeground#2E3133
- list.focusBackground#E8EAE9
- list.focusForeground#2E3133
- list.highlightForeground#457B8F
- list.hoverBackground#E8EAE9
- list.hoverForeground#2E3133
- list.inactiveSelectionBackground#E8EAE9
- list.inactiveSelectionForeground#2E3133
- list.warningForeground#A85C20
- menu.background#FAFAFA
- menu.border#D0D4D2
- menu.foreground#2E3133
- menu.selectionBackground#E8EAE9
- menu.selectionForeground#2E3133
- menu.separatorBackground#D0D4D2
- menubar.selectionBackground#D0D4D2
- menubar.selectionForeground#2E3133
- minimapGutter.addedBackground#346143
- minimapGutter.deletedBackground#B5312B
- minimapGutter.modifiedBackground#A85C20
- panel.border#D0D4D2
- panelSectionHeader.background#E8EAE9
- peekView.border#457B8F
- peekViewEditor.background#F4F5F4
- peekViewEditor.matchHighlightBackground#B8D3E0
- peekViewResult.background#FAFAFA
- scrollbar.shadow#D0D4D2
- scrollbarSlider.activeBackground#A2A8A480
- scrollbarSlider.background#C2C6C466
- scrollbarSlider.hoverBackground#A2A8A466
- settings.focusedRowBackground#E8EAE9
- settings.headerForeground#2E3133
- sideBar.background#FAFAFA
- sideBar.border#D0D4D2
- sideBar.foreground#5C6166
- sideBarSectionHeader.background#E8EAE9
- sideBarSectionHeader.foreground#2E3133
- statusBar.background#E8EAE9
- statusBar.debuggingBackground#B5312B
- statusBar.debuggingBorder#457B8F
- statusBar.debuggingForeground#FAFAFA
- statusBar.foreground#5C6166
- statusBar.noFolderBackground#E8EAE9
- statusBarItem.hoverBackground#D0D4D2
- statusBarItem.remoteBackground#457B8F
- statusBarItem.remoteForeground#FAFAFA
- tab.activeBackground#F4F5F4
- tab.activeForeground#457B8F
- tab.border#D0D4D2
- tab.hoverBackground#E8EAE9
- tab.inactiveBackground#FAFAFA
- tab.unfocusedHoverBackground#E8EAE9
- terminal.ansiBlack#FAFAFA
- terminal.ansiBlue#457B8F
- terminal.ansiBrightBlack#A2A8A4
- terminal.ansiBrightBlue#5C7C8C
- terminal.ansiBrightCyan#5A7A8A
- terminal.ansiBrightGreen#4A8567
- terminal.ansiBrightMagenta#856A7A
- terminal.ansiBrightRed#C4403A
- terminal.ansiBrightWhite#111214
- terminal.ansiBrightYellow#A85C20
- terminal.ansiCyan#4A8567
- terminal.ansiGreen#346143
- terminal.ansiMagenta#6B4D60
- terminal.ansiRed#B5312B
- terminal.ansiWhite#2E3133
- terminal.ansiYellow#63784A
- terminal.background#F4F5F4
- terminal.border#D0D4D2
- terminal.foreground#2E3133
- terminal.selectionBackground#C5D4DD
- textBlockQuote.background#E8EAE9
- textBlockQuote.border#457B8F
- textLink.foreground#457B8F
- textPreformat.foreground#A85C20
- titleBar.activeBackground#E8EAE9
- titleBar.activeForeground#2E3133
- titleBar.inactiveBackground#FAFAFA
- titleBar.inactiveForeground#5C6166
- walkThrough.embeddedEditorBackground#F4F5F4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B8274 | — |
| variable, string constant.other.placeholder | #2E3133 | — |
| constant.other.color | #9E744A | — |
| invalid, invalid.illegal | #B5312B | — |
| storage.type | #457B8F | — |
| storage.modifier | #457B8F | — |
| keyword.control.flow, keyword.control.conditional, keyword.control.loop | #457B8F | bold |
| keyword.control, constant.other.color, meta.tag, keyword.other | #457B8F | — |
| keyword.control.trycatch | #B5312B | bold |
| keyword.other.unit, keyword.operator | #8C6538 | — |
| punctuation, punctuation.definition.tag, meta.brace, keyword.operator.type.annotation | #A2A8A4 | — |
| entity.name.tag, meta.tag.sgml | #8C6538 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #4A8567 | — |
| keyword.other.special-method | #6B4D60 | — |
| entity.name.function.macro | #6B4D60 | — |
| meta.block variable.other | #2E3133 | — |
| variable.other.enummember | #9E744A | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape | #9E744A | — |
| constant.language.boolean | #9E744A | — |
| constant.numeric | #506478 | — |
| string, punctuation.definition.string, constant.other.symbol, markup.heading, markup.inline.raw.string | #63784A | — |
| entity.name, support.type, support.class | #5C7C8C | — |
| entity.name.type.module, entity.name.namespace | #8C6538 | — |
| variable.other.property | #8C6538 | — |
| keyword.control.import, keyword.import, meta.import | #9E744A | — |
| source.css support.type.property-name, source.scss support.type.property-name | #5C7C8C | — |
| variable.language | #B5312B | — |
| entity.other.attribute-name | #457B8F | — |
| entity.other.attribute-name.class | #8C6538 | — |
| markup.inserted | #346143 | — |
| markup.deleted | #B5312B | — |
| markup.changed | #A85C20 | — |
| string.regexp | #A65D24 | — |
| constant.character.escape | #5C7C8C | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js | #457B8F | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #506478 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8C6538 | — |
| 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 | #9E744A | — |
| markdown.heading, entity.name.section.markdown, markup.heading.markdown | #5C7C8C | — |
| markup.italic | #B5312B | italic |
| markup.bold | — | bold |
| string.other.link.title.markdown | #9E744A | — |
| text.html, text.log | #2E3133 | — |