Helix Bogster Theme
Publisher: BoostedThemes in package: 1
A VS Code theme based on the Helix editor Bogster color scheme
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.background#13181e
- activityBar.border#13181e
- activityBar.foreground#e5ded6
- activityBarBadge.background#36b2d4
- activityBarBadge.foreground#141C24
- button.background#36b2d4
- button.foreground#141C24
- button.hoverBackground#59dcd8
- debugConsole.errorForeground#ee4d7f
- debugConsole.infoForeground#00DFB5
- debugConsole.warningForeground#dc7759
- diffEditor.insertedTextBackground#00DFB533
- diffEditor.removedTextBackground#ee4d7f33
- dropdown.background#232d38
- dropdown.border#232d38
- dropdown.foreground#e5ded6
- editor.background#141C24
- editor.findMatchBackground#dc7759
- editor.findMatchHighlightBackground#313f4e40
- editor.foreground#e5ded6
- editor.lineHighlightBackground#13181e
- editor.selectionBackground#232d38
- editor.selectionHighlightBackground#313f4e40
- editor.wordHighlightBackground#313f4e44
- editor.wordHighlightStrongBackground#313f4e66
- editorCursor.foreground#abb2bf
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#ee4d7f
- editorGroup.border#141C24
- editorGroup.dropBackground#313f4e30
- editorGroupHeader.tabsBackground#141C24
- editorGroupHeader.tabsBorder#141C24
- editorGutter.addedBackground#00DFB5
- editorGutter.deletedBackground#ee4d7f
- editorGutter.modifiedBackground#dcb659
- editorHint.foreground#36b2d4
- editorHoverWidget.background#232d38
- editorHoverWidget.border#00000000
- editorHoverWidget.foreground#e5ded6
- editorIndentGuide.activeBackground1#415367
- editorIndentGuide.background1#232d38
- editorInfo.background#00000000
- editorInfo.foreground#00DFB5
- editorLineNumber.activeForeground#e5ded6
- editorLineNumber.foreground#415367
- editorOverviewRuler.errorForeground#ee4d7f
- editorOverviewRuler.infoForeground#00DFB5
- editorOverviewRuler.modifiedForeground#dcb659
- editorOverviewRuler.warningForeground#dc7759
- editorPane.background#13181e
- editorRuler.foreground#13181e
- editorSuggestWidget.background#232d38
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#e5ded6
- editorSuggestWidget.highlightForeground#36b2d4
- editorSuggestWidget.selectedBackground#313f4e
- editorUnnecessaryCode.border#00000000
- editorUnnecessaryCode.opacity#00000066
- editorWarning.background#00000000
- editorWarning.foreground#dc7759
- editorWhitespace.foreground#313f4e
- editorWidget.background#232d38
- editorWidget.border#00000000
- editorWidget.foreground#e5ded6
- errorForeground#ee4d7f
- focusBorder#36b2d4
- gitDecoration.conflictingResourceForeground#b759dc
- gitDecoration.deletedResourceForeground#ee4d7f
- gitDecoration.ignoredResourceForeground#415367
- gitDecoration.modifiedResourceForeground#dcb659
- gitDecoration.untrackedResourceForeground#00DFB5
- input.background#232d38
- input.border#232d38
- input.foreground#e5ded6
- input.placeholderForeground#abb2bf
- inputOption.activeBorder#36b2d4
- inputValidation.errorBackground#00000000
- inputValidation.errorBorder#ee4d7f
- inputValidation.errorForeground#ee4d7f
- list.activeSelectionBackground#313f4e
- list.activeSelectionForeground#e5ded6
- list.focusBackground#313f4e
- list.hoverBackground#232d38
- list.inactiveSelectionBackground#232d38
- menu.background#232d38
- menu.foreground#e5ded6
- menu.selectionBackground#313f4e
- notificationsErrorIcon.foreground#ee4d7f
- notificationsInfoIcon.foreground#00DFB5
- notificationsWarningIcon.foreground#dc7759
- panel.background#13181e
- panel.border#13181e
- panelTitle.activeBorder#36b2d4
- panelTitle.activeForeground#e5ded6
- panelTitle.inactiveForeground#abb2bf
- pickerGroup.border#313f4e
- pickerGroup.foreground#36b2d4
- problemsErrorIcon.foreground#ee4d7f
- problemsInfoIcon.foreground#00DFB5
- problemsWarningIcon.foreground#dc7759
- quickInput.background#232d38
- quickInput.foreground#e5ded6
- quickInputList.focusBackground#313f4e
- quickInputList.focusForeground#e5ded6
- scrollbar.shadow#00000030
- sideBar.background#13181e
- sideBar.border#13181e
- sideBar.foreground#e5ded6
- sideBarSectionHeader.background#141C24
- sideBarTitle.foreground#e5ded6
- statusBar.background#232d38
- statusBar.debuggingBackground#dc597f
- statusBar.debuggingForeground#141C24
- statusBar.foreground#e5ded6
- statusBar.noFolderBackground#232d38
- tab.activeBackground#232d38
- tab.activeForeground#e5ded6
- tab.border#141C24
- tab.inactiveBackground#141C24
- tab.inactiveForeground#abb2bf
- terminal.ansiBlack#13181e
- terminal.ansiBlue#36b2d4
- terminal.ansiBrightBlack#415367
- terminal.ansiBrightBlue#59dcd8
- terminal.ansiBrightCyan#59dcd8
- terminal.ansiBrightGreen#7fdc59
- terminal.ansiBrightMagenta#b759dc
- terminal.ansiBrightRed#dc597f
- terminal.ansiBrightWhite#e5ded6
- terminal.ansiBrightYellow#dcb659
- terminal.ansiCyan#00DFB5
- terminal.ansiGreen#7fdc59
- terminal.ansiMagenta#b759dc
- terminal.ansiRed#d32c5d
- terminal.ansiWhite#e5ded6
- terminal.ansiYellow#dcb659
- terminal.background#13181e
- terminal.foreground#e5ded6
- titleBar.activeBackground#141C24
- titleBar.activeForeground#e5ded6
- titleBar.inactiveBackground#141C24
- titleBar.inactiveForeground#c6b8ad
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #abb2bf | italic |
| string, string.quoted | #00DFB5 | — |
| constant.character.escape | #7fdc59 | bold |
| constant.numeric | #36b2d4 | — |
| constant.language, constant.builtin | #00DFB5 | — |
| constant | #00DFB5 | — |
| variable, variable.parameter | #c6b8ad | — |
| variable.other.constant, variable.other.readwrite, meta.definition.variable, entity.name.variable | #e5ded6 | — |
| variable.member, variable.other.member | #c6b8ad | — |
| keyword, keyword.control, keyword.control.import, keyword.control.from | #dcb659 | bold |
| keyword.directive, keyword.other.directive | #dcb659 | — |
| keyword.operator | #dc7759 | bold |
| punctuation, punctuation.delimiter | #dc7759 | — |
| entity.name.function, meta.function-call | #59dcd8 | — |
| support.function, support.function.builtin | #59dcd8 | bold |
| entity.name.function.macro | #dc7759 | bold |
| entity.name.type, entity.name.class, support.class, support.type | #dc597f | — |
| support.type.builtin, support.type.primitive | #d32c5d | bold |
| entity.name.function.constructor, meta.constructor | #dc597f | — |
| entity.other.attribute-name | #dc7759 | — |
| entity.name.namespace, entity.name.module | #d32c5d | — |
| keyword.other.special-method | #7fdc59 | — |
| keyword.control.export, keyword.control.import, keyword.control.from, keyword.control.as, keyword.control.default, keyword.control.type, keyword.import, keyword.export | #dcb659 | bold |
| storage.type, storage.modifier | #dcb659 | bold |
| keyword.type, keyword.other.type, storage.type.type, storage.type.interface, storage.type.enum | #dcb659 | bold |
| entity.name.type.module, meta.import, meta.export | #dcb659 | bold |
| entity.name.label | #36b2d4 | — |
| entity.name.tag, meta.tag | #d32c5d | — |
| meta.tag entity.other.attribute-name | #dc7759 | — |
| invalid, invalid.illegal | #ee4d7f | — |
| markup.heading, entity.name.section | #36b2d4 | — |
| markup.list | #e5ded6 | — |
| text.html.markdown, source.gfm, text.html.markdown.gfm | #e5ded6 | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown, markup.list.unnumbered.markdown, markup.list.numbered.markdown | #abb2bf | — |
| markup.bold | #dcb659 | bold |
| markup.italic | #b759dc | italic |
| markup.underline.link | #dcb659 | underline |
| string.other.link | #d32c5d | — |
| markup.quote | #00DFB5 | — |
| markup.raw, markup.inline.raw | #7fdc59 | — |
| markup.inserted, meta.diff.header.to-file | #00DFB5 | — |
| markup.changed | #dc7759 | — |
| markup.deleted, meta.diff.header.from-file | #dc597f | — |
| meta.jsx.children, meta.tsx.children, JSXText, text.html.basic, meta.jsx.children.tsx, meta.jsx.children.jsx | #e5ded6 | — |