Hotline
Publisher: Kelly KarnetskyThemes in package: 1
A dark theme with bright colors.
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#252424
- activityBar.border#2e2b2b
- activityBar.dropBackground#bbbbbb
- activityBar.foreground#afa8a8
- activityBar.inactiveForeground#afa8a860
- activityBarBadge.background#ee1484
- activityBarBadge.foreground#f5fdfd
- button.background#ee1484
- button.foreground#f5fdfd
- button.hoverBackground#ee1484b6
- editor.background#1b1a1a
- editor.foreground#f5fdfd
- editor.lineHighlightBackground#222020
- editor.selectionBackground#222020
- editor.selectionHighlightBorder#3d3838
- editorBracketMatch.background#3d3838
- editorBracketMatch.border#3d3838
- editorGroupHeader.tabsBackground#1b1a1a
- editorLineNumber.activeForeground#f5fdfd
- editorLineNumber.foreground#f5fdfd42
- editorWhitespace.foreground#f5fdfd1a
- focusBorder#ee148485
- foreground#f5fdfd
- list.activeSelectionBackground#201f1f
- list.activeSelectionForeground#ee1484
- list.dropBackground#201f1f
- list.focusBackground#201f1f
- list.focusForeground#ee1484
- list.hoverBackground#1b1a1a
- list.hoverForeground#afa8a8
- list.inactiveFocusBackground#201f1f
- list.inactiveSelectionBackground#201f1f
- list.inactiveSelectionForeground#ee1484
- notificationCenter.border#2e2b2b
- notificationCenterHeader.background#1b1a1a
- notificationCenterHeader.foreground#ee1484
- notificationLink.foreground#ee1484
- notifications.background#201f1f
- notifications.border#afa8a8
- notifications.foreground#afa8a8
- notificationToast.border#2e2b2b
- scrollbar.shadow#00000000
- sideBar.background#201f1f
- sideBar.border#2e2b2b
- sideBar.foreground#afa8a8b2
- sideBarSectionHeader.background#201f1f
- sideBarSectionHeader.foreground#afa8a8
- sideBarTitle.foreground#afa8a8
- statusBar.background#201f1f
- statusBar.foreground#afa8a8
- tab.activeBackground#1b1a1a
- tab.activeForeground#ee1484
- tab.border#1b1a1a
- tab.inactiveBackground#1b1a1a
- tab.inactiveForeground#afa8a877
- textLink.activeForeground#ee1484
- textLink.foreground#ee1484
- titleBar.activeBackground#201f1f
- titleBar.activeForeground#afa8a8
- titleBar.border#1b1a1a
- titleBar.inactiveBackground#1b1a1a
- titleBar.inactiveForeground#afa8a860
- walkThrough.embeddedEditorBackground#201f1f
- welcomePage.background#201f1f
- welcomePage.buttonBackground#2b2929
- welcomePage.buttonHoverBackground#332f2f
- widget.shadow#1b1a1ab2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, markup.quote.markdown, meta.diff, meta.diff.header, string.quoted.docstring.multi.python, punctuation.definition.string.begin.python, punctuation.definition.string.end.python | #f5fdfd41 | — |
| keyword.operator | #f5fdfd | — |
| variable, support.variable, entity.name.tag.yaml, constant.character.entity.html, source.css entity.name.tag.reference, beginning.punctuation.definition.list.markdown, source.css entity.other.attribute-name.parent-selector, meta.structure.dictionary.json support.type.property-name | #c858f8 | — |
| markup.bold, constant.numeric, meta.group.regexp, constant.other.php, support.constant.ext.php, constant.other.class.php, support.constant.core.php, fenced_code.block.language, constant.other.caps.python, entity.other.attribute-name, support.type.exception.python, source.css keyword.other.unit, variable.other.object.property.js.jsx, variable.other.object.js | #f1960e | — |
| markup.list, text.xml string, entity.name.type, support.function, support.class, support.other.namespace, entity.other.attribute-name, meta.at-rule.extend, entity.name.function, entity.other.inherited-class, entity.other.keyframe-offset.css, text.html.markdown string.quoted, meta.function-call.generic.python, meta.at-rule.extend support.constant, entity.other.attribute-name.class.jade, source.css entity.other.attribute-name, text.xml punctuation.definition.string | #f3e04d | — |
| markup.heading, variable.language.this.js, variable.language.special.self.python, punctuation.definition.interpolation, punctuation.section.embedded.end.php, punctuation.section.embedded.end.ruby, punctuation.section.embedded.begin.php, punctuation.section.embedded.begin.ruby, punctuation.definition.template-expression, entity.name.tag | #ee1484 | — |
| storage, keyword, meta.link, meta.image, markup.italic, source.js support.type | #50cfef | — |
| string.regexp, markup.changed | #7cb7ff | — |
| constant, support.constant, text.html.markdown string, source.css support.function, source.php support.function, support.function.magic.python, entity.other.attribute-name.id, markup.deleted, entity.name.type.namespace | #f62513 | — |
| string, text.html.php string, markup.inline.raw, markup.inserted, punctuation.definition.string, punctuation.definition.markdown, text.html meta.embedded source.js string, text.html.php punctuation.definition.string, text.html meta.embedded source.js punctuation.definition.string, text.html punctuation.definition.string, text.html string | #50e67a | — |
| comment, punctuation.definition.comment, storage, keyword, variable.language.this, entity.other.attribute-name | — | italic |
| keyword.operator | — | |
| comment keyword | #50cfef9a | — |
| comment support.other.namespace, comment support.class | #f3e04d9a | — |
| comment variable | #c858f89a | — |