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