Conscious Code Themes Pack

Name: Conscious Code Themes Pack
Author: Dharani Jayakanthan

Publisher: Dharani JayakanthanThemes in package: 6

Six exceptionally readable, earthy color themes and a custom icon set inspired by Shiva and the Five Elements.

Open in VS Code GitHub

Color themes

VS Code preview

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

Conscious Code Themes Pack — Conscious: Shiva (Base)

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#222220
activityBarBadge.background#D9734E
editor.background#222220
editor.foreground#E8E6E1
editor.selectionBackground#D9734E40
editorBracketHighlight.foreground1#D9734E
editorBracketHighlight.foreground2#56B6C2
editorBracketHighlight.foreground3#E0A96D
editorBracketHighlight.foreground4#C678DD
editorBracketHighlight.foreground5#98C379
editorBracketHighlight.foreground6#61AFEF
editorBracketHighlight.unexpectedBracket.foreground#FF4444
editorBracketMatch.background#D9734E30
editorBracketMatch.border#D9734E
editorBracketPairGuide.activeBackground1#D9734E80
editorBracketPairGuide.activeBackground2#56B6C280
editorBracketPairGuide.activeBackground3#E0A96D80
editorBracketPairGuide.activeBackground4#C678DD80
editorBracketPairGuide.activeBackground5#98C37980
editorBracketPairGuide.activeBackground6#61AFEF80
editorBracketPairGuide.background1#D9734E25
editorBracketPairGuide.background2#56B6C225
editorBracketPairGuide.background3#E0A96D25
editorBracketPairGuide.background4#C678DD25
editorBracketPairGuide.background5#98C37925
editorBracketPairGuide.background6#61AFEF25
editorCursor.foreground#D9734E
editorGroupHeader.tabsBackground#222228
editorIndentGuide.activeBackground1#D9734E
editorIndentGuide.background1#E8E6E115
editorLineNumber.activeForeground#D9734E
editorLineNumber.foreground#D9734E80
sideBar.background#222228
statusBar.background#D9734E
statusBar.foreground#FFFFFF
tab.activeBackground#222220
tab.activeBorderTop#D9734E
tab.activeForeground#D9734E
tab.inactiveBackground#222228
tab.inactiveForeground#E8E6E180
titleBar.activeBackground#222220

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage	#D9734E	—
string, string.quoted	#E0A96D	—
entity.name.function, support.function	#E0A96D	—
comment, comment.block, comment.line, punctuation.definition.comment	#6B7F7F	italic
keyword.todo	#FFA726	italic bold
keyword.fixme	#EF5350	italic bold
keyword.note	#42A5F5	italic bold
keyword.hack	#AB47BC	italic bold
keyword.perf	#66BB6A	italic bold
comment.todo, comment.block.todo, comment.line.todo, markup.todo, keyword.codetag.notation, storage.type.class.todo	#FFA726	italic bold