Calvera Dark

Name: Calvera Dark
Author: Saurabh Daware

Publisher: Saurabh DawareThemes in package: 3

Dark blue theme for VSCode

Open in VS Code GitHub

Color themes

VS Code preview

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

Calvera Dark — Calvera 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.activeBorder#4e4e7e
activityBar.background#f2f2f8
activityBarBadge.background#4b4bd6
activityBarBadge.foreground#fafafa
breadcrumb.activeSelectionForeground#4b4bd6
breadcrumb.background#ececec
breadcrumb.focusForeground#3a3aa6
breadcrumb.foreground#5a5a8a
button.background#4b4bd6
debugToolBar.background#ffffff
debugToolBar.border#c0c0e0
dropdown.background#ffffff
dropdown.border#d0d0f0
editor.background#fafafa
editor.findMatchBackground#f5c4ff
editor.findMatchHighlightBackground#f5e4ff99
editor.foreground#333
editor.lineHighlightBorder#e0e0f0
editor.selectionBackground#bbccff59
editorBracketHighlight.foreground1#6e6eb0
editorBracketHighlight.foreground2#b2c787
editorBracketHighlight.foreground3#d58aad
editorBracketHighlight.foreground4#7575d2
editorGroup.border#d0d0eb
editorGroupHeader.tabsBackground#f8f8f8
editorGutter.addedBackground#7dd986
editorGutter.deletedBackground#f06d6d
editorGutter.modifiedBackground#4b4bd6
editorIndentGuide.activeBackground1#b3b3ea
editorIndentGuide.background1#e6e6f5
editorLineNumber.activeForeground#7e7eb0
editorLineNumber.foreground#7e7eb055
editorOverviewRuler.findMatchForeground#d0a0f599
editorWidget.background#ffffff
editorWidget.border#b5b5e0
editorWidget.foreground#4e4e7e
focusBorder#7a7ad4
gitDecoration.ignoredResourceForeground#7878a8
gitDecoration.modifiedResourceForeground#4b4bd6
input.background#ffffff
input.border#d0d0f0
list.activeSelectionBackground#c5c5ea77
list.activeSelectionForeground#4e4e7e
list.focusBackground#deddf5
list.focusOutline#ececf9
list.hoverBackground#e2e2f0
list.inactiveSelectionBackground#ebebf5
list.inactiveSelectionForeground#4e4e7e
listFilterWidget.background#ffffff
listFilterWidget.noMatchesOutline#ffaaaa
panel.background#ececec
panelTitle.activeBorder#7a7ad4
panelTitle.activeForeground#4b4bd6
scrollbar.shadow#dddddd
searchEditor.findMatchBackground#f5c4ff
settings.modifiedItemIndicator#447df6
sideBar.background#f5f5f5
sideBar.foreground#7e7eb0
sideBarSectionHeader.background#e8e8e8
sideBarTitle.foreground#5a5a8a
statusBar.background#e8e8e8
statusBar.debuggingBackground#d0d0eb
statusBar.foreground#6e6eae
statusBar.noFolderBackground#d0d0eb
statusBarItem.errorBackground#ffe5e5
statusBarItem.errorForeground#e54d4d
statusBarItem.warningBackground#fffacb
statusBarItem.warningForeground#cc7700
tab.activeBackground#deddf5
tab.activeBorder#4b4bd6
tab.activeForeground#4e4e7e
tab.border#d4d4e0
tab.inactiveBackground#f0f0f0
tab.inactiveForeground#7a7ab8
terminal.ansiBlue#3333cc
terminal.ansiBrightBlack#9a9aaa
terminal.ansiBrightBlue#6666ff
terminal.ansiBrightGreen#33ff33
terminal.ansiBrightMagenta#ff66ff
terminal.ansiBrightRed#e60033
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffd700
terminal.ansiCyan#33ccff
terminal.ansiGreen#00cc44
terminal.ansiMagenta#cc33cc
terminal.ansiRed#ff3333
terminal.ansiWhite#e0e0e0
terminal.ansiYellow#ffff00
terminal.foreground#4e4e7e
textLink.foreground#3a3aa6
titleBar.activeBackground#f5f5f5
tree.indentGuidesStroke#c7c7d6
widget.shadow#cccccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
constant.other.color	#3339	—
comment, punctuation.definition.comment	#5a5a8d	italic
variable, string constant.other.placeholder	#353535	—
entity.name.function, support.function, meta.function-call	#3f3fbc	—
invalid, invalid.illegal	#d53c5f	—
keyword, storage.type, storage.modifier	#2953da	—
keyword.operator	#3b3bcc	—
string, string.quoted, string.quoted.single, string.quoted.double	#2b7b77	—
entity.other.attribute-name.id, entity.other.attribute-name.pseudo-class	#6d1ced	—
entity.name.class, type, entity.name.type, entity.name.type.alias, entity.name.type.class, entity.name.type.interface, entity.name.type.enum, entity.other.attribute-name.class, constant.numeric, constant.language.boolean, keyword.other.unit, meta.property-value, meta.function.type, entity.name.function.type, variable.parameter.type, variable.other.type, variable.other.type.parameter, entity.name.type.parameter, support.type.primitive	#c77d1f	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#eb4c4c	—
source.json meta.structure.dictionary.json support.type.property-name.json	#6A1B9A	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F57F17	—
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	#FF7043	—
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	#F44336	—
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	#BF360C	—
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	#64B5F6	—
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	#FF8A80	—
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	#7E57C2	—
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	#DCE775	—
text.html.markdown, punctuation.definition.list_item.markdown	#333	—
markup.heading	#c77d1f	bold
meta.separator	#4F5B66	bold