LBB Builder Theme
Publisher: LifeBusiness BuildersThemes in package: 3
A colorful theme pack for builders—balanced contrast, calm surfaces, and an integrated terminal palette designed for long, comfortable coding sessions.
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#83BDFF
- activityBar.background#151421
- activityBar.foreground#E1E2EE
- activityBar.inactiveForeground#616173
- activityBarBadge.background#83BDFF
- activityBarBadge.foreground#0C0C18
- editor.background#1E1E2B
- editor.findMatchBackground#EED88666
- editor.findMatchHighlightBackground#EED88633
- editor.foreground#E1E2EE
- editor.inactiveSelectionBackground#39384A55
- editor.lineHighlightBackground#E1E2EE12
- editor.selectionBackground#4B4B5D80
- editor.selectionHighlightBackground#39384A55
- editor.wordHighlightBackground#83BDFF26
- editor.wordHighlightStrongBackground#C3A2FC26
- editorBracketMatch.background#83BDFF26
- editorBracketMatch.border#83BDFF00
- editorCursor.foreground#83BDFF
- editorError.foreground#F27972
- editorGroup.border#0C0C18
- editorGroupHeader.tabsBackground#151421
- editorGutter.addedBackground#86DC90
- editorGutter.background#151421
- editorGutter.deletedBackground#F27972
- editorGutter.modifiedBackground#83BDFF
- editorIndentGuide.activeBackground1#4B4B5D
- editorIndentGuide.background1#2C2C3C
- editorInfo.foreground#84DBF2
- editorLineNumber.activeForeground#E1E2EE
- editorLineNumber.foreground#616173
- editorRuler.foreground#2C2C3C
- editorWarning.foreground#EED886
- editorWhitespace.foreground#39384A
- focusBorder#83BDFF
- foreground#C9C9D7
- gitDecoration.addedResourceForeground#86DC90
- gitDecoration.deletedResourceForeground#F27972
- gitDecoration.modifiedResourceForeground#EED886
- gitDecoration.untrackedResourceForeground#7FDCD4
- list.activeSelectionBackground#39384A
- list.activeSelectionForeground#E1E2EE
- list.highlightForeground#83BDFF
- list.hoverBackground#2C2C3C
- list.inactiveSelectionBackground#2C2C3C
- list.inactiveSelectionForeground#E1E2EE
- panel.background#151421
- panel.border#0C0C18
- panelTitle.activeForeground#E1E2EE
- panelTitle.inactiveForeground#616173
- selection.background#83BDFF40
- sideBar.background#151421
- sideBar.border#0C0C18
- sideBar.foreground#C9C9D7
- sideBarSectionHeader.background#1E1E2B
- sideBarSectionHeader.foreground#E1E2EE
- sideBarTitle.foreground#E1E2EE
- statusBar.background#151421
- statusBar.debuggingBackground#EC9DA3
- statusBar.debuggingForeground#0C0C18
- statusBar.foreground#C9C9D7
- statusBar.noFolderBackground#151421
- tab.activeBackground#1E1E2B
- tab.activeBorderTop#83BDFF
- tab.activeForeground#E1E2EE
- tab.border#151421
- tab.hoverBackground#2C2C3C
- tab.inactiveBackground#151421
- tab.inactiveForeground#616173
- terminal.ansiBlack#39384A
- terminal.ansiBlue#83BDFF
- terminal.ansiBrightBlack#616173
- terminal.ansiBrightBlue#84DBF2
- terminal.ansiBrightCyan#84DBF2
- terminal.ansiBrightGreen#86DC90
- terminal.ansiBrightMagenta#F4ABCD
- terminal.ansiBrightRed#EC9DA3
- terminal.ansiBrightWhite#E1E2EE
- terminal.ansiBrightYellow#F4AC6F
- terminal.ansiCyan#7FDCD4
- terminal.ansiGreen#86DC90
- terminal.ansiMagenta#C3A2FC
- terminal.ansiRed#F27972
- terminal.ansiWhite#C9C9D7
- terminal.ansiYellow#EED886
- terminal.background#1E1E2B
- terminal.foreground#C9C9D7
- terminal.selectionBackground#4B4B5D80
- terminalCursor.foreground#83BDFF
- titleBar.activeBackground#151421
- titleBar.activeForeground#E1E2EE
- titleBar.inactiveBackground#151421
- titleBar.inactiveForeground#7A7A8C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #E1E2EE | — |
| comment, punctuation.definition.comment | #9FA0B0 | italic |
| string, constant.other.symbol | #86DC90 | — |
| constant.character.escape | #F4ABCD | — |
| entity.name.function, support.function, meta.function-call | #83BDFF | — |
| keyword, storage | #C3A2FC | bold |
| keyword.control | #C3A2FC | bold |
| constant.numeric, constant.numeric.hex | #F4AC6F | — |
| constant.language, constant.language.boolean | #F4AC6F | — |
| variable, identifier, meta.definition.variable | #E1E2EE | — |
| variable.parameter | #EC9DA3 | — |
| entity.name.type, support.type, entity.name.class, support.class | #EED886 | — |
| entity.name.tag | #83BDFF | — |
| entity.other.attribute-name | #EED886 | — |
| keyword.operator | #84DBF2 | — |
| punctuation.separator, punctuation.terminator | #88899B | — |
| meta.decorator, punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #F4AC6F | — |
| variable.other.constant, constant.other | #EED886 | — |
| meta.object-literal.key, support.type.property-name | #7FDCD4 | — |
| invalid, invalid.deprecated | #F27972 | — |
| source.css.embedded, source.js.embedded | #84DBF2 | — |
| entity.other.inherited-class | — | underline |
| markup.heading.1, heading.1.markdown entity.name.section | #C3A2FC | bold |
| markup.heading.2, heading.2.markdown entity.name.section | #83BDFF | bold |
| markup.heading.3, heading.3.markdown entity.name.section | #84DBF2 | bold |
| markup.heading.4, heading.4.markdown entity.name.section | #7FDCD4 | bold |
| markup.heading.5, heading.5.markdown entity.name.section | #86DC90 | bold |
| markup.heading.6, heading.6.markdown entity.name.section | #F4AC6F | bold |
| markup.bold | #F4AC6F | bold |
| markup.italic | #EED886 | italic |
| markup.strikethrough | #9FA0B0 | strikethrough |
| markup.inline.raw, markup.fenced_code.block, markup.raw | #7FDCD4 | — |
| markup.quote | #AFAFBF | italic |
| markup.list, punctuation.definition.list.begin | #84DBF2 | — |
| markup.underline.link, string.other.link, markup.link | #83BDFF | — |
| markup.underline.link.markdown, meta.link.inline.markdown markup.underline | #84DBF2 | underline |
| punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.markdown | #636374 | — |
| meta.separator.markdown | #4B4B5D | — |
| support.type.property-name.json | #7FDCD4 | — |
| entity.name.tag.yaml | #7FDCD4 | — |
| string.unquoted.yaml | #86DC90 | — |
| entity.other.attribute-name.class.css | #EED886 | — |
| entity.other.attribute-name.id.css | #83BDFF | — |
| support.type.property-name.css | #7FDCD4 | — |
| entity.name.tag.html | #83BDFF | — |
| entity.other.attribute-name.html | #EED886 | — |
| variable.other.normal.shell, variable.parameter.positional.shell | #EC9DA3 | — |
| support.function.builtin.shell | #83BDFF | — |
| markup.inserted | #86DC90 | — |
| markup.deleted | #F27972 | — |
| markup.changed | #EED886 | — |