La Capsule
Publisher: 3mptyThemes in package: 1
La Capsule | A dark theme for Visual Studio Code
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#1d1e24
- activityBar.foreground#fff0f595
- activityBarBadge.background#ef8a39
- activityBarBadge.foreground#0d1117
- editor.background#222229
- editor.foreground#fff0f595
- editor.lineHighlightBackground#FFF0F507
- editor.selectionBackground#7168eb50
- editorBracketMatch.background#264f78
- editorBracketMatch.border#ef8a39
- editorCursor.foreground#ffcd03
- editorError.foreground#ff5f56
- editorGroup.border#1f2933
- editorGroupHeader.tabsBackground#1d1e24
- editorGroupHeader.tabsBorder#1f2933
- editorGutter.background#222229
- editorHint.foreground#c586c0
- editorHoverWidget.background#1d1e24
- editorHoverWidget.border#30363d
- editorInfo.foreground#ef8a39
- editorLightBulb.foreground#ffcc00
- editorLightBulbAutoFix.foreground#ef8a39
- editorLineNumber.activeForeground#ffcd03
- editorLineNumber.foreground#3b4451
- editorSuggestWidget.background#1d1e24
- editorSuggestWidget.border#30363d
- editorSuggestWidget.foreground#fff0f595
- editorSuggestWidget.highlightForeground#ef8a39
- editorSuggestWidget.selectedBackground#264f78
- editorWarning.foreground#ffbd2e
- editorWhitespace.foreground#3B3B3B
- editorWidget.background#1d1e24
- editorWidget.border#30363d
- panel.background#222229
- panel.border#1D1E24
- panelTitle.activeForeground#fff0f595
- panelTitle.inactiveForeground#6e7681
- sideBar.background#1d1e24
- sideBar.foreground#fff0f595
- sideBarSectionHeader.background#1d1e24
- sideBarSectionHeader.foreground#fff0f595
- statusBar.background#1d1e24
- statusBar.debuggingBackground#800000
- statusBar.debuggingForeground#fff0f595
- statusBar.foreground#fff0f595
- tab.activeBackground#ef8a39
- tab.activeForeground#222229
- tab.border#1f2933
- tab.inactiveBackground#222229
- tab.inactiveForeground#6e7681
- terminal.ansiBlack#000000
- terminal.ansiBlue#61afef
- terminal.ansiBrightBlack#7f848e
- terminal.ansiBrightBlue#61afef
- terminal.ansiBrightCyan#56b6c2
- terminal.ansiBrightGreen#ef8a39
- terminal.ansiBrightMagenta#d19a66
- terminal.ansiBrightRed#ff5f56
- terminal.ansiBrightWhite#fff0f595
- terminal.ansiBrightYellow#f0e68c
- terminal.ansiCyan#56b6c2
- terminal.ansiGreen#ef8a39
- terminal.ansiMagenta#c586c0
- terminal.ansiRed#ff5f56
- terminal.ansiWhite#dcdcdc
- terminal.ansiYellow#e5c07b
- terminal.background#222229
- terminalCursor.background#ef8a39
- terminalCursor.foreground#ef8a39
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.control, keyword.operator, keyword.other, keyword.new, keyword.async | #7168eb | bold |
| variable, variable.other, variable.language, variable.other.local, variable.other.parameter | #A0A0A0 | — |
| constant, constant.language, constant.numeric, constant.character.escape | #ef8a39 | — |
| string, string.quoted, string.quoted.double, string.quoted.single | #6c86c0 | — |
| comment, comment.block, comment.line | #707070 | italic |
| entity.name.function, meta.function, variable.function | #eed258 | — |
| keyword, storage.type, storage.modifier | #a386f1 | |
| entity.name.class, entity.name.type | #d89832 | italic |
| punctuation, punctuation.separator, punctuation.definition | #d89832 | — |
| variable.other.property, variable.other.object | #95b1fd | — |
| invalid, invalid.illegal | #FF6F6F | — |
| meta.tag, meta.link, meta.selector, meta.property-name | #A0A0A0 | — |
| variable.other.color, variable.other.constant | #A0A0A0 | italic |
| keyword.operator.logical, keyword.operator.comparison | #ef8a39 | — |
| variable.other.import, variable.other.js, variable.other.scss, variable.other.ts | #FFAB6F | — |
| variable.language.boolean, variable.other.state | #F5A700 | — |
| entity.name.tag, entity.name.tag.js, entity.name.tag.jsx | #d89832 | bold |
| entity.name.tag.section, entity.name.tag.div, entity.name.tag.header, entity.name.tag.footer, entity.name.tag.article, entity.name.tag.aside | #7BB9C5 | — |
| meta.jsx.children, meta.jsx.attribute, meta.jsx.self-closing, meta.jsx.end-tag | #fff0f595 | — |
| entity.name.component, entity.name.jsx | #a37c9b | — |
| variable.other.jsx, variable.other.js | #F5A700 | — |
| entity.other.attribute-name.css | #66c2c2 | italic |
| support.type.property-name.css | #8b96c5 | — |
| entity.name.tag.css | #d89832 | — |
| support.constant.property-value.css, support.constant.property-value.scss | #d89832 | — |
| support.variable.color.css | #ff7373 | — |
| keyword.control.import.ts, keyword.control.export.ts | #776ef5 | bold |
| support.type.primitive.ts | #747c80 | — |
| entity.name.type.ts | #a37c9b | bold |
| entity.other.attribute-name, entity.other.attribute-name.id, entity.other.attribute-name.class | #888888 | italic |
| meta.selector, meta.selector.class, meta.selector.id | #FF6347 | italic |
| entity.other.attribute-name.class.tailwind | #9F7AEA | — |
| variable.language.next | #ff7e5f | — |