EKKL3S1A Themes
Publisher: ekkl3s1aThemes in package: 4
A set of personalized dark color themes: Burgundy, Teal/Turquoise, Purple/Pink and Star Trek: LCARS.
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.background#0E0514
- activityBar.foreground#F6E9FF
- activityBar.inactiveForeground#BDA5D6
- activityBarBadge.background#FF4DB8
- activityBarBadge.foreground#14061F
- editor.background#12071A
- editor.foreground#F1E6FF
- editor.inactiveSelectionBackground#FF4DB82A
- editor.lineHighlightBackground#190A24
- editor.selectionBackground#FF4DB855
- editorBracketHighlight.foreground1#FF4DB8
- editorBracketHighlight.foreground2#FF7ACD
- editorBracketHighlight.foreground3#A78BFA
- editorBracketHighlight.foreground4#60A5FA
- editorBracketHighlight.foreground5#A855F7
- editorBracketHighlight.foreground6#FFD166
- editorBracketHighlight.unexpectedBracket.foreground#F87171
- editorBracketPairGuide.activeBackground1#FF4DB888
- editorBracketPairGuide.activeBackground2#FF7ACD88
- editorBracketPairGuide.activeBackground3#A78BFA88
- editorBracketPairGuide.activeBackground4#60A5FA88
- editorBracketPairGuide.activeBackground5#A855F788
- editorBracketPairGuide.activeBackground6#FFD16688
- editorBracketPairGuide.background1#FF4DB844
- editorBracketPairGuide.background2#FF7ACD44
- editorBracketPairGuide.background3#A78BFA44
- editorBracketPairGuide.background4#60A5FA44
- editorBracketPairGuide.background5#A855F744
- editorBracketPairGuide.background6#FFD16644
- editorCursor.foreground#FF4DB8
- editorIndentGuide.activeBackground1#A855F7
- editorIndentGuide.background1#251233
- editorLineNumber.activeForeground#E8D7FF
- editorLineNumber.foreground#56406B
- editorWhitespace.foreground#2F1A40
- focusBorder#FF4DB8
- panel.background#0E0514
- panel.border#251233
- sideBar.background#0F0616
- sideBar.foreground#F1E6FF
- sideBarTitle.foreground#F6E9FF
- statusBar.background#0E0514
- statusBar.debuggingBackground#A855F7
- statusBar.debuggingForeground#0E0514
- statusBar.foreground#F6E9FF
- tab.activeBackground#12071A
- tab.activeBorderTop#FF4DB8
- tab.activeForeground#F6E9FF
- tab.inactiveBackground#0E0514
- tab.inactiveForeground#BDA5D6
- terminal.ansiBlue#60A5FA
- terminal.ansiCyan#C084FC
- terminal.ansiGreen#6EE7B7
- terminal.ansiMagenta#FF4DB8
- terminal.ansiRed#F87171
- terminal.ansiWhite#F1E6FF
- terminal.ansiYellow#FFD166
- terminal.background#12071A
- terminal.foreground#F1E6FF
- titleBar.activeBackground#0E0514
- titleBar.activeForeground#F6E9FF
- titleBar.inactiveBackground#0B0410
- titleBar.inactiveForeground#BDA5D6
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9E7BBE | italic |
| string, punctuation.definition.string | #FF7ACD | — |
| keyword, storage.type | #A855F7 | — |
| keyword, storage.modifier | #A855F7 | — |
| keyword, keyword.control | #A855F7 | — |
| constant.numeric, constant.language | #FFD166 | — |
| entity.name.function | #A78BFA | — |
| support.function | #7C3AED | — |
| entity.name.type, support.type | #C4B5FD | — |
| variable, identifier | #F1E6FF | — |
| punctuation.curlybrace.open, punctuation.curlybrace.close, meta.brace.curly | #FF4DB8 | — |
| punctuation.squarebracket.open, punctuation.squarebracket.close | #60A5FA | — |
| punctuation.parenthesis.open, punctuation.parenthesis.close, meta.brace.round | #A855F7 | — |
| entity.name.tag, entity.name.tag.html | #FF4DB8 | — |
| entity.name.tag.end, entity.name.tag.structure | #FF4DB8 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #FF7ACD | — |
| string.quoted, string.quoted.double.html, string.quoted.single.html | #A78BFA | — |
| variable.other.readwrite.angular, variable.other.component, meta.template.expression variable | #F1E6FF | — |
| meta.template.expression entity.name.function | #A78BFA | — |
| meta.directive.property-binding, meta.attribute.angular | #60A5FA | — |
| meta.directive.event-binding | #FFD166 | — |
| entity.other.attribute-name.structural.directive.angular, meta.directive.structural | #A855F7 | italic |
| meta.interpolation, meta.template.expression | #F1E6FF | — |
| punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end | #FF4DB8 | — |
| keyword.operator.pipe, punctuation.separator.pipe, keyword.operator.angular | #FFD166 | — |
| support.pipe, entity.name.function.pipe, entity.name.function.pipe.angular | #A855F7 | — |
| entity.name.function.pipe.async, support.pipe.async | #FF4DB8 | bold |
| meta.pipe.arguments, meta.expression.pipe | #A78BFA | — |
| string.unquoted.pipe.async, meta.expression.pipe.async | #FF4DB8 | bold underline |
| variable.parameter, meta.parameter.object-binding-pattern | #FF7ACD | — |
| variable.other.object.property, meta.object-literal.key | #E9D4F7 | — |
| entity.other.attribute-name.structural.directive.angular, meta.directive.structural | #A855F7 | bold italic |
| meta.directive.property-binding, entity.other.attribute-name.property-binding | #60A5FA | — |
| meta.directive.event-binding, entity.other.attribute-name.event-binding | #FFD166 | bold |
| variable.other.readwrite, variable.other.object.property | #FF7ACD | — |
| meta.expression.pipe.async, meta.template.expression.pipe.async | #FF4DB8 | bold underline |
| meta.expression.pipe | #E9D4F7 | — |
| entity.name.function.rxjs, support.function.rxjs, meta.import variable.other.readwrite, meta.function-call variable.function | #FFD166 | italic |
| entity.name.function.pipe, support.function.pipe | #FF4DB8 | bold |
| variable.other.readwrite, variable.other.object.property, meta.definition.variable | #FF7ACD | italic |
| support.pipe, entity.name.function.pipe.angular | #A855F7 | — |
| entity.name.function.pipe.custom, meta.pipe.custom | #C084FC | italic |
| keyword.control.as, meta.template.expression keyword | #FFD166 | bold |
| meta.template.expression variable.other.alias, variable.other.alias | #A78BFA | bold |
| variable.other.template, meta.template.variable variable | #A78BFA | italic |
| keyword.declaration.let, meta.template.expression keyword | #FF4DB8 | — |
| meta.function-call variable.function.map | #A78BFA | — |
| meta.function-call variable.function.switchmap | #FF4DB8 | bold |
| meta.function-call variable.function.mergemap | #60A5FA | — |
| meta.function-call variable.function.tap | #A855F7 | italic |
| meta.function-call variable.function.filter | #FFD166 | — |
| meta.function-call variable.function.catcherror | #F87171 | bold |
| invalid, invalid.illegal, invalid.deprecated | #F87171 | underline |
| keyword.operator.optional, punctuation.accessor.optional | #FFD166 | — |
| punctuation.accessor.safe, keyword.operator.safe-navigation | #FF7ACD | italic |
| meta.expression.pipe.async | #FF4DB8 | bold underline |
| meta.function-call variable.function.map | #C4B5FD | — |
| meta.function-call variable.function.switchmap | #FF4DB8 | bold |
| meta.function-call variable.function.mergemap | #93C5FD | — |
| meta.function-call variable.function.exhaustmap | #60A5FA | bold underline |
| meta.definition.variable, variable.other.readwrite | #FF4DB8 | — |
| meta.function-call | #A78BFA | — |
| meta.function-call variable.function.switchmap, meta.function-call variable.function.mergemap, meta.function-call variable.function.exhaustmap | #60A5FA | — |
| meta.function-call variable.function.tap | #A855F7 | italic |
| meta.function-call variable.function.signal | #FF4DB8 | bold |
| meta.function-call variable.function.computed | #A78BFA | — |
| meta.function-call variable.function.effect | #A855F7 | italic |
| meta.function-call variable.function | #FF7ACD | — |