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