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#1f0f14
- activityBar.border#a3838c
- activityBar.foreground#fff9ff
- activityBar.inactiveForeground#fff9ff
- activityBarBadge.background#409eff
- activityBarBadge.foreground#1f0f14
- badge.background#409eff
- badge.foreground#1f0f14
- breadcrumb.activeSelectionForeground#fff9ff
- breadcrumb.focusForeground#fff9ff
- breadcrumb.foreground#fff9ff
- breadcrumbPicker.background#452d34
- button.background#09b43a
- button.foreground#0a0c10
- button.hoverBackground#26cd4d
- button.secondaryBackground#70545c
- button.secondaryForeground#fff9ff
- button.secondaryHoverBackground#785a63
- checkbox.background#452d34
- checkbox.border#a3838c
- debugConsole.errorForeground#ffb1af
- debugConsole.infoForeground#e4c7cf
- 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#452d34
- descriptionForeground#fff9ff
- diffEditor.insertedLineBackground#09b43a26
- diffEditor.insertedTextBackground#26cd4d4d
- diffEditor.removedLineBackground#ff6a6926
- diffEditor.removedTextBackground#ff94924d
- disabledForeground#e5d4d880
- dropdown.background#452d34
- dropdown.border#a3838c
- dropdown.foreground#fff9ff
- dropdown.listBackground#452d34
- editor.background#1f0f14
- editor.findMatchBackground#e09b13
- editor.findMatchHighlightBackground#fbd66980
- editor.focusedStackFrameHighlightBackground#09b43a
- editor.foldBackground#c9a9b11a
- editor.foreground#fff9ff
- editor.inactiveSelectionBackground#c9a9b1
- editor.lineHighlightBackground#c9a9b11a
- editor.lineHighlightBorder#71b7ff
- editor.linkedEditingBackground#71b7ff12
- editor.selectionBackground#ffffff
- editor.selectionForeground#1f0f14
- editor.selectionHighlightBackground#26cd4d40
- editor.stackFrameHighlightBackground#e09b13
- editor.wordHighlightBackground#c9a9b180
- editor.wordHighlightBorder#c9a9b199
- editor.wordHighlightStrongBackground#c9a9b14d
- editor.wordHighlightStrongBorder#c9a9b199
- editorBracketHighlight.foreground1#91cbff
- editorBracketHighlight.foreground2#4ae168
- editorBracketHighlight.foreground3#f7c843
- editorBracketHighlight.foreground4#ffb1af
- editorBracketHighlight.foreground5#ffadd4
- editorBracketHighlight.foreground6#dbb7ff
- editorBracketHighlight.unexpectedBracket.foreground#fff9ff
- editorBracketMatch.background#26cd4d40
- editorBracketMatch.border#26cd4d99
- editorCursor.foreground#71b7ff
- editorGroup.border#a3838c
- editorGroupHeader.tabsBackground#160309
- editorGroupHeader.tabsBorder#a3838c
- editorGutter.addedBackground#09b43a
- editorGutter.deletedBackground#ff6a69
- editorGutter.modifiedBackground#e09b13
- editorHoverWidget.border#5a4c4f
- editorIndentGuide.activeBackground#fff9ff3d
- editorIndentGuide.background#fff9ff1f
- editorInlayHint.background#e4c7cf33
- editorInlayHint.foreground#fff9ff
- editorInlayHint.paramBackground#e4c7cf33
- editorInlayHint.paramForeground#fff9ff
- editorInlayHint.typeBackground#e4c7cf33
- editorInlayHint.typeForeground#fff9ff
- editorLineNumber.activeForeground#fff9ff
- editorLineNumber.foreground#c9a9b1
- editorOverviewRuler.border#010409
- editorWhitespace.foreground#a3838c
- editorWidget.background#452d34
- errorForeground#ff6a69
- focusBorder#409eff
- foreground#fff9ff
- gitDecoration.addedResourceForeground#26cd4d
- gitDecoration.conflictingResourceForeground#e7811d
- gitDecoration.deletedResourceForeground#ff6a69
- gitDecoration.ignoredResourceForeground#c9a9b1
- gitDecoration.modifiedResourceForeground#f0b72f
- gitDecoration.submoduleResourceForeground#fff9ff
- gitDecoration.untrackedResourceForeground#26cd4d
- icon.foreground#fff9ff
- input.background#1f0f14
- input.border#a3838c
- input.foreground#fff9ff
- input.placeholderForeground#c9a9b1
- keybindingLabel.foreground#fff9ff
- list.activeSelectionBackground#c9a9b166
- list.activeSelectionForeground#fff9ff
- list.focusBackground#409eff26
- list.focusForeground#fff9ff
- list.highlightForeground#71b7ff
- list.hoverBackground#c9a9b11a
- list.hoverForeground#fff9ff
- list.inactiveFocusBackground#409eff26
- list.inactiveSelectionBackground#c9a9b166
- list.inactiveSelectionForeground#fff9ff
- minimapSlider.activeBackground#e4c7cf47
- minimapSlider.background#e4c7cf33
- minimapSlider.hoverBackground#e4c7cf3d
- notificationCenterHeader.background#452d34
- notificationCenterHeader.foreground#fff9ff
- notifications.background#452d34
- notifications.border#a3838c
- notifications.foreground#fff9ff
- notificationsErrorIcon.foreground#ff6a69
- notificationsInfoIcon.foreground#71b7ff
- notificationsWarningIcon.foreground#f0b72f
- panel.background#160309
- panel.border#a3838c
- panelInput.border#a3838c
- panelTitle.activeBorder#ff967d
- panelTitle.activeForeground#fff9ff
- panelTitle.inactiveForeground#fff9ff
- peekViewEditor.background#c9a9b11a
- peekViewEditor.matchHighlightBackground#e09b13
- peekViewResult.background#1f0f14
- peekViewResult.matchHighlightBackground#e09b13
- pickerGroup.border#a3838c
- pickerGroup.foreground#fff9ff
- progressBar.background#409eff
- quickInput.background#452d34
- quickInput.foreground#fff9ff
- scrollbar.shadow#a3838c33
- scrollbarSlider.activeBackground#e4c7cf47
- scrollbarSlider.background#e4c7cf33
- scrollbarSlider.hoverBackground#e4c7cf3d
- settings.headerForeground#fff9ff
- settings.modifiedItemIndicator#e09b13
- sideBar.background#160309
- sideBar.border#a3838c
- sideBar.foreground#fff9ff
- sideBarSectionHeader.background#160309
- sideBarSectionHeader.border#a3838c
- sideBarSectionHeader.foreground#fff9ff
- sideBarTitle.foreground#fff9ff
- statusBar.background#1f0f14
- statusBar.border#a3838c
- statusBar.debuggingBackground#ff6a69
- statusBar.debuggingForeground#1f0f14
- statusBar.focusBorder#409eff80
- statusBar.foreground#fff9ff
- statusBar.noFolderBackground#1f0f14
- statusBarItem.activeBackground#fff9ff1f
- statusBarItem.focusBorder#409eff
- statusBarItem.hoverBackground#fff9ff14
- statusBarItem.prominentBackground#c9a9b166
- statusBarItem.remoteBackground#785a63
- statusBarItem.remoteForeground#fff9ff
- 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#c9a9b1
- 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#1f0f14
- tab.activeBorder#1f0f14
- tab.activeBorderTop#ff967d
- tab.activeForeground#fff9ff
- tab.border#a3838c
- tab.hoverBackground#1f0f14
- tab.inactiveBackground#160309
- tab.inactiveForeground#fff9ff
- tab.unfocusedActiveBorder#1f0f14
- tab.unfocusedActiveBorderTop#a3838c
- tab.unfocusedHoverBackground#c9a9b11a
- terminal.ansiBlack#a3838c
- terminal.ansiBlue#71b7ff
- terminal.ansiBrightBlack#c9a9b1
- 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#fce3ea
- terminal.ansiYellow#f0b72f
- terminal.foreground#fff9ff
- textBlockQuote.background#160309
- textBlockQuote.border#a3838c
- textCodeBlock.background#c9a9b166
- textLink.activeForeground#71b7ff
- textLink.foreground#71b7ff
- textPreformat.background#c9a9b166
- textPreformat.foreground#fff9ff
- textSeparator.foreground#a3838c
- titleBar.activeBackground#1f0f14
- titleBar.activeForeground#fff9ff
- titleBar.border#a3838c
- titleBar.inactiveBackground#160309
- titleBar.inactiveForeground#fff9ff
- tree.indentGuidesStroke#a3838c
- welcomePage.buttonBackground#452d34
- welcomePage.buttonHoverBackground#785a63
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #e4c7cf | — |
| 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 | #fff9ff | — |
| 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 | #fff9ff | — |
| string, string punctuation.section.embedded source | #addcff | — |
| support | #91cbff | — |
| meta.property-name | #91cbff | — |
| variable | #ffb757 | — |
| variable.other | #fff9ff | — |
| 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 | #fff9ff | italic |
| markup.bold | #fff9ff | 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 | #452d34 | — |
| 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 | #e4c7cf | — |
| brackethighlighter.unmatched | #ffb1af | — |
| constant.other.reference.link, string.other.link | #addcff | — |