twitch-dark-theme
Publisher: EnubiaThemes in package: 1
A colortheme influenced by Twitch.tv
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#2d2d2e
- activityBar.foreground#e6e6e6
- activityBarBadge.background#2d2d2e
- activityBarBadge.foreground#e6e6e6
- badge.background#454b54
- badge.foreground#e6e6e6
- button.background#444444
- button.foreground#e6e6e6
- button.hoverBackground#007acc
- diffEditor.insertedTextBackground#a3ce9e40
- diffEditor.removedTextBackground#ee6a6f40
- dropdown.background#5a3864
- dropdown.listBackground#343d46
- editor.background#1f1f23
- editor.findMatchBackground#cfebfd21
- editor.findMatchHighlightBackground#cfebfd21
- editor.findRangeHighlightBackground#cfebfd21
- editor.foreground#d8dee9
- editor.hoverHighlightBackground#cfebfd21
- editor.inactiveSelectionBackground#4c5863ff
- editor.lineHighlightBackground#1f1f23
- editor.lineHighlightBorder#1f1f23
- editor.rangeHighlightBackground#cfebfd21
- editor.selectionBackground#4c5863
- editor.selectionHighlightBackground#4c5863ff
- editor.selectionHighlightBorder#647382
- editor.wordHighlightBackground#00000000
- editor.wordHighlightStrongBackground#00000000
- editorCursor.foreground#d8dee9
- editorError.border#00000000
- editorError.foreground#ee6a6f
- editorGroup.border#1f1f23
- editorGroup.dropBackground#1f1f23
- editorGroupHeader.noTabsBackground#1f1f23
- editorGroupHeader.tabsBackground#1f1f23
- editorGutter.addedBackground#a3ce9e
- editorGutter.deletedBackground#ee6a6f
- editorGutter.modifiedBackground#ebcb8b
- editorIndentGuide.background#cfebfd21
- editorInfo.foreground#a3ce9e
- editorLineNumber.activeForeground#bfc5d0
- editorLineNumber.foreground#848b95
- editorOverviewRuler.addedForeground#a3ce9e
- editorOverviewRuler.border#1f1f23
- editorOverviewRuler.bracketMatchForeground#cfebfd3d
- editorOverviewRuler.currentContentForeground#cfebfd3d
- editorOverviewRuler.deletedForeground#ee6a6f
- editorOverviewRuler.errorForeground#ee6a6f
- editorOverviewRuler.findMatchForeground#cfebfd3d
- editorOverviewRuler.incomingContentForeground#cff4fd3d
- editorOverviewRuler.infoForeground#cfebfd3d
- editorOverviewRuler.modifiedForeground#ebcb8b
- editorOverviewRuler.rangeHighlightForeground#cfebfd3d
- editorOverviewRuler.selectionHighlightForeground#cfebfd3d
- editorOverviewRuler.warningForeground#ebcb8b
- editorOverviewRuler.wordHighlightForeground#cfebfd3d
- editorOverviewRuler.wordHighlightStrongForeground#cfebfd3d
- editorSuggestWidget.background#1f1f23
- editorWarning.border#00000000
- editorWarning.foreground#fab763
- editorWhitespace.foreground#cfebfd3d
- editorWidget.background#1f1f23
- editorWidget.border#cfebfd3d
- extensionButton.prominentBackground#454b54
- extensionButton.prominentForeground#e6e6e6
- extensionButton.prominentHoverBackground#454b5470
- focusBorder#cfebfd3d
- foreground#e6e6e6
- gitDecoration.conflictingResourceForeground#ee6a6f
- gitDecoration.deletedResourceForeground#ee6a6f
- gitDecoration.modifiedResourceForeground#ebcb8b
- gitDecoration.submoduleResourceForeground#ffffff70
- gitDecoration.untrackedResourceForeground#ffffff70
- input.background#343d46
- input.border#cfebfd21
- input.foreground#e6e6e6
- input.placeholderForeground#ffffff70
- list.activeSelectionBackground#cfebfd21
- list.activeSelectionForeground#e6e6e6
- list.dropBackground#cfebfd21
- list.errorForeground#ee6a6f
- list.focusBackground#cfebfd21
- list.focusForeground#e6e6e6
- list.highlightForeground#e6e6e6
- list.hoverBackground#cfebfd14
- list.hoverForeground#e6e6e6
- list.inactiveSelectionBackground#cfebfd14
- list.inactiveSelectionForeground#e6e6e6
- list.warningForeground#fab763
- menu.background#2b2a29e8
- merge.currentContentBackground#fab76340
- merge.currentHeaderBackground#fab76370
- merge.incomingContentBackground#a3ce9e40
- merge.incomingHeaderBackground#a3ce9e70
- minimap.selectionHighlight#687785
- minimapSlider.activeBackground#696c6f59
- minimapSlider.background#696c6f59
- minimapSlider.hoverBackground#696c6f59
- notificationCenterHeader.background#23292e
- notificationCenterHeader.foreground#e6e6e6
- panel.background#454b54
- panel.border#cfebfd21
- panelTitle.activeBorder#e7e7e7
- peekView.border#b580ff
- peekViewEditor.background#1f1f23
- peekViewEditor.matchHighlightBackground#2d2d2e
- peekViewEditorGutter.background#1f1f23
- peekViewResult.background#2d2d2e
- peekViewTitle.background#2d2d2e
- pickerGroup.border#6699cc
- pickerGroup.foreground#6699cc
- progressBar.background#23292e
- scrollbar.shadow#1f1f2300
- scrollbarSlider.activeBackground#bdc0c366
- scrollbarSlider.background#61666d66
- scrollbarSlider.hoverBackground#5c626bb3
- selection.background#ffffff80
- sideBar.background#2d2d2e
- sideBar.foreground#e6e6e6
- sideBarSectionHeader.background#2d2d2e
- sideBarSectionHeader.foreground#e6e6e6
- sideBarTitle.foreground#e6e6e6
- statusBar.background#2e3238
- statusBar.border#cfebfd00
- statusBar.debuggingBackground#007acc
- statusBar.debuggingForeground#e6e6e6
- statusBar.foreground#e6e6e6
- statusBar.noFolderBackground#181c21
- statusBar.noFolderForeground#e6e6e6
- statusBarItem.activeBackground#cfebfd21
- statusBarItem.hoverBackground#cfebfd14
- statusBarItem.prominentBackground#cfebfd21
- statusBarItem.prominentHoverBackground#cfebfd14
- tab.activeBackground#330c6e
- tab.activeBorder#1f1f23
- tab.activeBorderTop#330c6e
- tab.activeForeground#e6e6e6
- tab.border#414950
- tab.hoverBackground#40474fe8
- tab.inactiveBackground#1f1f2380
- tab.inactiveForeground#ffffff70
- tab.unfocusedActiveBorder#1f1f23
- tab.unfocusedActiveBorderTop#1f1f23
- tab.unfocusedActiveForeground#ffffff70
- tab.unfocusedInactiveForeground#ffffff70
- terminal.ansiBlack#e6e6e6
- terminal.ansiBlue#6699cc
- terminal.ansiBrightBlack#e6e6e6
- terminal.ansiBrightBlue#6699cc
- terminal.ansiBrightCyan#6699cc
- terminal.ansiBrightGreen#a3ce9e
- terminal.ansiBrightMagenta#c594c5
- terminal.ansiBrightRed#ee6a6f
- terminal.ansiBrightYellow#fab763
- terminal.ansiCyan#6699cc
- terminal.ansiGreen#a3ce9e
- terminal.ansiMagenta#c594c5
- terminal.ansiRed#ee6a6f
- terminal.ansiWhite#E6E6E6
- terminal.ansiYellow#fab763
- terminal.background#454b54
- terminal.selectionBackground#ffffff30
- terminalCursor.background#ffffff30
- terminalCursor.foreground#e6e6e6
- textLink.activeForeground#6699cc
- textLink.foreground#6699cc
- textPreformat.foreground#6699cc
- titleBar.activeBackground#2b2b2b
- titleBar.activeForeground#e6e6e6
- titleBar.inactiveBackground#2b2b2b
- titleBar.inactiveForeground#7f7f7f
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5c5c5e | — |
| string | #e09f63 | — |
| punctuation.definition | #e09f63 | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #BDDE6E | — |
| constant.numeric | #e09f63 | — |
| constant.language | #b580ff | italic |
| constant.character, constant.other | #b580ff | — |
| variable.member | #e5c07b | — |
| keyword, keyword.operator.word, keyword.control, keyword.operator.new.js, punctuation.definition.keyword.tailwind | #b580ff | — |
| string.template.js meta.template.expression.js meta.embedded.line.js | #E6E6E6 | — |
| keyword.operator | #b580ff | — |
| punctuation.separator, punctuation.terminator | #E6E6E6 | — |
| punctuation.section | #E6E6E6 | — |
| punctuation.accessor | #E6E6E6 | — |
| punctuation.definition.annotation | #e5c07b | — |
| variable.other.dollar.only.js, variable.other.object.dollar.only.js, variable.type.dollar.only.js, support.class.dollar.only.js | #e5c07b | — |
| storage, storage.type, support.type.primitive, variable.language | #b580ff | — |
| entity.name.function | #e5c07b | — |
| meta.object-literal.key.js | #E6E6E6 | — |
| entity.name | #e5c07b | — |
| entity.other.inherited-class | #e5c07b | — |
| variable.parameter | #E6E6E6 | |
| entity.name.tag | #e5c07b | |
| entity.other.attribute-name | #C594C5 | — |
| variable.function, variable.annotation | #e5c07b | |
| support.function, support.macro | #e5c07b | italic |
| support.constant | #C594C5 | italic |
| support.class | #e5c07b | — |
| invalid | #e6e6e67c | — |
| invalid.deprecated | #E6E6E6 | — |
| entity.name.tag.yaml | #e5c07b | — |
| source.yaml string.unquoted | #E6E6E6 | — |
| markup.heading | — | bold |
| markup.heading punctuation.definition.heading | #b580ff | — |
| markup.heading.1 punctuation.definition.heading | #b580ff | — |
| string.other.link, markup.underline.link | #a970ff | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.italic markup.bold | markup.bold markup.italic | — | bold italic |
| punctuation.definition.thematic-break | #FAB763 | — |
| markup.list.numbered.bullet | #FAC761 | — |
| markup.quote punctuation.definition.blockquote, markup.list punctuation.definition.list_item | #FAC761 | — |
| (text punctuation.definition.italic | text punctuation.definition.bold) | #C594C5 | — |
| meta.diff, meta.diff.header | #C594C5 | — |
| markup.deleted | #EC5F66 | — |
| markup.inserted | #99C794 | — |
| markup.changed | #EBCB8B | — |
| support.type.property-name | #E6E6E6 | |
| constant.numeric.line-number.match | #EC5F66 | — |
| message.error | #EC5F66 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| support.type.property-name.json.comments | #6fc9ff | — |
| support.type.property-name.json | #6fc9ff | — |
| variable.other.constant | #9f9da2 | — |
| string.quoted.double.html | #bdde6e | — |
| entity.other.attribute-name.html | #6fc9ff | — |
| punctuation.decorator, variable.graphql, support.type.graphql, variable.other.property, variable.other.object.property, variable.other.readwrite.alias, entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.other.attribute-name.class.tailwind | #e5c07b |