Mind the Gap
Publisher: Daniel FryThemes in package: 1
A vibrant dark color theme inspired by the London Underground tube map
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#04081a
- activityBar.border#04081a
- activityBar.foreground#d8dce8
- activityBar.inactiveForeground#708098
- activityBarBadge.background#9B70D8
- activityBarBadge.foreground#04081a
- badge.background#9B70D8
- badge.foreground#04081a
- breadcrumb.activeSelectionForeground#d8dce8
- breadcrumb.focusForeground#d8dce8
- breadcrumb.foreground#708098
- breadcrumbPicker.background#162038
- button.background#9B70D8
- button.foreground#04081a
- button.hoverBackground#9B70D8cc
- button.secondaryBackground#1e2844
- button.secondaryForeground#d8dce8
- button.secondaryHoverBackground#283450
- commandCenter.activeBackground#162038
- commandCenter.activeForeground#d8dce8
- commandCenter.background#081020
- commandCenter.border#1e2844
- commandCenter.foreground#a8b0c0
- debugConsole.errorForeground#E32017
- debugConsole.infoForeground#0098D4
- debugConsole.warningForeground#FFD300
- debugIcon.breakpointForeground#E32017
- debugIcon.continueForeground#00B850
- debugIcon.restartForeground#FFD300
- debugIcon.startForeground#00B850
- debugIcon.stepIntoForeground#0098D4
- debugIcon.stepOutForeground#0098D4
- debugIcon.stepOverForeground#0098D4
- debugIcon.stopForeground#E32017
- debugToolBar.background#162038
- descriptionForeground#a8b0c0
- diffEditor.insertedLineBackground#00B85015
- diffEditor.insertedTextBackground#00B85015
- diffEditor.removedLineBackground#E3201715
- diffEditor.removedTextBackground#E3201715
- dropdown.background#162038
- dropdown.border#283450
- dropdown.foreground#d8dce8
- editor.background#0c1628
- editor.findMatchBackground#FFD30040
- editor.findMatchHighlightBackground#FFD30025
- editor.findRangeHighlightBackground#1e284440
- editor.foreground#d8dce8
- editor.hoverHighlightBackground#1e284460
- editor.inactiveSelectionBackground#1e284480
- editor.lineHighlightBackground#162038
- editor.rangeHighlightBackground#16203880
- editor.selectionBackground#1e2844
- editor.selectionHighlightBackground#1e284480
- editor.wordHighlightBackground#1e284480
- editor.wordHighlightStrongBackground#1e2844a0
- editorBracketHighlight.foreground1#F3A9BB
- editorBracketHighlight.foreground2#EE7C0E
- editorBracketHighlight.foreground3#0098D4
- editorBracketHighlight.foreground4#00A4A7
- editorBracketHighlight.foreground5#9B70D8
- editorBracketHighlight.foreground6#00B850
- editorBracketMatch.background#1e2844
- editorBracketMatch.border#EE7C0E80
- editorCodeLens.foreground#708098
- editorCursor.foreground#E32017
- editorError.foreground#E32017
- editorGroup.border#1e2844
- editorGroupHeader.noTabsBackground#0c1628
- editorGroupHeader.tabsBackground#04081a
- editorGutter.addedBackground#00B850
- editorGutter.deletedBackground#E32017
- editorGutter.foldingControlForeground#708098
- editorGutter.modifiedBackground#0098D4
- editorHint.foreground#00A4A7
- editorHoverWidget.background#162038
- editorHoverWidget.border#283450
- editorHoverWidget.foreground#d8dce8
- editorIndentGuide.activeBackground1#283450
- editorIndentGuide.background1#1e2844
- editorInfo.foreground#0098D4
- editorInlayHint.background#162038
- editorInlayHint.foreground#708098
- editorLightBulb.foreground#FFD300
- editorLineNumber.activeForeground#9B70D8
- editorLineNumber.foreground#708098
- editorLink.activeForeground#0098D4
- editorOverviewRuler.border#081020
- editorRuler.foreground#1e2844
- editorStickyScroll.background#0c1628
- editorStickyScrollHover.background#162038
- editorSuggestWidget.background#162038
- editorSuggestWidget.focusHighlightForeground#EE7C0E
- editorSuggestWidget.foreground#d8dce8
- editorSuggestWidget.highlightForeground#EE7C0E
- editorSuggestWidget.selectedBackground#9B70D820
- editorSuggestWidget.selectedForeground#d8dce8
- editorWarning.foreground#FFD300
- editorWhitespace.foreground#1e2844
- editorWidget.background#162038
- editorWidget.border#283450
- editorWidget.foreground#d8dce8
- errorForeground#E32017
- focusBorder#9B70D880
- foreground#d8dce8
- gitDecoration.addedResourceForeground#00B850
- gitDecoration.conflictingResourceForeground#F3A9BB
- gitDecoration.deletedResourceForeground#E32017
- gitDecoration.ignoredResourceForeground#70809880
- gitDecoration.modifiedResourceForeground#0098D4
- gitDecoration.stageModifiedResourceForeground#0098D4
- gitDecoration.untrackedResourceForeground#00B850
- icon.foreground#a8b0c0
- input.background#162038
- input.border#283450
- input.foreground#d8dce8
- input.placeholderForeground#708098
- inputOption.activeBackground#9B70D820
- inputOption.activeBorder#9B70D8
- inputValidation.errorBackground#E3201720
- inputValidation.errorBorder#E32017
- inputValidation.warningBackground#FFD30020
- inputValidation.warningBorder#FFD300
- keybindingLabel.background#162038
- keybindingLabel.border#283450
- keybindingLabel.bottomBorder#283450
- keybindingLabel.foreground#d8dce8
- list.activeSelectionBackground#9B70D820
- list.activeSelectionForeground#d8dce8
- list.errorForeground#E32017
- list.focusBackground#9B70D820
- list.focusForeground#d8dce8
- list.highlightForeground#EE7C0E
- list.hoverBackground#9B70D810
- list.inactiveSelectionBackground#1e2844
- list.inactiveSelectionForeground#d8dce8
- list.warningForeground#FFD300
- menu.background#162038
- menu.border#283450
- menu.foreground#d8dce8
- menu.selectionBackground#9B70D820
- menu.selectionForeground#d8dce8
- menu.separatorBackground#283450
- merge.currentContentBackground#00B85015
- merge.currentHeaderBackground#00B85040
- merge.incomingContentBackground#0098D415
- merge.incomingHeaderBackground#0098D440
- minimap.errorHighlight#E32017
- minimap.findMatchHighlight#FFD30060
- minimap.selectionHighlight#1e2844
- minimap.warningHighlight#FFD300
- minimapGutter.addedBackground#00B850
- minimapGutter.deletedBackground#E32017
- minimapGutter.modifiedBackground#0098D4
- notificationCenter.border#283450
- notificationCenterHeader.background#162038
- notificationCenterHeader.foreground#d8dce8
- notifications.background#162038
- notifications.border#283450
- notifications.foreground#d8dce8
- notificationsErrorIcon.foreground#E32017
- notificationsInfoIcon.foreground#0098D4
- notificationsWarningIcon.foreground#FFD300
- notificationToast.border#283450
- panel.background#0c1628
- panel.border#1e2844
- panelTitle.activeBorder#9B70D8
- panelTitle.activeForeground#d8dce8
- panelTitle.inactiveForeground#708098
- peekView.border#9B70D8
- peekViewEditor.background#081020
- peekViewEditor.matchHighlightBackground#FFD30040
- peekViewResult.background#081020
- peekViewResult.fileForeground#d8dce8
- peekViewResult.lineForeground#a8b0c0
- peekViewResult.matchHighlightBackground#FFD30040
- peekViewResult.selectionBackground#1e2844
- peekViewResult.selectionForeground#d8dce8
- peekViewTitle.background#162038
- peekViewTitleDescription.foreground#a8b0c0
- peekViewTitleLabel.foreground#d8dce8
- pickerGroup.border#1e2844
- pickerGroup.foreground#9B70D8
- quickInput.background#162038
- quickInput.foreground#d8dce8
- quickInputList.focusBackground#9B70D820
- quickInputList.focusForeground#d8dce8
- sash.hoverBorder#9B70D8
- scrollbar.shadow#04081a80
- scrollbarSlider.activeBackground#283450
- scrollbarSlider.background#28345080
- scrollbarSlider.hoverBackground#283450b0
- selection.background#1e2844
- settings.checkboxBackground#162038
- settings.checkboxBorder#283450
- settings.checkboxForeground#d8dce8
- settings.dropdownBackground#162038
- settings.dropdownBorder#283450
- settings.dropdownForeground#d8dce8
- settings.headerForeground#d8dce8
- settings.modifiedItemIndicator#9B70D8
- settings.numberInputBackground#162038
- settings.numberInputBorder#283450
- settings.numberInputForeground#d8dce8
- settings.textInputBackground#162038
- settings.textInputBorder#283450
- settings.textInputForeground#d8dce8
- sideBar.background#081020
- sideBar.border#081020
- sideBar.foreground#d8dce8
- sideBarSectionHeader.background#081020
- sideBarSectionHeader.foreground#a8b0c0
- sideBarTitle.foreground#d8dce8
- statusBar.background#081020
- statusBar.border#081020
- statusBar.debuggingBackground#EE7C0E
- statusBar.debuggingForeground#04081a
- statusBar.foreground#a8b0c0
- statusBar.noFolderBackground#081020
- statusBarItem.hoverBackground#1e2844
- statusBarItem.remoteBackground#9B70D8
- statusBarItem.remoteForeground#04081a
- tab.activeBackground#0c1628
- tab.activeBorderTop#9B70D8
- tab.activeForeground#d8dce8
- tab.border#04081a
- tab.hoverBackground#162038
- tab.inactiveBackground#04081a
- tab.inactiveForeground#708098
- tab.lastPinnedBorder#1e2844
- terminal.ansiBlack#424C60
- terminal.ansiBlue#5088D0
- terminal.ansiBrightBlack#586878
- terminal.ansiBrightBlue#0098D4
- terminal.ansiBrightCyan#80D0C0
- terminal.ansiBrightGreen#50D880
- terminal.ansiBrightMagenta#9B70D8
- terminal.ansiBrightRed#D89850
- terminal.ansiBrightWhite#d8dce8
- terminal.ansiBrightYellow#EE7C0E
- terminal.ansiCyan#00A4A7
- terminal.ansiGreen#00B850
- terminal.ansiMagenta#D060A8
- terminal.ansiRed#E32017
- terminal.ansiWhite#A0A5A9
- terminal.ansiYellow#FFD300
- terminal.background#0c1628
- terminal.foreground#d8dce8
- terminalCursor.foreground#E32017
- titleBar.activeBackground#04081a
- titleBar.activeForeground#d8dce8
- titleBar.border#04081a
- titleBar.inactiveBackground#04081a
- titleBar.inactiveForeground#708098
- toolbar.activeBackground#1e2844
- toolbar.hoverBackground#1e2844
- tree.indentGuidesStroke#1e2844
- widget.shadow#04081a80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #587088 | italic |
| string, string.quoted, string.template | #00B850 | — |
| constant.numeric | #FFD300 | — |
| constant.language, constant.character | #EE7C0E | — |
| constant.other | #EE7C0E | — |
| variable, variable.other, variable.language | #d8dce8 | — |
| variable.parameter | #d8dce8 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #d8dce8 | — |
| keyword, keyword.control, storage.type, storage.modifier | #9B70D8 | italic |
| keyword.operator, keyword.control.conditional, keyword.control.loop, keyword.control.flow | #F3A9BB | — |
| keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.ternary | #F3A9BB | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #9B70D8 | italic |
| support.type.primitive | #9B70D8 | italic |
| entity.name.type, entity.name.class, support.type, support.class | #EE7C0E | — |
| entity.other.inherited-class | #EE7C0E | italic |
| entity.name.function, support.function | #0098D4 | — |
| entity.name.function.method, meta.function-call | #0098D4 | — |
| entity.name.tag | #00A4A7 | — |
| entity.other.attribute-name | #0098D4 | italic |
| punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, meta.brace | #708098 | — |
| string.regexp, constant.character.escape, constant.other.character-class.regexp | #00A4A7 | — |
| entity.name.function.preprocessor, meta.preprocessor, keyword.control.directive | #00A4A7 | — |
| entity.name.tag.css, support.type.property-name.css | #0098D4 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #EE7C0E | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFD300 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #00A4A7 | — |
| markup.heading, markup.heading.setext | #9B70D8 | bold |
| markup.bold | #EE7C0E | bold |
| markup.italic | #F3A9BB | italic |
| markup.inline.raw, markup.fenced_code.block | #00B850 | — |
| markup.underline.link | #0098D4 | — |
| markup.inserted | #00B850 | — |
| markup.deleted | #E32017 | — |
| markup.changed | #0098D4 | — |
| markup.list | #F3A9BB | — |
| markup.quote | #a8b0c0 | italic |
| meta.separator | #708098 | — |
| meta.diff.header | #0098D4 | bold |
| invalid | #E32017 | — |
| invalid.deprecated | #708098 | strikethrough |