EKKL3S1A Themes

Name: EKKL3S1A Themes
Author: ekkl3s1a

Publisher: ekkl3s1aThemes in package: 4

A set of personalized dark color themes: Burgundy, Teal/Turquoise, Purple/Pink and Star Trek: LCARS.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

EKKL3S1A Themes — Burgundy Night

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

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	—