Tsukuyomi
Publisher: Shodipo AyomideThemes in package: 3
A visual studio code theme for all Naruto & Anime lovers out there.
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.activeBackground#E9E9E4
- activityBar.activeBorder#C73535
- activityBar.background#F5F5F0
- activityBar.border#E0E0DB
- activityBar.foreground#585A60
- activityBarBadge.background#0B76D4
- activityBarBadge.foreground#FFFFFF
- editor.background#F5F5F0
- editor.findMatchBackground#D8D8D388
- editor.findMatchHighlightBackground#D8D8D366
- editor.foreground#383A42
- editor.lineHighlightBackground#E9E9E4
- editor.selectionBackground#D1D1CC
- editor.selectionHighlightBackground#E9E9E4
- editor.wordHighlightBackground#D1D1CC80
- editor.wordHighlightStrongBackground#C7C7C280
- editorBracketMatch.background#D1D1CC80
- editorBracketMatch.border#9D9D9D
- editorCursor.foreground#C73535
- editorGroup.border#E0E0DB
- editorGroup.dropBackground#D1D1CC80
- editorGroupHeader.noTabsBackground#EBEBEB
- editorGroupHeader.tabsBackground#EBEBEB
- editorGroupHeader.tabsBorder#E0E0DB
- editorIndentGuide.activeBackground#D1D1CC
- editorIndentGuide.background#E0E0DB
- editorLineNumber.activeForeground#4E8F35
- editorLineNumber.foreground#9D9D9D
- editorRuler.foreground#D1D1CC
- editorWhitespace.foreground#BFBFBF
- gitDecoration.conflictingResourceForeground#8954A8
- gitDecoration.deletedResourceForeground#E45649
- gitDecoration.ignoredResourceForeground#9D9D9D
- gitDecoration.modifiedResourceForeground#986801
- gitDecoration.untrackedResourceForeground#4E8F35
- list.activeSelectionBackground#D8D8D380
- list.activeSelectionForeground#383A42
- list.focusBackground#D8D8D380
- list.highlightForeground#0B76D4
- list.hoverBackground#D8D8D380
- list.inactiveSelectionBackground#E9E9E4
- panel.background#EBEBEB
- panel.border#E0E0DB
- panelTitle.activeForeground#383A42
- panelTitle.inactiveForeground#585A60
- scrollbarSlider.activeBackground#BDBDB880
- scrollbarSlider.background#D1D1CC80
- scrollbarSlider.hoverBackground#C7C7C280
- sideBar.background#EBEBEB
- sideBar.border#E0E0DB
- sideBar.foreground#585A60
- sideBarSectionHeader.background#EBEBEB
- sideBarSectionHeader.border#E0E0DB
- sideBarSectionHeader.foreground#585A60
- sideBarTitle.foreground#383A42
- statusBar.background#EBEBEB
- statusBar.border#E0E0DB
- statusBar.debuggingBackground#C73535
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#585A60
- statusBar.noFolderBackground#EBEBEB
- statusBarItem.activeBackground#E9E9E4
- statusBarItem.hoverBackground#E9E9E4
- statusBarItem.prominentBackground#0B76D433
- statusBarItem.prominentHoverBackground#0B76D466
- tab.activeBackground#F5F5F0
- tab.activeBorder#0B76D4
- tab.activeForeground#383A42
- tab.border#E0E0DB
- tab.hoverBackground#E9E9E4
- tab.inactiveBackground#EBEBEB
- tab.inactiveForeground#585A60
- tab.unfocusedActiveBorder#9D9D9D
- tab.unfocusedActiveForeground#585A60
- tab.unfocusedInactiveForeground#585A60
- terminal.ansiBlack#383A42
- terminal.ansiBlue#0B76D4
- terminal.ansiBrightBlack#9D9D9D
- terminal.ansiBrightBlue#0B76D4
- terminal.ansiBrightCyan#0184BC
- terminal.ansiBrightGreen#4E8F35
- terminal.ansiBrightMagenta#8954A8
- terminal.ansiBrightRed#E45649
- terminal.ansiBrightWhite#383A42
- terminal.ansiBrightYellow#986801
- terminal.ansiCyan#0184BC
- terminal.ansiGreen#4E8F35
- terminal.ansiMagenta#8954A8
- terminal.ansiRed#E45649
- terminal.ansiWhite#383A42
- terminal.ansiYellow#986801
- terminal.background#EBEBEB
- terminal.foreground#383A42
- titleBar.activeBackground#EBEBEB
- titleBar.activeForeground#585A60
- titleBar.border#E0E0DB
- titleBar.inactiveBackground#EBEBEB
- titleBar.inactiveForeground#9D9D9D
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #383A42 | — |
| comment | #8A8A8A | italic |
| comment punctuation, comment.block punctuation, comment string.quoted, comment punctuation.definition, comment punctuation.definition.string | #8A8A8A | — |
| string | #986801 | — |
| constant.numeric | #4E8F35 | — |
| keyword.control, keyword.control.flow, keyword.control.loop, keyword.control.conditional, keyword.control.import, keyword.control.export, keyword.control.return, keyword.control.try | #0B76D4 | italic |
| keyword.operator.expression, keyword.operator.new, keyword.operator.logical, keyword.operator.typeof, keyword.operator.instanceof | #0B76D4 | italic |
| variable.other.object.property, variable.other.property, meta.object-literal.key | #383A42 | italic |
| constant.language | #A626A4 | italic |
| variable.language.super, variable.language.arguments | #A626A4 | italic |
| support.function.builtin, support.function.math, support.function.dom, support.function.console | #0B76D4 | italic |
| support.class.component, entity.name.tag.js.jsx, entity.name.tag.tsx | #E45649 | italic |
| entity.other.attribute-name | #4E8F35 | italic |
| constant.language | #A626A4 | — |
| constant.character, constant.other | #8954A8 | — |
| variable | #383A42 | — |
| keyword | #0B76D4 | — |
| storage | #0B76D4 | — |
| storage.type | #0B76D4 | italic |
| entity.name.class | #0B76D4 | — |
| entity.other.inherited-class | #0B76D4 | italic |
| entity.name.function | #C73535 | — |
| variable.parameter | #986801 | italic |
| entity.name.tag | #E45649 | — |
| entity.other.attribute-name | #4E8F35 | — |
| support.function | #0B76D4 | — |
| support.constant | #8954A8 | — |
| support.type, support.class | #0B76D4 | italic |
| support.other.variable | #E45649 | — |
| support.type.property-name.json | #0B76D4 | — |
| string.quoted.double.json, constant.numeric.json, constant.language.json | #986801 | — |
| variable.language.this | #A626A4 | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...