GitHub Sharp Theme
Publisher: João MorenoThemes in package: 2
A GitHub inspired color theme for VSCode code and interface
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#414141
- activityBar.background#121213
- activityBar.foreground#ffffff
- activityBarBadge.background#a13e25
- button.background#5790be
- diffEditor.unchangedCodeBackground#00000000
- diffEditor.unchangedRegionBackground#1c1e1e
- diffEditor.unchangedRegionShadow#171717
- editor.background#212424
- editor.findMatchBackground#724f2a
- editor.findMatchHighlightBackground#4d4741
- editor.foreground#c3c6c9
- editor.lineHighlightBackground#353e49
- editorBracketMatch.background#242729f8
- editorBracketMatch.border#6c6f72
- editorGroup.border#2d2d2d
- editorGroupHeader.tabsBackground#212424
- editorGroupHeader.tabsBorder#262c30
- editorGutter.addedBackground#206420
- editorGutter.deletedBackground#7e4545
- editorGutter.modifiedBackground#206264
- editorLineNumber.activeForeground#777777
- editorLineNumber.foreground#494949
- editorSuggestWidget.foreground#a0a2a5
- editorSuggestWidget.highlightForeground#2e78b8
- editorWidget.background#1c1d1e
- editorWidget.border#2f3235
- focusBorder#1a3f60
- input.background#1c1d1e
- input.border#454647
- list.activeSelectionBackground#15222e
- list.activeSelectionForeground#c9c9c9
- list.focusOutline#1a3f60
- list.highlightForeground#2e78b8
- list.hoverBackground#ffffff08
- list.inactiveSelectionBackground#111b25
- menu.background#24292e
- menu.border#424242
- menu.foreground#aaaaaa
- menu.selectionBackground#2a3538
- menu.separatorBackground#424242
- menubar.selectionBackground#2a3538
- panel.background#1c1d1e
- panel.border#2d2d2d
- panelTitle.activeBorder#af7a57
- scrollbar.shadow#252525
- sideBar.background#1c1d1e
- sideBar.border#2d2d2d
- sideBar.foreground#a1a5a8
- sideBarSectionHeader.background#18191a
- sideBarSectionHeader.border#212427
- sideBarSectionHeader.foreground#a1a5a8
- sideBarTitle.foreground#a1a5a8
- statusBar.background#121213
- statusBar.border#ff000000
- statusBar.debuggingBackground#d64926
- statusBar.debuggingBorder#ff000000
- statusBar.debuggingForeground#cccccc
- statusBar.foreground#9e9e9e
- statusBar.noFolderBackground#24292e
- statusBar.noFolderBorder#ff000000
- statusBar.noFolderForeground#cccccc
- statusBarItem.remoteBackground#a13e25
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#383f44
- tab.activeBorder#9b450d
- tab.activeForeground#cecaca
- tab.border#262c30
- tab.inactiveBackground#212424
- tab.inactiveForeground#84888b
- terminal.ansiBlack#272f35
- terminal.ansiBlue#3584b9
- terminal.ansiBrightBlack#797979
- terminal.ansiBrightBlue#3584b9
- terminal.ansiBrightCyan#507b97
- terminal.ansiBrightGreen#538848
- terminal.ansiBrightMagenta#886088
- terminal.ansiBrightRed#ac4444
- terminal.ansiBrightYellow#ddc912
- terminal.ansiCyan#507b97
- terminal.ansiGreen#538848
- terminal.ansiMagenta#886088
- terminal.ansiRed#ac4444
- terminal.ansiYellow#ddc912
- terminal.tab.activeBorder#00000000
- titleBar.activeBackground#121213
- titleBar.activeForeground#cccccc
- titleBar.border#ff000000
- titleBar.inactiveBackground#121213
- widget.shadow#252525
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block | #c3c6c9 | — |
| emphasis | — | italic |
| strong, markup.heading.markdown, markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| meta.link.inline.markdown | #6686aa | underline |
| comment, markup.fenced_code, markup.inline | #6a737d | — |
| string | #8da5c0 | — |
| constant.numeric, constant.language, variable.language.this, variable.other, meta.property-name, meta.property-value, support.variable, support | #91afd1 | — |
| keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, support.type.property-name.json, punctuation.separator.key-value, punctuation.definition.template-expression | #c26c74 | — |
| variable.parameter.function | #E27F2D | — |
| entity.name.type, entity.other, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure | #bbaed3 | — |
| entity.name.tag, string.quoted, string.regexp, string.interpolated, string.template, keyword.other.template | #60976d | — |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #612961 | — |
| invalid | #bb5555 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...