Zoren Theme

Name: Zoren Theme
Author: viniciuslazzari

Publisher: viniciuslazzariThemes in package: 4

A great light and dark theme that's easy on the eyes and full of vibrant colors.

Open in VS Code GitHub

Color themes

VS Code preview

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

Zoren Theme — Zoren Light

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.activeBackground#eee
activityBar.activeBorder#bfd0ff
activityBar.background#f9f9f9
activityBar.border#f0f0f0
activityBar.dropBorder#bfd0ff
activityBar.foreground#999999
activityBar.inactiveForeground#999999
activityBarBadge.background#bfd0ff
activityBarBadge.foreground#f0f0f0
badge.background#0000001a
button.background#0000000f
button.foreground#666
dropdown.background#ffffff
editor.background#f9f9f9
editor.lineHighlightBorder#00000010
editorGroup.border#00000010
editorGroupHeader.tabsBackground#f9f9f9
editorHoverWidget.background#ffffff
editorHoverWidget.border#cccccc
editorIndentGuide.activeBackground1#cccccc
editorLineNumber.activeForeground#999999
editorLineNumber.foreground#99999950
editorSuggestWidget.background#ffffff
editorSuggestWidget.border#00000010
editorSuggestWidget.selectedBackground#eaeaea
editorWidget.background#ffffff
editorWidget.border#00000010
focusBorder#0000001a
input.background#ffffff
input.border#0000001a
input.placeholderForeground#999999
list.activeSelectionBackground#0000000a
list.activeSelectionForeground#666
list.focusOutline#cccccc
list.hoverBackground#0000000f
panel.background#ffffff
panel.border#cccccc
panelTitle.inactiveForeground#999999
pickerGroup.border#b0b0b0
quickInput.foreground#666
sideBar.background#f9f9f9
sideBar.border#f0f0f0
sideBar.foreground#666
sideBarSectionHeader.background#f9f9f9
statusBar.background#f9f9f9
statusBar.border#f0f0f0
statusBar.foreground#999999
statusBarItem.remoteBackground#bfd0ff
statusBarItem.remoteForeground#f9f9f9
tab.activeBackground#f0f0f0
tab.activeBorderTop#0000005a
tab.border#e0e0e0
tab.inactiveBackground#f9f9f9
tab.inactiveForeground#999999
terminal.background#f9f9f9
titleBar.activeBackground#f9f9f9
titleBar.inactiveBackground#f9f9f9
titleBar.inactiveForeground#999999
welcomePage.background#f9f9f9
widget.border#00000010

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6B7280	italic
variable, string constant.other.placeholder	#1F2937	—
constant.other.color	#DC2626	—
invalid, invalid.illegal	#DC2626	bold
keyword, storage.type, storage.modifier	#059669	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#0369A1	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#059669	bold
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#059669	—
meta.block variable.other	#1F2937	—
support.other.variable, string.other.link	#1F2937	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#B45309	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#B45309	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#7C2D92	bold
support.type	#9333EA	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#0369A1	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#DC2626	—
variable.language	#7C2D92	italic
entity.name.method.js	#059669	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#059669	—
entity.other.attribute-name	#0284C7	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#0284C7	italic
entity.other.attribute-name.class	#B45309	—
source.sass keyword.control	#0369A1	—
markup.inserted	#16A34A	—
markup.deleted	#DC2626	—
markup.changed	#EA580C	—
string.regexp	#EA580C	—
constant.character.escape	#B45309	—
url, link, uri	#2563EB	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#A855F7	italic
source.js constant.other.object.key.js string.unquoted.label.js	#DC2626	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#0284C7	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B45309	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#EA580C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#DC2626	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#9333EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#0891B2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#059669	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#BE185D	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#0369A1	—
text.html.markdown, punctuation.definition.list_item.markdown	#1F2937	—
text.html.markdown markup.inline.raw.markdown	#EA580C	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#6B7280	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#0891B2	bold
markup.italic	#374151	italic
markup.bold, markup.bold string	#111827	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#111827	bold italic
markup.underline	#B45309	underline
markup.quote punctuation.definition.blockquote.markdown	#6B7280	—
markup.quote	#4B5563	italic
string.other.link.title.markdown	#2563EB	—
string.other.link.description.title.markdown	#0284C7	—
constant.other.reference.link.markdown	#9333EA	—
markup.raw.block	#EA580C	—
markup.raw.block.fenced.markdown	#F3F4F6	—
punctuation.definition.fenced.markdown	#6B7280	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#1F2937	—
variable.language.fenced.markdown	#0891B2	—
meta.separator	#6B7280	bold
markup.table	#1F2937	—