A Colorful GitHub Theme Pack
Publisher: Mark MiroThemes in package: 20
The battle-tested GitHub theme, but with a bunch of color variants.
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#ff967d
- activityBar.background#171220
- activityBar.border#9188a3
- activityBar.foreground#fffdff
- activityBar.inactiveForeground#fffdff
- activityBarBadge.background#409eff
- activityBarBadge.foreground#171220
- badge.background#409eff
- badge.foreground#171220
- breadcrumb.activeSelectionForeground#fffdff
- breadcrumb.focusForeground#fffdff
- breadcrumb.foreground#fffdff
- breadcrumbPicker.background#383145
- button.background#09b43a
- button.foreground#0a0c10
- button.hoverBackground#26cd4d
- button.secondaryBackground#605870
- button.secondaryForeground#fffdff
- button.secondaryHoverBackground#675f78
- checkbox.background#383145
- checkbox.border#9188a3
- debugConsole.errorForeground#ffb1af
- debugConsole.infoForeground#d3cce3
- debugConsole.sourceForeground#f7c843
- debugConsole.warningForeground#f0b72f
- debugConsoleInputIcon.foreground#cb9eff
- debugIcon.breakpointForeground#ff6a69
- debugTokenExpression.boolean#4ae168
- debugTokenExpression.error#ffb1af
- debugTokenExpression.name#91cbff
- debugTokenExpression.number#4ae168
- debugTokenExpression.string#addcff
- debugTokenExpression.value#addcff
- debugToolBar.background#383145
- descriptionForeground#fffdff
- diffEditor.insertedLineBackground#09b43a26
- diffEditor.insertedTextBackground#26cd4d4d
- diffEditor.removedLineBackground#ff6a6926
- diffEditor.removedTextBackground#ff94924d
- disabledForeground#dbd6e580
- dropdown.background#383145
- dropdown.border#9188a3
- dropdown.foreground#fffdff
- dropdown.listBackground#383145
- editor.background#171220
- editor.findMatchBackground#e09b13
- editor.findMatchHighlightBackground#fbd66980
- editor.focusedStackFrameHighlightBackground#09b43a
- editor.foldBackground#b6adc91a
- editor.foreground#fffdff
- editor.inactiveSelectionBackground#b6adc9
- editor.lineHighlightBackground#b6adc91a
- editor.lineHighlightBorder#71b7ff
- editor.linkedEditingBackground#71b7ff12
- editor.selectionBackground#ffffff
- editor.selectionForeground#171220
- editor.selectionHighlightBackground#26cd4d40
- editor.stackFrameHighlightBackground#e09b13
- editor.wordHighlightBackground#b6adc980
- editor.wordHighlightBorder#b6adc999
- editor.wordHighlightStrongBackground#b6adc94d
- editor.wordHighlightStrongBorder#b6adc999
- editorBracketHighlight.foreground1#91cbff
- editorBracketHighlight.foreground2#4ae168
- editorBracketHighlight.foreground3#f7c843
- editorBracketHighlight.foreground4#ffb1af
- editorBracketHighlight.foreground5#ffadd4
- editorBracketHighlight.foreground6#dbb7ff
- editorBracketHighlight.unexpectedBracket.foreground#fffdff
- editorBracketMatch.background#26cd4d40
- editorBracketMatch.border#26cd4d99
- editorCursor.foreground#71b7ff
- editorGroup.border#9188a3
- editorGroupHeader.tabsBackground#0d0618
- editorGroupHeader.tabsBorder#9188a3
- editorGutter.addedBackground#09b43a
- editorGutter.deletedBackground#ff6a69
- editorGutter.modifiedBackground#e09b13
- editorHoverWidget.border#514e5a
- editorIndentGuide.activeBackground#fffdff3d
- editorIndentGuide.background#fffdff1f
- editorInlayHint.background#d3cce333
- editorInlayHint.foreground#fffdff
- editorInlayHint.paramBackground#d3cce333
- editorInlayHint.paramForeground#fffdff
- editorInlayHint.typeBackground#d3cce333
- editorInlayHint.typeForeground#fffdff
- editorLineNumber.activeForeground#fffdff
- editorLineNumber.foreground#b6adc9
- editorOverviewRuler.border#010409
- editorWhitespace.foreground#9188a3
- editorWidget.background#383145
- errorForeground#ff6a69
- focusBorder#409eff
- foreground#fffdff
- gitDecoration.addedResourceForeground#26cd4d
- gitDecoration.conflictingResourceForeground#e7811d
- gitDecoration.deletedResourceForeground#ff6a69
- gitDecoration.ignoredResourceForeground#b6adc9
- gitDecoration.modifiedResourceForeground#f0b72f
- gitDecoration.submoduleResourceForeground#fffdff
- gitDecoration.untrackedResourceForeground#26cd4d
- icon.foreground#fffdff
- input.background#171220
- input.border#9188a3
- input.foreground#fffdff
- input.placeholderForeground#b6adc9
- keybindingLabel.foreground#fffdff
- list.activeSelectionBackground#b6adc966
- list.activeSelectionForeground#fffdff
- list.focusBackground#409eff26
- list.focusForeground#fffdff
- list.highlightForeground#71b7ff
- list.hoverBackground#b6adc91a
- list.hoverForeground#fffdff
- list.inactiveFocusBackground#409eff26
- list.inactiveSelectionBackground#b6adc966
- list.inactiveSelectionForeground#fffdff
- minimapSlider.activeBackground#d3cce347
- minimapSlider.background#d3cce333
- minimapSlider.hoverBackground#d3cce33d
- notificationCenterHeader.background#383145
- notificationCenterHeader.foreground#fffdff
- notifications.background#383145
- notifications.border#9188a3
- notifications.foreground#fffdff
- notificationsErrorIcon.foreground#ff6a69
- notificationsInfoIcon.foreground#71b7ff
- notificationsWarningIcon.foreground#f0b72f
- panel.background#0d0618
- panel.border#9188a3
- panelInput.border#9188a3
- panelTitle.activeBorder#ff967d
- panelTitle.activeForeground#fffdff
- panelTitle.inactiveForeground#fffdff
- peekViewEditor.background#b6adc91a
- peekViewEditor.matchHighlightBackground#e09b13
- peekViewResult.background#171220
- peekViewResult.matchHighlightBackground#e09b13
- pickerGroup.border#9188a3
- pickerGroup.foreground#fffdff
- progressBar.background#409eff
- quickInput.background#383145
- quickInput.foreground#fffdff
- scrollbar.shadow#9188a333
- scrollbarSlider.activeBackground#d3cce347
- scrollbarSlider.background#d3cce333
- scrollbarSlider.hoverBackground#d3cce33d
- settings.headerForeground#fffdff
- settings.modifiedItemIndicator#e09b13
- sideBar.background#0d0618
- sideBar.border#9188a3
- sideBar.foreground#fffdff
- sideBarSectionHeader.background#0d0618
- sideBarSectionHeader.border#9188a3
- sideBarSectionHeader.foreground#fffdff
- sideBarTitle.foreground#fffdff
- statusBar.background#171220
- statusBar.border#9188a3
- statusBar.debuggingBackground#ff6a69
- statusBar.debuggingForeground#171220
- statusBar.focusBorder#409eff80
- statusBar.foreground#fffdff
- statusBar.noFolderBackground#171220
- statusBarItem.activeBackground#fffdff1f
- statusBarItem.focusBorder#409eff
- statusBarItem.hoverBackground#fffdff14
- statusBarItem.prominentBackground#b6adc966
- statusBarItem.remoteBackground#675f78
- statusBarItem.remoteForeground#fffdff
- symbolIcon.arrayForeground#fe9a2d
- symbolIcon.booleanForeground#71b7ff
- symbolIcon.classForeground#fe9a2d
- symbolIcon.colorForeground#91cbff
- symbolIcon.constantForeground#acf7b6#72f088#4ae168#26cd4d#09b43a#09b43a#02a232#008c2c#007728#006222
- symbolIcon.constructorForeground#dbb7ff
- symbolIcon.enumeratorForeground#fe9a2d
- symbolIcon.enumeratorMemberForeground#71b7ff
- symbolIcon.eventForeground#b6adc9
- symbolIcon.fieldForeground#fe9a2d
- symbolIcon.fileForeground#f0b72f
- symbolIcon.folderForeground#f0b72f
- symbolIcon.functionForeground#cb9eff
- symbolIcon.interfaceForeground#fe9a2d
- symbolIcon.keyForeground#71b7ff
- symbolIcon.keywordForeground#ff9492
- symbolIcon.methodForeground#cb9eff
- symbolIcon.moduleForeground#ff9492
- symbolIcon.namespaceForeground#ff9492
- symbolIcon.nullForeground#71b7ff
- symbolIcon.numberForeground#26cd4d
- symbolIcon.objectForeground#fe9a2d
- symbolIcon.operatorForeground#91cbff
- symbolIcon.packageForeground#fe9a2d
- symbolIcon.propertyForeground#fe9a2d
- symbolIcon.referenceForeground#71b7ff
- symbolIcon.snippetForeground#71b7ff
- symbolIcon.stringForeground#91cbff
- symbolIcon.structForeground#fe9a2d
- symbolIcon.textForeground#91cbff
- symbolIcon.typeParameterForeground#91cbff
- symbolIcon.unitForeground#71b7ff
- symbolIcon.variableForeground#fe9a2d
- tab.activeBackground#171220
- tab.activeBorder#171220
- tab.activeBorderTop#ff967d
- tab.activeForeground#fffdff
- tab.border#9188a3
- tab.hoverBackground#171220
- tab.inactiveBackground#0d0618
- tab.inactiveForeground#fffdff
- tab.unfocusedActiveBorder#171220
- tab.unfocusedActiveBorderTop#9188a3
- tab.unfocusedHoverBackground#b6adc91a
- terminal.ansiBlack#9188a3
- terminal.ansiBlue#71b7ff
- terminal.ansiBrightBlack#b6adc9
- terminal.ansiBrightBlue#91cbff
- terminal.ansiBrightCyan#56d4dd
- terminal.ansiBrightGreen#4ae168
- terminal.ansiBrightMagenta#dbb7ff
- terminal.ansiBrightRed#ffb1af
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f7c843
- terminal.ansiCyan#39c5cf
- terminal.ansiGreen#26cd4d
- terminal.ansiMagenta#cb9eff
- terminal.ansiRed#ff9492
- terminal.ansiWhite#ede7fc
- terminal.ansiYellow#f0b72f
- terminal.foreground#fffdff
- textBlockQuote.background#0d0618
- textBlockQuote.border#9188a3
- textCodeBlock.background#b6adc966
- textLink.activeForeground#71b7ff
- textLink.foreground#71b7ff
- textPreformat.background#b6adc966
- textPreformat.foreground#fffdff
- textSeparator.foreground#9188a3
- titleBar.activeBackground#171220
- titleBar.activeForeground#fffdff
- titleBar.border#9188a3
- titleBar.inactiveBackground#0d0618
- titleBar.inactiveForeground#fffdff
- tree.indentGuidesStroke#9188a3
- welcomePage.buttonBackground#383145
- welcomePage.buttonHoverBackground#675f78
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #d3cce3 | — |
| constant.other.placeholder, constant.character | #ff9492 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity | #91cbff | — |
| entity.name, meta.export.default, meta.definition.variable | #ffb757 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #fffdff | — |
| entity.name.function | #dbb7ff | — |
| entity.name.tag, support.class.component | #72f088 | — |
| keyword | #ff9492 | — |
| storage, storage.type | #ff9492 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #fffdff | — |
| string, string punctuation.section.embedded source | #addcff | — |
| support | #91cbff | — |
| meta.property-name | #91cbff | — |
| variable | #ffb757 | — |
| variable.other | #fffdff | — |
| invalid.broken | #ffb1af | italic |
| invalid.deprecated | #ffb1af | italic |
| invalid.illegal | #ffb1af | italic |
| invalid.unimplemented | #ffb1af | italic |
| carriage-return | #ffffff | italic underline |
| message.error | #ffb1af | — |
| string variable | #91cbff | — |
| source.regexp, string.regexp | #addcff | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #addcff | — |
| string.regexp constant.character.escape | #72f088 | bold |
| support.constant | #91cbff | — |
| support.variable | #91cbff | — |
| support.type.property-name.json | #72f088 | — |
| meta.module-reference | #91cbff | — |
| punctuation.definition.list.begin.markdown | #ffb757 | — |
| markup.heading, markup.heading entity.name | #91cbff | bold |
| markup.quote | #72f088 | — |
| markup.italic | #fffdff | italic |
| markup.bold | #fffdff | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #91cbff | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ffb1af | — |
| punctuation.section.embedded | #ff9492 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #72f088 | — |
| markup.changed, punctuation.definition.changed | #ffb757 | — |
| markup.ignored, markup.untracked | #383145 | — |
| meta.diff.range | #dbb7ff | bold |
| meta.diff.header | #91cbff | — |
| meta.separator | #91cbff | bold |
| meta.output | #91cbff | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #d3cce3 | — |
| brackethighlighter.unmatched | #ffb1af | — |
| constant.other.reference.link, string.other.link | #addcff | — |