Github Dark Plus
Publisher: NAPTheDevHcjThemes in package: 1
Github Theme with dark default background
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#333333
- activityBar.foreground#D7DAE0
- activityBarBadge.background#528BFF
- activityBarBadge.foreground#D7DAE0
- badge.background#528BFF
- badge.foreground#D7DAE0
- button.background#4D78CC
- button.foreground#FFFFFF
- button.hoverBackground#6087CF
- diffEditor.insertedTextBackground#00809B33
- dropdown.background#2A2D2E
- dropdown.border#181A1F
- editor.background#1E1E1E
- editor.findMatchHighlightBackground#528BFF3D
- editor.foreground#ABB2BF
- editor.lineHighlightBackground#222
- editor.lineHighlightBorder#222
- editor.selectionBackground#264F78
- editor.snippetTabstopHighlightBackground#2d2d2d
- editorCursor.foreground#528BFF
- editorGroup.border#181A1F
- editorGroup.dropBackground#252526
- editorGroupHeader.tabsBackground#252526
- editorHoverWidget.background#252526
- editorHoverWidget.border#181A1F
- editorIndentGuide.activeBackground#626772
- editorIndentGuide.background#ABB2BF26
- editorLineNumber.activeForeground#ABB2BF
- editorLineNumber.foreground#636D83
- editorRuler.foreground#ABB2BF26
- editorSuggestWidget.background#252526
- editorSuggestWidget.border#181A1F
- editorSuggestWidget.focusHighlightForeground#18A3FF
- editorSuggestWidget.foreground#ABB2BF
- editorSuggestWidget.highlightForeground#18A3FF
- editorSuggestWidget.selectedBackground#092941
- editorSuggestWidget.selectedForeground#ABB2BF
- editorWhitespace.foreground#ABB2BF26
- editorWidget.background#252526
- editorWidget.border#3A3F4B
- extensionButton.prominentBackground#2BA143
- extensionButton.prominentHoverBackground#37AF4E
- focusBorder#528BFF
- input.background#3C3C3C
- input.border#181A1F
- list.activeSelectionBackground#37373D
- list.activeSelectionForeground#D7DAE0
- list.focusBackground#37373D
- list.highlightForeground#D7DAE0
- list.hoverBackground#37373D66
- list.inactiveSelectionBackground#37373D
- list.inactiveSelectionForeground#D7DAE0
- peekView.border#528BFF
- peekViewEditor.background#1B1D23
- peekViewResult.background#252526
- peekViewResult.selectionBackground#37373D
- peekViewTitle.background#1B1D23
- pickerGroup.border#528BFF
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566680
- scrollbarSlider.hoverBackground#5A637580
- sideBar.background#252526
- sideBarSectionHeader.background#252526
- statusBar.background#252526
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#9DA5B4
- statusBar.noFolderBackground#252526
- statusBarItem.hoverBackground#37373D
- tab.activeBackground#1E1E1E
- tab.activeForeground#D7DAE0
- tab.border#181A1F
- tab.inactiveBackground#2D2D2D
- titleBar.activeBackground#252526
- titleBar.activeForeground#9DA5B4
- titleBar.inactiveBackground#252526
- titleBar.inactiveForeground#9DA5B4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8b949e | — |
| constant, entity.name.constant, variable.other.constant, variable.language, entity | #79c0ff | — |
| entity.name, meta.export.default, meta.definition.variable | #ffa657 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #c9d1d9 | — |
| entity.name.function | #d2a8ff | — |
| entity.name.tag, support.class.component | #7ee787 | — |
| keyword | #ff7b72 | — |
| storage, storage.type | #ff7b72 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #c9d1d9 | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #a5d6ff | — |
| support | #7EE787 | — |
| meta.property-name | #79c0ff | — |
| variable | #ffa657 | — |
| variable.other | #c9d1d9 | — |
| invalid.broken | #ffa198 | italic |
| invalid.deprecated | #ffa198 | italic |
| invalid.illegal | #ffa198 | italic |
| invalid.unimplemented | #ffa198 | italic |
| carriage-return | #0d1117 | italic underline |
| message.error | #ffa198 | — |
| string source | #c9d1d9 | — |
| string variable | #79c0ff | — |
| source.regexp, string.regexp | #a5d6ff | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #a5d6ff | — |
| string.regexp constant.character.escape | #7ee787 | bold |
| support.constant | #79c0ff | — |
| support.variable | #79c0ff | — |
| meta.module-reference | #79c0ff | — |
| punctuation.definition.list.begin.markdown | #ffa657 | — |
| markup.heading, markup.heading entity.name | #79c0ff | bold |
| markup.quote | #7ee787 | — |
| markup.italic | #c9d1d9 | italic |
| markup.bold | #c9d1d9 | bold |
| markup.raw | #79c0ff | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ffa198 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #7ee787 | — |
| markup.changed, punctuation.definition.changed | #ffa657 | — |
| markup.ignored, markup.untracked | #161b22 | — |
| meta.diff.range | #d2a8ff | bold |
| meta.diff.header | #79c0ff | — |
| meta.separator | #79c0ff | bold |
| meta.output | #79c0ff | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8b949e | — |
| brackethighlighter.unmatched | #ffa198 | — |
| constant.other.reference.link, string.other.link | #a5d6ff | underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...