Vscode Theme based on Dragon Ball
Publisher: Felipe Rocha CorreaThemes in package: 15
A Visual Studio Code theme inspired by Dragon Ball anime.
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.activeBorder#F7768E
- activityBar.background#161b22
- activityBar.foreground#FFE0F7
- activityBar.inactiveForeground#6e7681
- activityBarBadge.background#F7768E
- activityBarBadge.foreground#161b22
- editor.background#0d1117
- editor.foreground#FFE0F7
- editor.lineHighlightBackground#161b22
- editor.selectionBackground#264f78
- editor.selectionHighlightBackground#3b3b3b60
- editorCursor.foreground#FFD700
- editorGroupHeader.tabsBackground#161b22
- editorIndentGuide.activeBackground1#FFD700
- editorIndentGuide.background1#21262d
- editorLineNumber.activeForeground#FFD700
- editorLineNumber.foreground#A06B8C
- panel.background#161b22
- panel.border#F7768E
- sideBar.background#161b22
- sideBar.foreground#FFE0F7
- sideBarSectionHeader.background#21262d
- sideBarSectionHeader.foreground#F7768E
- statusBar.background#161b22
- statusBar.debuggingBackground#FFD700
- statusBar.debuggingForeground#161b22
- statusBar.foreground#FFE0F7
- statusBar.noFolderBackground#161b22
- tab.activeBackground#21262d
- tab.activeBorder#F7768E
- tab.activeForeground#F7768E
- tab.border#21262d
- tab.inactiveBackground#161b22
- tab.inactiveForeground#A06B8C
- tab.unfocusedActiveBorder#FFD70099
- titleBar.activeBackground#161b22
- titleBar.activeForeground#FFE0F7
- titleBar.inactiveBackground#0d1117
- titleBar.inactiveForeground#6e7681
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #A06B8C | italic |
| keyword, keyword.control.go | #F7768E | bold |
| entity.name.function, entity.name.function.go | #FFD700 | italic |
| variable, variable.other.go | #FFE0F7 | — |
| string, string.quoted.double.go, string.quoted.single.go | #F7768E | — |
| constant.numeric, constant.numeric.go | #FFD700 | — |
| storage.type, storage.type.go | #F7768E | bold |
| entity.name.import.go, variable.other.package.go | #A06B8C | bold |
| entity.name.import.path.go | #FFD700 | bold underline |
| entity.name.type, entity.name.type.go | #FFD700 | bold |
| source.go | #FFE0F7 | — |
| entity.name.tag.yaml | #FFD700 | bold |
| entity.name.anchor.yaml | #A084CA | bold underline |
| entity.name.alias.yaml | #FFD700 | bold |
| string.unquoted.plain.out.yaml | #3B4D9B | — |
| string.quoted.double.yaml, string.quoted.single.yaml | #A084CA | — |
| constant.numeric.yaml | #3B4D9B | — |
| constant.language.boolean.yaml | #FFD700 | bold |
| constant.language.null.yaml | #7C6BA0 | italic |
| comment.line.number-sign.yaml | #7C6BA0 | italic |
| support.type.property-name.json, meta.object-literal.key.js, meta.object-literal.key.ts, meta.object-literal.key.tsx | #FFD700 | bold |
| string.value.json, string.quoted.double.js, string.quoted.single.js, string.quoted.double.ts, string.quoted.single.ts, string.quoted.double.tsx, string.quoted.single.tsx | #A084CA | — |
| constant.numeric.json, constant.numeric.js, constant.numeric.ts, constant.numeric.tsx | #FFD700 | — |
| constant.language.boolean.json, constant.language.boolean.js, constant.language.boolean.ts, constant.language.boolean.tsx | #FFD700 | bold |
| constant.language.null.json, constant.language.null.js, constant.language.null.ts, constant.language.null.tsx | #7C6BA0 | italic |
| comment.line.double-slash.js, comment.line.double-slash.ts, comment.line.double-slash.tsx, comment.block.documentation.js, comment.block.documentation.ts, comment.block.documentation.tsx | #7C6BA0 | italic |
| punctuation.separator.key-value.json, punctuation.separator.key-value.js, punctuation.separator.key-value.ts, punctuation.separator.key-value.tsx | #FFD700 | — |
| punctuation.definition.block.js, punctuation.definition.block.ts, punctuation.definition.block.tsx | #A084CA | — |
| keyword.control.makefile | #FFD700 | bold |
| variable.assignment.makefile | #A084CA | bold |
| entity.name.function.target.makefile | #FFD700 | bold underline |
| string.quoted.double.makefile, string.quoted.single.makefile | #A084CA | — |
| comment.line.number-sign.makefile | #7C6BA0 | italic |
| meta.scope.target.makefile | #FFD700 | bold |
| meta.scope.prerequisites.makefile | #FFD700 | |
| keyword.control.terraform | #F7768E | bold |
| variable.other.terraform | #FFE0F7 | — |
| entity.name.function.terraform | #F7768E | italic |
| entity.name.type.terraform | #F7768E | bold |
| string.quoted.double.terraform, string.quoted.single.terraform | #FFD700 | — |
| constant.numeric.terraform | #FFD700 | — |
| constant.language.boolean.terraform | #F7768E | bold |
| comment.line.number-sign.terraform | #8b949e | italic |
| support.constant.terraform | #FFD700 | bold |
| punctuation.definition.block.terraform | #F7768E | — |
| support.function.builtin.terraform | #F7768E | bold italic |
| variable.other.readwrite.terraform | #F7768E | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...