Backend Dark Theme
Publisher: lucas-dominguesThemes in package: 1
A dark theme for backend development
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#BB9AF7
- activityBar.background#0a0a0a90
- activityBar.border#706f6f20
- activityBar.foreground#fff
- activityBarBadge.background#BB9AF7
- activityBarBadge.foreground#0a0a0a90
- editor.background#0a0a0a20
- editor.foreground#F8F8F2
- editor.inactiveSelectionBackground#44475A40
- editor.lineHighlightBackground#171718
- editor.selectionBackground#44475A80
- editorCursor.foreground#BB9AF7
- editorGroup.border#fff
- editorGroupHeader.noTabsBackground#fff
- editorGroupHeader.tabsBackground#0a0a0a60
- editorIndentGuide.activeBackground1#6272A4
- editorIndentGuide.background1#44475A
- list.activeSelectionBackground#44475A80
- list.activeSelectionForeground#fafafc
- list.focusOutline#BB9AF7
- list.hoverBackground#44475A80
- panel.border#706f6f20
- sideBar.background#0a0a0a50
- sideBar.border#706f6f20
- sideBar.foreground#ffffffbb
- sideBarSectionHeader.foreground#fff
- statusBar.background#0a0a0a90
- statusBar.border#706f6f20
- tab.activeBackground#0a0a0a20
- tab.border#706f6f20
- tab.inactiveBackground#0a0a0a60
- titleBar.activeBackground#0a0a0a60
- titleBar.activeForeground#fff
- titleBar.border#706f6f20
- titleBar.inactiveBackground#0a0a0a90
- titleBar.inactiveForeground#cccccc
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #6272A4 | italic |
| constant.language.php, variable.language.this.php, punctuation.section.embedded.begin.php, constant.language.python | #BD93F9 | italic bold |
| constant.other.class.php, constant.enum.php, meta.enum.body.php | #BD93F9 | italic |
| keyword, punctuation.definition.parameters.end.bracket.round | #ff54b5 | — |
| string.quoted.single.php, string.quoted.double.php, string | #f1fa99 | italic |
| support.type.property-name.json | #6cb1ff | — |
| variable, meta.fstring.python | #eff2f3 | — |
| support.function, support.function.builtin | #6cb1fd | italic |
| support.class, entity.name.type, support.other.namespace, support.constant, keyword.operator.class, entity.name.function, entity.other.inherited-class.php | #8BE9FD | — |
| constant.numeric | #BD93F9 | — |
| keyword.operator.class, keyword.operator.key, keyword.operator.comparison, keyword.operator.null-coalescing, keyword.operator.string, keyword.operator.arithmetic, keyword.operator.ternary, keyword.operator.assignment, keyword.operator.logical | #ff54b5 | bold |
| storage.type, storage.modifier | #ff54b5 | italic bold |
| punctuation.definition.variable | #eff2f3 | italic |
| entity.name.function | #52fd8bec | — |
| log.info | #52fd8bec | — |
| log.warning | #FFBF00 | — |
| log.error | #BF181D | — |
| log.debug | #880ED4 | — |
| meta.member.access.python, meta.function-call.generic.python | #52fd8bec | — |
| support.type.python, support.type.exception.python, entity.name.type.class.python, meta.class.python | #8BE9FD | — |
| constant.character.escape.python | #ff54b5 | — |
| entity.name.tag.html, meta.tag.structure.head.start.html, meta.tag.structure.head.end.html | #ff54b5 | — |
| meta.attribute.class.html, meta.attribute.id.html, meta.attribute.src.html, meta.attribute.other.html, meta.attribute.property.html | #52fd8bec | — |
| variable.other.object.js, meta.function-call.js, variable.other.object.js | #6Cb1fd | — |
| variable.other.constant.js | #880ED4 | bold |
| entity.name.tag.yaml | #8BE9FD | — |
| support.type.property-name.css | #8BE9FD | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #0bdd5c | italic bold |