Custom Github Dark Dimmed
Publisher: NathanCuevasThemes in package: 1
VSCode Color Theme Based of of the Github Dark Dimmed Token Color Customizations Theme
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.activeBackground#47acff44
- activityBar.background#191b22df
- activityBar.border#7e47ff44
- activityBar.foreground#47acff
- activityBar.inactiveForeground#dfe4f1b6
- activityBarBadge.background#4844fcbb
- activityBarBadge.foreground#4dffbbb7
- badge.background#5957fd
- badge.foreground#4dffbb
- breadcrumb.activeSelectionForeground#4dffbb
- breadcrumb.background#14181d9d
- breadcrumb.focusForeground#4dffbb
- breadcrumb.foreground#eef2f594
- button.background#4a47ff
- button.foreground#4dffbb
- button.hoverBackground#3b39b9c7
- button.secondaryBackground#4a47ffc7
- button.secondaryForeground#4dffbbc3
- button.secondaryHoverBackground#3b39b9b7
- checkbox.background#77fcd415
- checkbox.border#4dffbb
- checkbox.foreground#eef2f5ee
- debugExceptionWidget.background#14181de3
- debugExceptionWidget.border#0e1115e3
- debugToolBar.background#14181de3
- debugToolBar.border#0e1115e3
- diffEditor.border#7e47ffa9
- diffEditor.insertedTextBackground#4dffbb42
- diffEditor.insertedTextBorder#4dffbb08
- diffEditor.removedTextBackground#ff480030
- diffEditor.removedTextBorder#ff480006
- dropdown.background#77fcd415
- dropdown.border#4dffbb
- dropdown.foreground#eef2f5ee
- editor.background#191b22ea
- editor.findMatchBackground#515c6a
- editor.findMatchBorder#74879f
- editor.findMatchHighlightBackground#ea5c0055
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#4dffbb1c
- editor.findRangeHighlightBorder#4dffbb00
- editor.foldBackground#4797ff11
- editor.foreground#d4d4d4
- editor.hoverHighlightBackground#4dffbb2d
- editor.inactiveSelectionBackground#8280ff16
- editor.lineHighlightBackground#ffffff0A
- editor.lineHighlightBorder#282828
- editor.rangeHighlightBackground#4763ff25
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#4a47ff42
- editor.selectionHighlightBackground#add6ff26
- editor.selectionHighlightBorder#495F77
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#4dffbb2d
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#4a47ff
- editorCodeLens.foreground#e6fff66e
- editorCursor.background#4a47ff
- editorCursor.foreground#4dffbb
- editorError.background#B73A3400
- editorError.border#ffffff00
- editorError.foreground#f48771
- editorGroup.border#7e47ff44
- editorGroup.emptyBackground#191b22ea
- editorGroupHeader.border#4763ff00
- editorGroupHeader.tabsBackground#0e1116e1
- editorGroupHeader.tabsBorder#4763ff96
- editorGutter.addedBackground#4dffbbab
- editorGutter.background#171b20
- editorGutter.commentRangeForeground#4dffbb
- editorGutter.deletedBackground#ff5429a9
- editorGutter.foldingControlForeground#4dffbb
- editorGutter.modifiedBackground#5552ffd5
- editorHoverWidget.background#191b22ef
- editorHoverWidget.border#182e41dc
- editorHoverWidget.foreground#eef2f5ad
- editorIndentGuide.activeBackground#4dffbb78
- editorIndentGuide.background#4dffbb1c
- editorInfo.background#4dffbb26
- editorInfo.border#009eff00
- editorInfo.foreground#5891ffe9
- editorInlayHint.background#b1b1b12a
- editorInlayHint.foreground#e3f8f685
- editorInlayHint.parameterBackground#b1b1b12a
- editorInlayHint.parameterForeground#e3f8f685
- editorInlayHint.typeBackground#b1b1b12a
- editorInlayHint.typeForeground#e3f8f685
- editorLineNumber.activeForeground#c6c6c6
- editorLineNumber.foreground#858585
- editorLink.activeForeground#5f80ff
- editorMarkerNavigation.background#201f21fd
- editorMarkerNavigationError.background#ff5757
- editorMarkerNavigationInfo.background#5578ffe9
- editorMarkerNavigationWarning.background#ecbf10
- editorOverviewRuler.background#4763ff25
- editorOverviewRuler.border#4763ff64
- editorRuler.foreground#4763ff5b
- editorSuggestWidget.background#16181df3
- editorSuggestWidget.border#4dffbb32
- editorSuggestWidget.foreground#eeeeeee3
- editorSuggestWidget.highlightForeground#4dffbbcd
- editorSuggestWidget.selectedBackground#8a5afa66
- editorWarning.background#A9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#cca700
- editorWhitespace.foreground#e3e4e229
- editorWidget.background#2b1641e7
- editorWidget.foreground#eef2f5cc
- editorWidget.resizeBorder#4dffbb
- focusBorder#4a47ff
- foreground#eef2f5cc
- gitDecoration.addedResourceForeground#4dfface3
- gitDecoration.conflictingResourceForeground#5b58ffd5
- gitDecoration.deletedResourceForeground#e43a32c9
- gitDecoration.ignoredResourceForeground#ababab97
- gitDecoration.modifiedResourceForeground#ffeb9ec9
- gitDecoration.stageDeletedResourceForeground#e43a32
- gitDecoration.stageModifiedResourceForeground#ffeb9e
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- icon.foreground#eef2f5cc
- input.background#77fcd415
- input.border#4dffbb
- input.foreground#eef2f5ee
- input.placeholderForeground#b6b7b893
- inputOption.activeBackground#007fd466
- inputOption.activeBorder#7e47ff59
- inputOption.activeForeground#ffffff
- list.activeSelectionBackground#3d3af59d
- list.activeSelectionForeground#eef2f5cc
- list.dropBackground#7e47ff18
- list.focusBackground#8451fc4f
- list.focusForeground#eef2f5ee
- list.highlightForeground#4dffbbe1
- list.hoverBackground#7e47ff59
- list.hoverForeground#4dffbb80
- list.inactiveSelectionBackground#8451fc4f
- list.inactiveSelectionForeground#4dffbb8f
- listFilterWidget.background#fd85619b
- listFilterWidget.noMatchesOutline#ff0c00d5
- listFilterWidget.outline#c228286e
- menu.background#191b22ea
- menu.border#47acff44
- menu.foreground#eef2f5cc
- menu.selectionBackground#4844fc9d
- menu.selectionBorder#47acffaa
- menu.selectionForeground#4dffbbcf
- menu.separatorBackground#47acff44
- menubar.selectionBackground#eae2f255
- menubar.selectionBorder#47acff
- menubar.selectionForeground#13161b
- merge.commonContentBackground#2e2d30
- merge.commonHeaderBackground#3b3a3d
- merge.currentContentBackground#34715a
- merge.currentHeaderBackground#3fa17c
- merge.incomingContentBackground#52398e
- merge.incomingHeaderBackground#704ac9
- minimap.background#191b22ea
- minimap.errorHighlight#f48771
- minimap.findMatchHighlight#515c6a
- minimap.selectionHighlight#4a47ff42
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#4dffbbab
- minimapGutter.deletedBackground#ff5429a9
- minimapGutter.modifiedBackground#5552ffd5
- notificationCenter.border#7e47ff44
- notificationCenterHeader.background#0e1115fd
- notificationCenterHeader.foreground#eef2f5cc
- notifications.background#14181dd9
- notifications.border#7e47ff44
- notifications.foreground#eef2f5cc
- notificationsErrorIcon.foreground#f9684b
- notificationsInfoIcon.foreground#339fff
- notificationsWarningIcon.foreground#f7d126
- notificationToast.border#4dffbb4a
- panel.background#13161b
- panel.border#7e47ff44
- panelSection.border#7e47ff44
- panelTitle.activeBorder#8ac7ff
- panelTitle.activeForeground#47acff
- panelTitle.inactiveForeground#eef2f5cc
- peekView.border#7e47ff44
- peekViewEditor.background#191d24f9
- peekViewEditor.matchHighlightBackground#4dffbb70
- peekViewEditor.matchHighlightBorder#4dffbb4c
- peekViewEditorGutter.background#7e47ff25
- peekViewResult.background#4dffbb23
- peekViewResult.fileForeground#eeeeeee3
- peekViewResult.lineForeground#eeeeeea1
- peekViewResult.matchHighlightBackground#4dffbb6e
- peekViewResult.selectionBackground#4763ff4d
- peekViewResult.selectionForeground#eeeeeee3
- peekViewTitle.background#7e47ff60
- peekViewTitleDescription.foreground#eeeeeea1
- peekViewTitleLabel.foreground#eeeeeee9
- pickerGroup.border#4dffbb
- pickerGroup.foreground#5c8cffe7
- progressBar.background#4a47ff
- scrollbar.shadow#4dffbb76
- scrollbarSlider.activeBackground#4dffbb57
- scrollbarSlider.background#4dffbb1e
- scrollbarSlider.hoverBackground#4dffbb42
- selection.background#4dffbb78
- settings.focusedRowBackground#ffffff07
- settings.headerForeground#eef2f5cc
- sideBar.background#12141bdd
- sideBar.border#7e47ff44
- sideBar.dropBackground#7e47ff18
- sideBar.foreground#eef2f5be
- sideBarSectionHeader.background#52516e2d
- sideBarSectionHeader.border#7e47ff44
- sideBarSectionHeader.foreground#cde4f5e1
- sideBarTitle.foreground#eef2f5cc
- statusBar.background#1a1d25ec
- statusBar.border#4763ff96
- statusBar.debuggingBackground#f24d278d
- statusBar.debuggingBorder#ff983da9
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#c1c8ddbd
- statusBar.noFolderBackground#4a47ff
- statusBar.noFolderBorder#4dffbb
- statusBar.noFolderForeground#4dffbb
- statusBarItem.activeBackground#FFFFFF25
- statusBarItem.hoverBackground#4dffbb30
- statusBarItem.remoteBackground#4a47ff
- statusBarItem.remoteForeground#4dffbb
- symbolIcon.booleanForeground#4744fae8
- symbolIcon.constructorForeground#fde2cfd0
- symbolIcon.functionForeground#875cff
- symbolIcon.interfaceForeground#f3680ba1
- symbolIcon.numberForeground#47daff
- symbolIcon.objectForeground#f3680b
- symbolIcon.propertyForeground#8bfce0c9
- symbolIcon.stringForeground#58f8d0
- symbolIcon.variableForeground#d0a6ffd2
- tab.activeBackground#4763ff44
- tab.activeBorder#0e1116e1
- tab.activeBorderTop#47acff
- tab.activeForeground#eef2f5cc
- tab.border#7e47ff44
- tab.hoverBackground#4dffbb2a
- tab.hoverBorder#47acff
- tab.hoverForeground#eef2f5cc
- tab.inactiveBackground#13181fc5
- tab.inactiveForeground#eef2f59a
- terminal.ansiBlack#000000
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.border#7e47ff44
- terminal.foreground#cccccc
- terminal.selectionBackground#4763ff32
- terminalCursor.background#4dffbb
- terminalCursor.foreground#5957fd
- textLink.foreground#5653ffcd
- titleBar.activeBackground#0e1116f8
- titleBar.activeForeground#eeeeeecc
- titleBar.border#7e47ff44
- titleBar.inactiveBackground#11141ab6
- titleBar.inactiveForeground#c1c8dd88
- tree.indentGuidesStroke#4dffbb81
- walkThrough.embeddedEditorBackground#00000050
- widget.shadow#4dffbb26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #768390 | — |
| constant.other.placeholder, constant.character | #f47067 | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity | #6cb6ff | — |
| entity.name, meta.export.default, meta.definition.variable | #f69d50 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #adbac7 | — |
| entity.name.function | #dcbdfb | — |
| entity.name.tag, support.class.component | #8ddb8c | — |
| keyword | #f47067 | — |
| storage, storage.type | #f47067 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #adbac7 | — |
| string, string punctuation.section.embedded source | #96d0ff | — |
| support | #6cb6ff | — |
| meta.property-name | #6cb6ff | — |
| variable | #f69d50 | — |
| variable.other | #adbac7 | — |
| invalid.broken | #ff938a | italic |
| invalid.deprecated | #ff938a | italic |
| invalid.illegal | #ff938a | italic |
| invalid.unimplemented | #ff938a | italic |
| carriage-return | #cdd9e5 | italic underline |
| message.error | #ff938a | — |
| string variable | #6cb6ff | — |
| source.regexp, string.regexp | #96d0ff | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #96d0ff | — |
| string.regexp constant.character.escape | #8ddb8c | bold |
| support.constant | #6cb6ff | — |
| support.variable | #6cb6ff | — |
| support.type.property-name.json | #8ddb8c | — |
| meta.module-reference | #6cb6ff | — |
| punctuation.definition.list.begin.markdown | #f69d50 | — |
| markup.heading, markup.heading entity.name | #6cb6ff | bold |
| markup.quote | #8ddb8c | — |
| markup.italic | #adbac7 | italic |
| markup.bold | #adbac7 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #6cb6ff | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #ff938a | — |
| punctuation.section.embedded | #f47067 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #8ddb8c | — |
| markup.changed, punctuation.definition.changed | #f69d50 | — |
| markup.ignored, markup.untracked | #2d333b | — |
| meta.diff.range | #dcbdfb | bold |
| meta.diff.header | #6cb6ff | — |
| meta.separator | #6cb6ff | bold |
| meta.output | #6cb6ff | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #768390 | — |
| brackethighlighter.unmatched | #ff938a | — |
| constant.other.reference.link, string.other.link | #96d0ff | — |
| variable.other.readwrite.local | #FF0000 | — |
| comment.block.documentation | #68d252 | — |
| comment.line | #2bf1c6d8 | — |
| comment | #eb65d0 | — |
| entity.other.attribute-name | #b19ceb | — |
| meta.object-literal.key.js.jsx, meta.jsx.children.js.jsx, variable.other.property.jsx | #ddd | — |
| support.class.component.js.jsx, entity.name.tag | #36c5ad | — |
| variable.other.readwrite.alias.js.jsx, variable.other.property.js.jsx, variable.other.object.js.jsx | #ccd | — |
| punctuation.definition.tag | #adbac7 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...