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 - Arctic Frost

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#2E3440
activityBar.border#88C0D030
activityBar.foreground#88C0D0
activityBar.inactiveForeground#4C566A
activityBarBadge.background#88C0D0
activityBarBadge.foreground#2E3440
editor.background#2E3440
editor.foreground#ECEFF4
editor.lineHighlightBackground#3B4252
editor.selectionBackground#88C0D040
editorBracketHighlight.foreground1#88C0D0
editorBracketHighlight.foreground2#81A1C1
editorBracketHighlight.foreground3#5E81AC
editorBracketHighlight.foreground4#A3BE8C
editorBracketHighlight.foreground5#EBCB8B
editorBracketHighlight.foreground6#B48EAD
editorCursor.foreground#88C0D0
editorIndentGuide.activeBackground1#88C0D0
editorLineNumber.activeForeground#88C0D0
editorLineNumber.foreground#4C566A
focusBorder#88C0D0
gitDecoration.addedResourceForeground#A3BE8C
gitDecoration.deletedResourceForeground#BF616A
gitDecoration.modifiedResourceForeground#EBCB8B
sideBar.background#3B4252
sideBar.foreground#D8DEE9
sideBarSectionHeader.background#2E3440
sideBarSectionHeader.foreground#88C0D0
sideBarTitle.foreground#88C0D0
statusBar.background#88C0D0
statusBar.foreground#2E3440
tab.activeBackground#2E3440
tab.activeBorder#88C0D0
tab.activeForeground#88C0D0
tab.inactiveBackground#3B4252
tab.inactiveForeground#616E88
terminal.ansiBlue#81A1C1
terminal.ansiCyan#88C0D0
terminal.ansiGreen#A3BE8C
terminal.ansiYellow#EBCB8B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#616E88	italic
keyword, storage	#81A1C1	—
string	#A3BE8C	—
constant.numeric	#B48EAD	—
variable	#D8DEE9	—
entity.name.function	#88C0D0	—
entity.name.type.class	#8FBCBB	—
entity.name.tag	#81A1C1	—
keyword.operator	#81A1C1	—