Capy Theme Collection

Name: Capy Theme Collection
Author: Raul TY

Publisher: Raul TYThemes in package: 3

Collection of modern dark themes for VSCode/Trae.ia/Cursor/Kiro/Antigravity including BlackBerry Dark, Dark and Gray

Open in VS Code GitHub

Color themes

VS Code preview

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

Capy Theme Collection — Capy Theme BlackBerry Dark

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#7A5AF8
activityBar.background#0F1115
activityBar.border#0F1115
activityBar.foreground#7A5AF8
activityBar.inactiveForeground#D6DAE0
activityBarBadge.background#7A5AF8
activityBarBadge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#7A5AF8
breadcrumb.background#1C2027
breadcrumb.focusForeground#7A5AF8
breadcrumb.foreground#6C727F
button.background#7A5AF850
button.foreground#FFFFFF
dropdown.background#0F1115
editor.background#0D1117
editor.findMatchBackground#10459b59
editor.findMatchHighlightBackground#3B82F626
editor.foreground#D6DAE0
editor.selectionBackground#3B82F64D
editor.selectionHighlightBackground#3B82F626
editor.wordHighlightBackground#3B82F61A
editorCursor.foreground#7A5AF8
editorGroup.border#1C2027
editorGroupHeader.border#00000000
editorGroupHeader.tabsBackground#00000000
focusBorder#00000000
input.background#0F1115
list.activeSelectionBackground#7A5AF850
list.focusBackground#1F2630
list.hoverBackground#0F1115
list.inactiveSelectionBackground#7A5AF820
panel.background#070a0d
panel.border#1C2027
scrollbarSlider.activeBackground#7A5AF880
scrollbarSlider.background#7A5AF890
scrollbarSlider.hoverBackground#7A5AF850
sideBar.background#1C2027
sideBar.border#0F1115
sideBarSectionHeader.border#0F1115
statusBar.background#0F1115
statusBar.border#20232A
statusBar.debuggingBackground#7A5AF8
statusBar.debuggingForeground#fdfdfd
statusBar.foreground#9AA3AD
statusBar.noFolderBackground#0F1115
tab.activeBackground#1C2027
tab.activeBorderTop#7A5AF8
tab.activeForeground#7A5AF8
tab.border#0F1115
tab.hoverBackground#1F232B
tab.inactiveBackground#12171f
tab.inactiveForeground#9AA3AD
textLink.foreground#67B5FF
titleBar.activeBackground#0F1115
titleBar.border#0F1115
titleBar.inactiveBackground#0F1115

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.block, comment.line, comment.block.documentation, comment.line.documentation	#4F9272	italic
string	#a074e7	italic
keyword.control, keyword.control.flow	#9184EE	—
entity.name.function, support.function	#FFDE9D	—
entity.name.namespace, storage.type.namespace	#7B8188	—
variable.other.enummember	—	italic