Tyrian Night

Name: Tyrian Night
Author: renbkna

Publisher: renbknaThemes in package: 5

Ultra-saturated Tyrian Abyss, Night, Nocturne, Night Old comparison, and Dawn themes with built-in Island UI controls

Open in VS Code GitHub

Color themes

VS Code preview

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

Tyrian Night — Tyrian 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.activeBorder#8D69C1
activityBar.background#0C0C0C
activityBar.foreground#8890B0
activityBar.inactiveForeground#605878
activityBarBadge.background#8D69C1
activityBarBadge.foreground#0C0C0C
badge.background#8060A8
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#A088C0
breadcrumb.background#0C0C0C
breadcrumb.focusForeground#D0C8E0
breadcrumb.foreground#605878
breadcrumbPicker.background#0F0F0F
button.background#8060A8
button.foreground#FFFFFF
button.hoverBackground#8762B8
button.secondaryBackground#181820
button.secondaryForeground#D0C8E0
button.secondaryHoverBackground#252530
checkbox.background#0F0F0F
commandCenter.background#0C0C0C
commandCenter.border#252530
debugIcon.breakpointDisabledForeground#605878
debugIcon.breakpointForeground#C06868
debugIcon.pauseForeground#C09040
debugIcon.startForeground#489060
debugIcon.stopForeground#C06868
debugToolBar.background#0F0F0F
debugToolBar.border#252530
descriptionForeground#9898B0
diffEditor.insertedLineBackground#48906010
diffEditor.insertedTextBackground#4890601C
diffEditor.removedLineBackground#C0686810
diffEditor.removedTextBackground#C068681C
disabledForeground#585868
dropdown.background#0F0F0F
dropdown.border#252530
dropdown.foreground#D0C8E0
dropdown.listBackground#0F0F0F
editor.background#0C0C0C
editor.findMatchBackground#8D69C160
editor.findMatchBorder#8D69C1
editor.findMatchForeground#D0C8E0
editor.findMatchHighlightBackground#8D69C135
editor.findMatchHighlightForeground#D0C8E0
editor.foreground#D0C8E0
editor.hoverHighlightBackground#8D69C120
editor.inactiveSelectionBackground#6B5A9030
editor.lineHighlightBackground#181820
editor.lineHighlightBorder#343444
editor.rangeHighlightBackground#8D69C118
editor.selectionBackground#8D69C140
editor.selectionForeground#D0C8E0
editor.wordHighlightBackground#8D69C135
editor.wordHighlightBorder#8D69C150
editor.wordHighlightStrongBackground#8D69C150
editorBracketHighlight.foreground1#8D69C1
editorBracketHighlight.foreground2#5A78C0
editorBracketHighlight.foreground3#BA5E6B
editorBracketHighlight.foreground4#489060
editorBracketHighlight.foreground5#C09040
editorBracketHighlight.foreground6#B068A0
editorBracketHighlight.unexpectedBracket.foreground#C06868
editorBracketMatch.background#00000000
editorBracketMatch.border#8D69C170
editorCursor.background#0C0C0C
editorCursor.foreground#A080C0
editorError.border#C0686800
editorError.foreground#C06868
editorGroup.border#252530
editorGroupHeader.noTabsBackground#0C0C0C
editorGroupHeader.tabsBackground#0C0C0C
editorGroupHeader.tabsBorder#252530
editorGutter.addedBackground#489060
editorGutter.background#0B0B0B
editorGutter.deletedBackground#C06868
editorGutter.modifiedBackground#5A78C0
editorHint.border#48906000
editorHint.foreground#489060
editorHoverWidget.background#0F0F0F
editorHoverWidget.border#252530
editorHoverWidget.foreground#A088C0
editorHoverWidget.statusBarBackground#0F0F0F
editorIndentGuide.activeBackground1#302840
editorIndentGuide.background1#24203A
editorInfo.border#5A78C000
editorInfo.foreground#5A78C0
editorInlayHint.background#18182080
editorInlayHint.foreground#605878
editorInlayHint.parameterBackground#18182080
editorInlayHint.parameterForeground#C09040
editorInlayHint.typeBackground#18182080
editorInlayHint.typeForeground#5A78C0
editorLineNumber.activeForeground#8888A0
editorLineNumber.foreground#585868
editorOverviewRuler.addedForeground#48906088
editorOverviewRuler.border#252530
editorOverviewRuler.bracketMatchForeground#8D69C170
editorOverviewRuler.commonContentForeground#605878
editorOverviewRuler.currentContentForeground#5A78C0
editorOverviewRuler.deletedForeground#C0686888
editorOverviewRuler.errorForeground#C0686888
editorOverviewRuler.findMatchForeground#8D69C160
editorOverviewRuler.incomingContentForeground#489060
editorOverviewRuler.infoForeground#5A78C088
editorOverviewRuler.modifiedForeground#5A78C088
editorOverviewRuler.selectionHighlightForeground#6B5A9080
editorOverviewRuler.warningForeground#C0904088
editorRuler.foreground#252530
editorStickyScroll.background#0C0C0C
editorStickyScrollHover.background#181820
editorSuggestWidget.background#0F0F0F
editorSuggestWidget.border#252530
editorSuggestWidget.focusHighlightForeground#A088C0
editorSuggestWidget.foreground#A088C0
editorSuggestWidget.highlightForeground#8D69C1
editorSuggestWidget.selectedBackground#302840
editorWarning.border#C0904000
editorWarning.foreground#C09040
editorWhitespace.foreground#252530
editorWidget.background#0F0F0F
editorWidget.border#252530
editorWidget.foreground#D0C8E0
errorForeground#C06868
focusBorder#8D69C1
foreground#D0C8E0
icon.foreground#9898B0
input.background#0F0F0F
input.border#252530
input.foreground#D0C8E0
input.placeholderForeground#605878
inputOption.activeBorder#8D69C1
inputOption.activeForeground#A088C0
inputValidation.errorBackground#C0686820
inputValidation.errorBorder#C06868
inputValidation.infoBackground#5A78C020
inputValidation.infoBorder#5A78C0
inputValidation.warningBackground#C0904020
inputValidation.warningBorder#C09040
list.activeSelectionBackground#302840
list.activeSelectionForeground#D0C8E0
list.errorForeground#C06868
list.focusBackground#302840
list.focusForeground#D0C8E0
list.highlightForeground#8D69C1
list.hoverBackground#181820
list.hoverForeground#B098C8
list.inactiveSelectionBackground#201830
list.inactiveSelectionForeground#A088C0
list.warningForeground#C09040
menu.background#0F0F0F
menu.foreground#A088C0
menu.selectionBackground#302840
menu.selectionForeground#D0C8E0
menu.separatorBackground#252530
menubar.selectionBackground#302840
menubar.selectionForeground#D0C8E0
merge.border#252530
merge.commonContentBackground#60587820
merge.commonHeaderBackground#60587840
merge.currentContentBackground#5A78C020
merge.currentHeaderBackground#5A78C040
merge.incomingContentBackground#48906020
merge.incomingHeaderBackground#48906040
minimap.background#0C0C0C
minimapSlider.activeBackground#8D69C160
minimapSlider.background#6B5A9040
minimapSlider.hoverBackground#8D69C150
notificationCenter.border#252530
notificationCenterHeader.background#0F0F0F
notificationCenterHeader.foreground#D0C8E0
notificationLink.foreground#5A78C0
notifications.background#0F0F0F
notifications.border#252530
notifications.foreground#A088C0
notificationToast.border#252530
panel.background#0C0C0C
panel.border#252530
panel.foreground#D0C8E0
panelTitle.activeBorder#8D69C1
panelTitle.activeForeground#D0C8E0
panelTitle.inactiveForeground#605878
peekView.border#8D69C1
peekViewEditor.background#0F0F0F
peekViewEditor.matchHighlightBackground#8D69C140
peekViewEditorGutter.background#0C0C0C
peekViewResult.background#0C0C0C
peekViewResult.fileForeground#A088C0
peekViewResult.lineForeground#605878
peekViewResult.matchHighlightBackground#8D69C140
peekViewResult.selectionBackground#302840
peekViewResult.selectionForeground#D0C8E0
peekViewTitle.background#0F0F0F
peekViewTitleDescription.foreground#605878
peekViewTitleLabel.foreground#D0C8E0
pickerGroup.border#252530
problemsErrorIcon.foreground#C06868
problemsInfoIcon.foreground#5A78C0
problemsWarningIcon.foreground#C09040
progressBar.background#8D69C1
quickInput.background#0F0F0F
quickInput.foreground#D0C8E0
quickInputList.focusBackground#302840
quickInputList.focusForeground#D0C8E0
quickInputTitle.background#0C0C0C
scrollbarSlider.activeBackground#5048609A
scrollbarSlider.background#30283860
scrollbarSlider.hoverBackground#40385080
selection.background#8D69C140
sideBar.background#0F0F0F
sideBar.border#252530
sideBar.foreground#9898B0
sideBarSectionHeader.background#0F0F0F
sideBarSectionHeader.border#252530
sideBarSectionHeader.foreground#D0C8E0
sideBarTitle.foreground#9898B0
statusBar.background#0C0C0C
statusBar.border#252530
statusBar.debuggingBackground#6B5080
statusBar.debuggingForeground#D0C8E0
statusBar.foreground#7880A0
statusBar.noFolderBackground#0C0C0C
statusBarItem.remoteBackground#8D69C1
statusBarItem.remoteForeground#0C0C0C
symbolIcon.arrayForeground#B068A0
symbolIcon.booleanForeground#8D69C1
symbolIcon.classForeground#5A78C0
symbolIcon.colorForeground#B068A0
symbolIcon.constantForeground#C09040
symbolIcon.constructorForeground#BA5E6B
symbolIcon.enumeratorForeground#5A78C0
symbolIcon.enumeratorMemberForeground#C09040
symbolIcon.eventForeground#8D69C1
symbolIcon.fieldForeground#D0C8E0
symbolIcon.fileForeground#A088C0
symbolIcon.folderForeground#5A78C0
symbolIcon.functionForeground#BA5E6B
symbolIcon.interfaceForeground#5A78C0
symbolIcon.keyForeground#C09040
symbolIcon.keywordForeground#8D69C1
symbolIcon.methodForeground#BA5E6B
symbolIcon.moduleForeground#5A78C0
symbolIcon.namespaceForeground#8D69C1
symbolIcon.nullForeground#605878
symbolIcon.numberForeground#C09040
symbolIcon.objectForeground#5A78C0
symbolIcon.operatorForeground#8D69C1
symbolIcon.packageForeground#5A78C0
symbolIcon.propertyForeground#D0C8E0
symbolIcon.referenceForeground#5A78C0
symbolIcon.snippetForeground#489060
symbolIcon.stringForeground#489060
symbolIcon.structForeground#5A78C0
symbolIcon.textForeground#D0C8E0
symbolIcon.typeParameterForeground#5A78C0
symbolIcon.unitForeground#C09040
symbolIcon.variableForeground#D0C8E0
tab.activeBackground#0F0F0F
tab.activeBorder#8D69C1
tab.activeBorderTop#8D69C100
tab.activeForeground#D0C8E0
tab.border#252530
tab.hoverBackground#0F0F0F
tab.hoverForeground#A088C0
tab.inactiveBackground#0C0C0C
tab.inactiveForeground#6B6080
tab.unfocusedActiveBackground#0F0F0F
tab.unfocusedInactiveBackground#0C0C0C
terminal.ansiBlack#252530
terminal.ansiBlue#5A78C0
terminal.ansiBrightBlack#404050
terminal.ansiBrightBlue#7A98D0
terminal.ansiBrightCyan#D47886
terminal.ansiBrightGreen#68B080
terminal.ansiBrightMagenta#A888C8
terminal.ansiBrightRed#D08888
terminal.ansiBrightWhite#E0D8F0
terminal.ansiBrightYellow#D0B060
terminal.ansiCyan#BA5E6B
terminal.ansiGreen#489060
terminal.ansiMagenta#8D69C1
terminal.ansiRed#C06868
terminal.ansiWhite#D0C8E0
terminal.ansiYellow#C09040
terminal.background#0C0C0C
terminal.foreground#D0C8E0
terminal.selectionBackground#8D69C160
terminalCursor.foreground#A080C0
textBlockQuote.background#0F0F0F
titleBar.activeBackground#0C0C0C
titleBar.activeForeground#8890B0
titleBar.border#252530
titleBar.inactiveBackground#0C0C0C
titleBar.inactiveForeground#585868
walkThrough.embeddedEditorBackground#0C0C0C
welcomePage.background#0C0C0C
welcomePage.tileBackground#0F0F0F
welcomePage.tileBorder#252530
welcomePage.tileHoverBackground#181820

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7880A0	italic
comment.block.documentation	#8890B0	italic
string, string.template, punctuation.definition.string	#489060	—
keyword, keyword.control, keyword.operator, entity.name.tag, entity.name.tag.js, entity.name.tag.css, meta.import, keyword.control.import	#8D69C1	—
constant.numeric, constant.language, constant.character, keyword.other.unit, variable.other.enummember, entity.other.attribute-name.id.css	#C09040	—
entity.name.type, entity.name.type.interface, entity.name.type.class, support.type, support.class, support.class.component, entity.other.attribute-name.class.css	#5A78C0	—
entity.name.function, support.function, meta.function-call, entity.name.method, support.type.property-name.css	#BA5E6B	—
variable, support.constant.property-value.css	#D0C8E0	—
storage.type, storage.modifier	#8D69C1	—
variable.parameter, meta.parameter, entity.other.attribute-name, support.type.property-name.json	#B068A0	—
string.regexp, constant.character.escape	#B068A0	—
variable.language, entity.name.function.decorator	#C09040	—
variable.other.constant, meta.decorator, punctuation.decorator, markup.list	#C09040	—
punctuation, meta.brace, punctuation.separator, punctuation.terminator, punctuation.definition.tag	#7D7595	—
markup.heading	#8D69C1	bold
markup.bold	#D0C8E0	bold
markup.italic	#B068A0	italic
markup.inline.raw	#BA5E6B	—
markup.underline.link	#5A78C0	—
markup.quote	#489060	italic
invalid	#C06868	—
invalid.deprecated	#C09040	strikethrough