Anime Trinity Theme
Publisher: Dhruva JhanjhariThemes in package: 3
Three anime-inspired VS Code themes: One Piece Dark, Robin Cozy, and Purple Blue.
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#07090f
- activityBar.border#07090f
- activityBar.foreground#a855f7
- activityBar.inactiveForeground#2a3652
- activityBarBadge.background#22d3ee
- activityBarBadge.foreground#07090f
- breadcrumb.activeForeground#c4b5fd
- breadcrumb.background#0b0f1a
- breadcrumb.foreground#2a3652
- button.background#a855f7
- button.foreground#ffffff
- button.hoverBackground#9333ea
- button.secondaryBackground#131827
- button.secondaryForeground#cdd6f4
- diffEditor.insertedTextBackground#a6e3a118
- diffEditor.removedTextBackground#f38ba818
- dropdown.background#07090f
- dropdown.border#131827
- dropdown.foreground#cdd6f4
- editor.background#0b0f1a
- editor.findMatchBackground#a855f750
- editor.findMatchHighlightBackground#a855f725
- editor.foreground#cdd6f4
- editor.lineHighlightBackground#131827
- editor.selectionBackground#a855f733
- editor.selectionHighlightBackground#a855f720
- editor.wordHighlightBackground#60a5fa20
- editorBracketMatch.background#a855f730
- editorBracketMatch.border#a855f780
- editorCursor.foreground#a855f7
- editorGroupHeader.tabsBackground#07090f
- editorIndentGuide.activeBackground1#1e2a3d
- editorIndentGuide.background1#131827
- editorLineNumber.activeForeground#a855f7
- editorLineNumber.foreground#2a3652
- editorRuler.foreground#131827
- editorWhitespace.foreground#1e2a3d
- gitDecoration.addedResourceForeground#a6e3a1
- gitDecoration.deletedResourceForeground#f38ba8
- gitDecoration.ignoredResourceForeground#313244
- gitDecoration.modifiedResourceForeground#f9e2af
- gitDecoration.untrackedResourceForeground#a6e3a1
- input.background#0f1420
- input.border#131827
- input.foreground#cdd6f4
- input.placeholderForeground#2a3652
- inputOption.activeBorder#a855f7
- list.activeSelectionBackground#131827
- list.activeSelectionForeground#c4b5fd
- list.focusBackground#131827
- list.highlightForeground#a855f7
- list.hoverBackground#0f1420
- list.inactiveSelectionBackground#0f1420
- minimap.background#07090f
- minimap.selectionHighlight#a855f750
- notificationLink.foreground#60a5fa
- notifications.background#07090f
- notifications.border#131827
- notifications.foreground#cdd6f4
- panel.background#07090f
- panel.border#131827
- panelTitle.activeBorder#a855f7
- panelTitle.activeForeground#c4b5fd
- panelTitle.inactiveForeground#2a3652
- scrollbarSlider.activeBackground#a855f760
- scrollbarSlider.background#1e2a3d80
- scrollbarSlider.hoverBackground#2a3652aa
- sideBar.background#07090f
- sideBar.border#0b0f1a
- sideBar.foreground#7a8baa
- sideBarSectionHeader.background#0b0f1a
- sideBarSectionHeader.border#131827
- sideBarSectionHeader.foreground#a855f7
- sideBarTitle.foreground#c4b5fd
- statusBar.background#0d0e1f
- statusBar.border#1e1f3a
- statusBar.debuggingBackground#22d3ee
- statusBar.debuggingForeground#07090f
- statusBar.foreground#a855f7
- statusBar.noFolderBackground#07090f
- statusBarItem.hoverBackground#131827
- statusBarItem.remoteBackground#22d3ee
- statusBarItem.remoteForeground#07090f
- tab.activeBackground#0b0f1a
- tab.activeBorderTop#a855f7
- tab.activeForeground#c4b5fd
- tab.border#07090f
- tab.hoverBackground#131827
- tab.inactiveBackground#07090f
- tab.inactiveForeground#2a3652
- terminal.ansiBlue#60a5fa
- terminal.ansiBrightBlue#89b4fa
- terminal.ansiBrightCyan#67e8f9
- terminal.ansiBrightGreen#a6e3a1
- terminal.ansiBrightMagenta#c4b5fd
- terminal.ansiBrightRed#f38ba8
- terminal.ansiBrightYellow#f9e2af
- terminal.ansiCyan#22d3ee
- terminal.ansiGreen#a6e3a1
- terminal.ansiMagenta#a855f7
- terminal.ansiRed#f38ba8
- terminal.ansiYellow#f9e2af
- terminal.background#07090f
- terminal.foreground#cdd6f4
- terminalCursor.foreground#a855f7
- titleBar.activeBackground#07090f
- titleBar.activeForeground#c4b5fd
- titleBar.border#131827
- titleBar.inactiveBackground#07090f
- titleBar.inactiveForeground#2a3652
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3d4f6e | italic |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #a855f7 | bold |
| string, string.quoted, string.template | #22d3ee | — |
| constant.character.escape, punctuation.definition.template-expression | #f9e2af | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #60a5fa | — |
| variable.parameter | #93c5fd | italic |
| variable, variable.other | #cdd6f4 | — |
| constant, variable.other.constant, constant.language | #f9e2af | bold |
| constant.numeric | #fab387 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #f38ba8 | bold |
| entity.name.class, entity.name.type, support.class, entity.other.inherited-class | #c4b5fd | bold |
| entity.name.type.interface | #a5b4fc | — |
| entity.name.tag | #a855f7 | — |
| entity.other.attribute-name | #c4b5fd | — |
| support.type.property-name.css | #60a5fa | — |
| support.constant.property-value.css | #22d3ee | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #c4b5fd | — |
| keyword.operator | #7a8baa | — |
| punctuation | #4a5878 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #f0abfc | — |
| meta.decorator, entity.name.function.decorator | #f9e2af | — |
| support.type.property-name.json, meta.object-literal.key | #60a5fa | — |
| variable.language.special.self.python | #a855f7 | italic |
| storage.type.annotation | #f9e2af | — |
| invalid | #f38ba8 | underline |