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 - Ocean Blue

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#00131C
activityBar.border#00D4FF30
activityBar.foreground#00D4FF
activityBar.inactiveForeground#0A5F7F
activityBarBadge.background#00D4FF
activityBarBadge.foreground#001E2B
editor.background#001E2B
editor.foreground#E0F7FF
editor.lineHighlightBackground#003A52
editor.selectionBackground#00D4FF40
editorBracketHighlight.foreground1#FFD700
editorBracketHighlight.foreground2#00FFD4
editorBracketHighlight.foreground3#FF6B9D
editorBracketHighlight.foreground4#A0E7FF
editorBracketHighlight.foreground5#FFB347
editorBracketHighlight.foreground6#B4F8C8
editorCursor.foreground#00D4FF
editorIndentGuide.activeBackground1#00D4FF
editorLineNumber.activeForeground#00D4FF
editorLineNumber.foreground#0A5F7F
focusBorder#00D4FF
gitDecoration.addedResourceForeground#B4F8C8
gitDecoration.deletedResourceForeground#FF6B9D
gitDecoration.modifiedResourceForeground#FFD700
sideBar.background#001A26
sideBar.foreground#A0E7FF
sideBarSectionHeader.background#00131C
sideBarSectionHeader.foreground#00D4FF
sideBarTitle.foreground#00D4FF
statusBar.background#00D4FF
statusBar.foreground#001E2B
tab.activeBackground#001E2B
tab.activeBorder#00D4FF
tab.activeForeground#00D4FF
tab.inactiveBackground#00131C
tab.inactiveForeground#0A5F7F
terminal.ansiBlue#00D4FF
terminal.ansiCyan#00FFD4
terminal.ansiGreen#B4F8C8
terminal.ansiYellow#FFD700

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#5FB3D1	italic
keyword, storage	#00D4FF	—
string	#B4F8C8	—
constant.numeric	#FFD700	—
variable	#A0E7FF	—
entity.name.function	#00FFD4	—
entity.name.type.class	#7FE5FF	—
entity.name.tag	#FF6B9D	—
keyword.operator	#FFB347	—