Code With Colors Pro

Name: Code With Colors Pro
Author: veduishu

Publisher: veduishuThemes in package: 10

A comprehensive VS Code theme with semantic colors, bracket colorization, accessibility features, and multiple variants (Dark, Light, High Contrast, Dimmed).

Open in VS Code GitHub

Color themes

VS Code preview

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

Code With Colors Pro — Code With Colors Pro - High Contrast

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.background#000000
activityBar.border#00FFFF
activityBar.foreground#FFFFFF
activityBarBadge.background#00FFFF
activityBarBadge.foreground#000000
editor.background#000000
editor.foreground#FFFFFF
editor.lineHighlightBackground#1A1A1A
editor.selectionBackground#00FFFF60
editorBracketHighlight.foreground1#FFFF00
editorBracketHighlight.foreground2#00FF00
editorBracketHighlight.foreground3#00FFFF
editorBracketHighlight.foreground4#FF00FF
editorBracketHighlight.foreground5#FFA500
editorBracketHighlight.foreground6#FF0000
editorCursor.foreground#FFFF00
editorIndentGuide.activeBackground1#00FFFF
editorLineNumber.activeForeground#FFFF00
editorLineNumber.foreground#888888
focusBorder#00FFFF
gitDecoration.addedResourceForeground#00FF00
gitDecoration.deletedResourceForeground#FF0000
gitDecoration.modifiedResourceForeground#FFFF00
sideBar.background#000000
sideBar.border#00FFFF
sideBar.foreground#FFFFFF
statusBar.background#00FFFF
statusBar.foreground#000000
tab.activeBackground#000000
tab.activeBorder#00FFFF
tab.activeForeground#FFFFFF
tab.inactiveBackground#1A1A1A
tab.inactiveForeground#888888
terminal.ansiBlue#00FFFF
terminal.ansiGreen#00FF00
terminal.ansiMagenta#FF00FF
terminal.ansiRed#FF0000
terminal.ansiYellow#FFFF00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#00FF00	italic
keyword	#00FFFF	—
string	#FFFF00	—
constant.numeric	#FFA500	—
variable	#FFFFFF	—
entity.name.function	#00FFFF	—
entity.name.type.class	#00FF00	—
entity.name.tag	#FF00FF	—