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#7FFF00
- activityBar.background#161b22
- activityBar.foreground#c9d1d9
- activityBar.inactiveForeground#6e7681
- activityBarBadge.background#7FFF00
- activityBarBadge.foreground#161b22
- editor.background#0d1117
- editor.foreground#c9d1d9
- editor.lineHighlightBackground#161b22
- editor.selectionBackground#264f78
- editor.selectionHighlightBackground#3b3b3b60
- editorCursor.foreground#58a6ff
- editorGroupHeader.tabsBackground#161b22
- editorIndentGuide.activeBackground1#58a6ff
- editorIndentGuide.background1#21262d
- editorLineNumber.activeForeground#c9d1d9
- editorLineNumber.foreground#8b949e
- panel.background#161b22
- panel.border#21262d
- sideBar.background#161b22
- sideBar.foreground#c9d1d9
- sideBarSectionHeader.background#21262d
- sideBarSectionHeader.foreground#7FFF00
- statusBar.background#161b22
- statusBar.debuggingBackground#a98bff
- statusBar.debuggingForeground#161b22
- statusBar.foreground#c9d1d9
- statusBar.noFolderBackground#161b22
- tab.activeBackground#21262d
- tab.activeBorder#7FFF00
- tab.activeForeground#7FFF00
- tab.border#21262d
- tab.inactiveBackground#161b22
- tab.inactiveForeground#8b949e
- tab.unfocusedActiveBorder#a98bff99
- titleBar.activeBackground#161b22
- titleBar.activeForeground#c9d1d9
- titleBar.inactiveBackground#0d1117
- titleBar.inactiveForeground#6e7681
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #8b949e | italic |
| keyword, keyword.control.go | #7FFF00 | bold |
| entity.name.type.go | #A98BFF | — |
| entity.name.function, entity.name.function.go | #a98bff | italic |
| variable, variable.other.go | #ffffff | — |
| string, string.quoted.double.go, string.quoted.single.go | #a5d6ff | — |
| constant.numeric, constant.numeric.go | #ffffff | — |
| storage.type, storage.type.go | #7FFF00 | bold |
| entity.name.import.go, variable.other.package.go | #a98bff | bold |
| entity.name.import.path.go | #7FFF00 | bold underline |
| source.go | #A98BFF | — |
| entity.name.tag.yaml | #a98bff | bold |
| entity.name.anchor.yaml | #7FFF00 | bold underline |
| entity.name.alias.yaml | #a98bff | bold |
| string.unquoted.plain.out.yaml | #a5d6ff | — |
| string.quoted.double.yaml, string.quoted.single.yaml | #a98bff | — |
| constant.numeric.yaml | #79c0ff | — |
| constant.language.boolean.yaml | #7FFF00 | bold |
| constant.language.null.yaml | #8b949e | italic |
| comment.line.number-sign.yaml | #8b949e | italic |
| support.type.property-name.json, meta.object-literal.key.js, meta.object-literal.key.ts, meta.object-literal.key.tsx | #a98bff | 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 | #a5d6ff | — |
| constant.numeric.json, constant.numeric.js, constant.numeric.ts, constant.numeric.tsx | #79c0ff | — |
| constant.language.boolean.json, constant.language.boolean.js, constant.language.boolean.ts, constant.language.boolean.tsx | #7FFF00 | bold |
| constant.language.null.json, constant.language.null.js, constant.language.null.ts, constant.language.null.tsx | #8b949e | 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 | #8b949e | italic |
| punctuation.separator.key-value.json, punctuation.separator.key-value.js, punctuation.separator.key-value.ts, punctuation.separator.key-value.tsx | #7FFF00 | — |
| punctuation.definition.block.js, punctuation.definition.block.ts, punctuation.definition.block.tsx | #a98bff | — |
| keyword.control.makefile | #7CFF6B | bold |
| variable.assignment.makefile | #7CFF6B | bold |
| entity.name.function.target.makefile | #7CFF6B | bold underline |
| meta.scope.target.makefile | #7CFF6B | bold |
| meta.scope.prerequisites.makefile | #7CFF6B | |
| support.constant.makefile | #FFD700 | bold |
| string.quoted.double.makefile, string.quoted.single.makefile | #A084CA | — |
| comment.line.number-sign.makefile | #A084CA | italic |
| keyword.control.terraform | #7FFF00 | bold |
| variable.other.terraform | #ffffff | — |
| entity.name.function.terraform, variable.other.readwrite.terraform | #a98bff | italic |
| entity.name.type.terraform | #A98BFF | bold |
| string.quoted.double.terraform, string.quoted.single.terraform | #a5d6ff | — |
| constant.numeric.terraform | #79c0ff | — |
| constant.language.boolean.terraform | #7FFF00 | bold |
| comment.line.number-sign.terraform | #8b949e | italic |
| support.constant.terraform | #FFD700 | bold |
| punctuation.definition.block.terraform | #a98bff | — |
| support.function.builtin.terraform | #a98bff | bold italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...