Allegory Theme

Name: Allegory Theme
Author: selfrefactor

Publisher: selfrefactorThemes in package: 42

Collection of over 20 light and dark themes

Open in VS Code GitHub

Color themes

VS Code preview

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

Allegory Theme — NiketaNature

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#f7f8f2
activityBar.border#ebedde
activityBar.dropBackground#1fadad4c
activityBar.foreground#4c590d
activityBar.inactiveForeground#4c590d66
activityBarBadge.background#1fadad
activityBarBadge.foreground#ffffff
badge.background#1fadad
badge.foreground#ffffff
button.background#1fadad
button.foreground#ffffff
debugToolBar.background#fbfbf8
dropdown.background#fbfbf8
dropdown.border#d6dbbd
dropdown.foreground#4c590d
dropdown.listBackground#fbfbf8
editor.background#f7f8f2
editor.findMatchBackground#e67e227f
editor.findMatchHighlightBackground#f1c40f7f
editor.findRangeHighlightBackground#ff00ff7f
editor.foreground#4c590d
editor.inactiveSelectionBackground#40bfbf4c
editor.lineHighlightBackground#4c590d0a
editor.rangeHighlightBackground#e67e2219
editor.selectionBackground#40bfbf4c
editor.wordHighlightBackground#3498db26
editor.wordHighlightStrongBackground#9b59b633
editorBracketMatch.background#00bcd459
editorBracketMatch.border#00000000
editorCursor.foreground#1481b8
editorGroup.border#ebedde
editorGroup.dropBackground#1fadad4c
editorGroupHeader.tabsBackground#f7f8f2
editorIndentGuide.activeBackground#4c590d4c
editorIndentGuide.background#6b7a1f19
editorLineNumber.activeForeground#4c590d
editorLineNumber.foreground#4c590d4c
editorLink.activeForeground#00bcd4
editorOverviewRuler.border#00000000
editorRuler.foreground#6b7a1f19
editorWidget.background#fbfbf8
editorWidget.border#99a659
focusBorder#1fadad
foreground#4c590d
gitDecoration.conflictingResourceForeground#0fa8acff
gitDecoration.deletedResourceForeground#b21203ff
gitDecoration.ignoredResourceForeground#4c590d66
gitDecoration.modifiedResourceForeground#c7771eff
gitDecoration.untrackedResourceForeground#398bb2ff
input.background#fbfbf8
input.border#d6dbbd
input.placeholderForeground#4c590d66
inputOption.activeBorder#1fadad
list.activeSelectionBackground#40bfbf99
list.dropBackground#1fadad4c
list.errorForeground#cc0000
list.focusBackground#b3e5e6
list.highlightForeground#1481b8
list.hoverBackground#1fadad19
list.inactiveSelectionBackground#40bfbf4c
list.warningForeground#f1c40f
notificationCenterHeader.background#fbfbf8
notificationCenterHeader.foreground#4c590d
notificationLink.foreground#00bcd4
notifications.background#fbfbf8
notifications.foreground#4c590d
notificationToast.border#99a659
panel.background#f7f8f2
panel.border#ebedde
panel.dropBackground#1fadad4c
panelTitle.activeBorder#4c590d7f
panelTitle.activeForeground#4c590d
panelTitle.inactiveForeground#4c590d99
peekViewEditor.matchHighlightBackground#f1c40f7f
peekViewResult.matchHighlightBackground#f1c40f7f
pickerGroup.border#ebedde
progressBar.background#1fadad
scrollbar.shadow#3d422433
scrollbarSlider.activeBackground#4c590d99
scrollbarSlider.background#4c590d4c
scrollbarSlider.hoverBackground#4c590d7f
sideBar.background#f7f8f2
sideBar.border#ebedde
sideBar.dropBackground#1fadad4c
sideBarSectionHeader.background#4c590d07
statusBar.background#f7f8f2
statusBar.border#ebedde
statusBar.debuggingBackground#f7f8f2
statusBar.foreground#4c590d
statusBar.noFolderBackground#f7f8f2
statusBarItem.activeBackground#4c590d33
statusBarItem.hoverBackground#4c590d19
statusBarItem.prominentBackground#4c590d4c
tab.activeBackground#1fadad19
tab.activeBorderTop#1fadad
tab.activeForeground#4c590d
tab.border#00000000
tab.inactiveBackground#00000000
tab.inactiveForeground#4c590d7f
tab.unfocusedActiveBorderTop#1fadad
terminal.ansiBlack#272e05ff
terminal.ansiBlue#6959baff
terminal.ansiBrightBlack#272e05ff
terminal.ansiBrightBlue#6959baff
terminal.ansiBrightCyan#3bbd94ff
terminal.ansiBrightGreen#48b03eff
terminal.ansiBrightMagenta#d54c9bff
terminal.ansiBrightRed#c8451cff
terminal.ansiBrightWhite#f2f2f2
terminal.ansiBrightYellow#dc9e30ff
terminal.ansiCyan#3bbd94ff
terminal.ansiGreen#48b03eff
terminal.ansiMagenta#d54c9bff
terminal.ansiRed#c8451cff
terminal.ansiWhite#f2f2f2
terminal.ansiYellow#dc9e30ff
terminal.background#f7f8f2
terminal.foreground#4c590d
titleBar.activeBackground#f7f8f2
titleBar.activeForeground#4c590d
titleBar.border#ebedde
titleBar.inactiveBackground#f7f8f2
titleBar.inactiveForeground#4c590db2
widget.shadow#3d422433

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.function-call entity.name.function	#4c590d
keyword.operator, storage.type.function.arrow	#ae5904
markup.raw.inline, markup.inline, punctuation.definition.markdown, meta.object-literal.key, support.type.property-name, meta.property-name, punctuation.section.embedded, variable.interpolation, support.class.component, meta.decorator, entity.name.function.decorator, punctuation.definition.character-class, punctuation.definition.group, keyword.control.anchor.regexp	#b36619
constant.character.escape, punctuation.definition.template-expression, punctuation.definition.dictionary, punctuation.definition.tag, punctuation.definition.binding-pattern.array, punctuation.definition.binding-pattern.object, punctuation.definition.block, punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array, punctuation.terminator, punctuation.separator, punctuation.section, meta.brace, meta.delimiter, string.other.link, markup.quote, meta.separator	#c68c53
comment, punctuation.definition.comment	#bca68f
keyword.control, storage	#ae5904	bold
markup.bold, punctuation.definition.bold, meta.selector entity.other.attribute-name.id, meta.selector entity.other.attribute-name.class, meta.selector entity.other.attribute-name.pseudo-class, meta.selector entity.name.tag	#b36619	bold
markup.italic	#b36619	italic
constant.other.symbol, constant.numeric, constant.language.boolean, constant, support.constant, variable.language, entity.name.tag, punctuation.definition.tag, entity.other.attribute-name, entity.other.attribute-name.id, punctuation.definition.entity, meta.link, markup.underline.link	#ae0476
keyword.other.special-method, meta.definition, variable.parameter.function, variable.declaration, variable.parameter, keyword.other.unit, beginning.punctuation.definition.list, constant.other.color	#b3197f
markup.heading punctuation.definition.heading, entity.name.section, meta.definition entity.name.function, meta.function entity.name.function, meta.require, entity.name.class, entity.name.type.class, entity.name.type.module, entity.other.inherited-class	#ae0476	bold
string, punctuation.definition.string, support.constant.property-value	#04aeae
meta.embedded	#4c590d
invalid.broken, invalid.deprecated, invalid.unimplemented	#cc0000	bold