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#0F0509
- activityBar.foreground#F2D6E1
- activityBar.inactiveForeground#B892A0
- activityBarBadge.background#7b1e3a
- activityBarBadge.foreground#FFFFFF
- editor.background#14070D
- editor.foreground#E9D7DE
- editor.inactiveSelectionBackground#7b1e3a2A
- editor.lineHighlightBackground#1C0A12
- editor.selectionBackground#7b1e3a55
- editorBracketHighlight.foreground1#E04F7B
- editorBracketHighlight.foreground2#FFC2D7
- editorBracketHighlight.foreground3#7FD1AE
- editorBracketHighlight.foreground4#8FA8FF
- editorBracketHighlight.foreground5#C77DFF
- editorBracketHighlight.foreground6#EBCB8B
- editorBracketHighlight.unexpectedBracket.foreground#FF6B8B
- editorBracketPairGuide.activeBackground1#E04F7B88
- editorBracketPairGuide.activeBackground2#FFC2D788
- editorBracketPairGuide.activeBackground3#7FD1AE88
- editorBracketPairGuide.activeBackground4#8FA8FF88
- editorBracketPairGuide.activeBackground5#C77DFF88
- editorBracketPairGuide.activeBackground6#EBCB8B88
- editorBracketPairGuide.background1#E04F7B44
- editorBracketPairGuide.background2#FFC2D744
- editorBracketPairGuide.background3#7FD1AE44
- editorBracketPairGuide.background4#8FA8FF44
- editorBracketPairGuide.background5#C77DFF44
- editorBracketPairGuide.background6#EBCB8B44
- editorCursor.foreground#E04F7B
- editorIndentGuide.activeBackground1#7b1e3a
- editorIndentGuide.background1#2B111B
- editorLineNumber.activeForeground#D9B9C5
- editorLineNumber.foreground#6b3a4a
- editorWhitespace.foreground#3A1A25
- focusBorder#7b1e3a
- panel.background#0F0509
- panel.border#2B111B
- sideBar.background#10060B
- sideBar.foreground#E9D7DE
- sideBarTitle.foreground#F2D6E1
- statusBar.background#0F0509
- statusBar.debuggingBackground#7b1e3a
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#F2D6E1
- tab.activeBackground#14070D
- tab.activeBorderTop#7b1e3a
- tab.activeForeground#F2D6E1
- tab.inactiveBackground#0F0509
- tab.inactiveForeground#B892A0
- terminal.ansiBlue#8FA8FF
- terminal.ansiCyan#66D9EF
- terminal.ansiGreen#7FD1AE
- terminal.ansiMagenta#C77DFF
- terminal.ansiRed#E04F7B
- terminal.ansiWhite#E9D7DE
- terminal.ansiYellow#EBCB8B
- terminal.background#14070D
- terminal.foreground#E9D7DE
- titleBar.activeBackground#0F0509
- titleBar.activeForeground#F2D6E1
- titleBar.inactiveBackground#0C0407
- titleBar.inactiveForeground#B892A0
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9A6A7A | italic |
| string, punctuation.definition.string | #FFC2D7 | — |
| keyword, storage.type | #E04F7B | — |
| keyword, storage.modifier | #F2A3B8 | — |
| keyword, keyword.control | #F2A3B8 | — |
| constant.numeric, constant.language | #EBCB8B | — |
| entity.name.function | #E04F7B | — |
| support.function | #EBCB8B | — |
| entity.name.type, support.type | #D2A8FF | — |
| variable, identifier | #E9D7DE | — |
| punctuation.curlybrace.open, punctuation.curlybrace.close, meta.brace.curly | #E04F7B | — |
| punctuation.squarebracket.open, punctuation.squarebracket.close | #8FA8FF | — |
| punctuation.parenthesis.open, punctuation.parenthesis.close, meta.brace.round | #C77DFF | — |
| entity.name.tag, entity.name.tag.html | #E04F7B | — |
| entity.name.tag.end, entity.name.tag.structure | #E04F7B | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #FFC2D7 | — |
| string.quoted, string.quoted.double.html, string.quoted.single.html | #7FD1AE | — |
| variable.other.readwrite.angular, variable.other.component, meta.template.expression variable | #E9D7DE | — |
| meta.template.expression entity.name.function | #7FD1AE | — |
| meta.directive.property-binding, meta.attribute.angular | #8FA8FF | — |
| meta.directive.event-binding | #EBCB8B | — |
| entity.other.attribute-name.structural.directive.angular, meta.directive.structural | #C77DFF | italic |
| meta.interpolation, meta.template.expression | #E9D7DE | — |
| punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end | #E04F7B | — |
| keyword.operator.pipe, punctuation.separator.pipe, keyword.operator.angular | #EBCB8B | — |
| support.pipe, entity.name.function.pipe, entity.name.function.pipe.angular | #C77DFF | — |
| entity.name.function.pipe.async, support.pipe.async | #E04F7B | bold |
| meta.pipe.arguments, meta.expression.pipe | #7FD1AE | — |
| string.unquoted.pipe.async, meta.expression.pipe.async | #E04F7B | bold underline |
| variable.parameter, meta.parameter.object-binding-pattern | #FFC2D7 | — |
| variable.other.object.property, meta.object-literal.key | #F2A3B8 | — |
| entity.other.attribute-name.structural.directive.angular, meta.directive.structural | #C77DFF | bold italic |
| meta.directive.property-binding, entity.other.attribute-name.property-binding | #8FA8FF | — |
| meta.directive.event-binding, entity.other.attribute-name.event-binding | #EBCB8B | bold |
| variable.other.readwrite, variable.other.object.property | #FFC2D7 | — |
| meta.expression.pipe.async, meta.template.expression.pipe.async | #E04F7B | bold underline |
| meta.expression.pipe | #F2A3B8 | — |
| entity.name.function.rxjs, support.function.rxjs, meta.import variable.other.readwrite, meta.function-call variable.function | #EBCB8B | italic |
| entity.name.function.pipe, support.function.pipe | #E04F7B | bold |
| variable.other.readwrite, variable.other.object.property, meta.definition.variable | #FFC2D7 | italic |
| support.pipe, entity.name.function.pipe.angular | #C77DFF | — |
| entity.name.function.pipe.custom, meta.pipe.custom | #D8B4FE | italic |
| keyword.control.as, meta.template.expression keyword | #EBCB8B | bold |
| meta.template.expression variable.other.alias, variable.other.alias | #7FD1AE | bold |
| variable.other.template, meta.template.variable variable | #7FD1AE | italic |
| keyword.declaration.let, meta.template.expression keyword | #E04F7B | — |
| meta.function-call variable.function.map | #7FD1AE | — |
| meta.function-call variable.function.switchmap | #E04F7B | bold |
| meta.function-call variable.function.mergemap | #8FA8FF | — |
| meta.function-call variable.function.tap | #C77DFF | italic |
| meta.function-call variable.function.filter | #EBCB8B | — |
| meta.function-call variable.function.catcherror | #FF6B8B | bold |
| invalid, invalid.illegal, invalid.deprecated | #FF6B8B | underline |
| keyword.operator.optional, punctuation.accessor.optional | #EBCB8B | — |
| punctuation.accessor.safe, keyword.operator.safe-navigation | #FFC2D7 | italic |
| meta.expression.pipe.async | #E04F7B | bold underline |
| meta.function-call variable.function.map | #A3D9C0 | — |
| meta.function-call variable.function.switchmap | #E04F7B | bold |
| meta.function-call variable.function.mergemap | #8FA8FF | — |
| meta.function-call variable.function.exhaustmap | #66D9EF | bold underline |
| meta.definition.variable, variable.other.readwrite | #E04F7B | — |
| meta.function-call | #7FD1AE | — |
| meta.function-call variable.function.switchmap, meta.function-call variable.function.mergemap, meta.function-call variable.function.exhaustmap | #66D9EF | — |
| meta.function-call variable.function.tap | #C77DFF | italic |
| meta.function-call variable.function.signal | #E04F7B | bold |
| meta.function-call variable.function.computed | #7FD1AE | — |
| meta.function-call variable.function.effect | #C77DFF | italic |
| meta.function-call variable.function | #FFC2D7 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...