London Underground
Publisher: kaplichThemes in package: 1
A moody dark theme inspired by the TfL vibe.
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#F3A9BB
- activityBar.background#111730
- activityBar.foreground#A1A5A8
- activityBarBadge.background#F3A9BB
- activityBarBadge.foreground#0E1326
- diffEditor.insertedTextBackground#0499D322
- diffEditor.removedTextBackground#9B005622
- editor.background#0E1326
- editor.findMatchBackground#92CEBA44
- editor.findMatchHighlightBackground#92CEBA22
- editor.foreground#E7EAF0
- editor.inactiveSelectionBackground#F3A9BC22
- editor.lineHighlightBackground#141B2B
- editor.selectionBackground#F3A9BC44
- editorCursor.foreground#0499D3
- editorGroupHeader.tabsBackground#111730
- editorGutter.warningBackground#EF7B1026
- editorOverviewRuler.warningForeground#EF7B10
- editorWarning.foreground#EF7B10
- focusBorder#F3A9BC66
- foreground#E7EAF0
- notificationsWarningIcon.foreground#EF7B10
- sideBar.background#0E1326
- sideBar.foreground#BFC6D4
- sideBarSectionHeader.background#111730
- statusBar.background#111730
- statusBar.debuggingBackground#0499D3
- statusBar.debuggingForeground#0E1326
- statusBar.foreground#D9DEE7
- statusBarItem.warningBackground#EF7B10
- statusBarItem.warningForeground#0E1326
- tab.activeBackground#0E1326
- tab.activeForeground#FFFFFF
- tab.border#111730
- tab.hoverBackground#1B2540
- tab.inactiveBackground#161E30
- tab.inactiveForeground#A1A5A9
- terminal.ansiBlack#0E1326
- terminal.ansiBlue#44BEEE
- terminal.ansiCyan#0499D3
- terminal.ansiGreen#0499D3
- terminal.ansiMagenta#F3A9BC
- terminal.ansiRed#F3A9BC
- terminal.ansiWhite#E7EAF0
- terminal.ansiYellow#92CEBA
- terminal.background#0E1326
- terminal.foreground#BFC6D4
- terminalCursor.foreground#0499D3
- titleBar.activeBackground#111730
- titleBar.activeForeground#E7EAF0
- titleBar.inactiveBackground#111730
- titleBar.inactiveForeground#A1A5A9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #B66305 | italic |
| keyword, storage.type, storage.modifier, keyword.control | #F3A9BC | — |
| string, constant.other.symbol | #0499D3 | — |
| constant.numeric | #44BEEE | — |
| constant.language, variable.other.constant, constant.language.boolean, constant.other.boolean, support.constant, variable.language, variable.language.this | #92CEBA | — |
| entity.name.function, support.function, meta.function-call | #F3A9BC | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #9B0056 | — |
| entity.name.type, support.type, storage.type.class, entity.other.inherited-class | #44BEEE | — |
| variable, meta.parameter | #0499D3 | — |
| variable.other.property, meta.property-name, support.variable.property | #BFC6D4 | — |
| entity.other.attribute-name, meta.tag.attribute, entity.other.attribute-name.placeholder.html, entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.disabled | #44BEEE | — |
| entity.name.tag, meta.tag, punctuation.definition.tag | #F3A9BC | — |
| keyword.operator, punctuation.separator, punctuation.terminator | #BFC6D4 | — |
| meta.jsx.children, string.unquoted.jsx, string.unquoted.tsx | #8480D7 | — |