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: Earth (Soft Soil)

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#2A2621
activityBarBadge.background#A67B5B
editor.background#2A2621
editor.foreground#D9CBB8
editor.selectionBackground#A67B5B40
editorBracketHighlight.foreground1#A67B5B
editorBracketHighlight.foreground2#6B8E23
editorBracketHighlight.foreground3#D4A373
editorBracketHighlight.foreground4#9B59B6
editorBracketHighlight.foreground5#45AA6B
editorBracketHighlight.foreground6#C08552
editorBracketHighlight.unexpectedBracket.foreground#E74C3C
editorBracketMatch.background#A67B5B30
editorBracketMatch.border#A67B5B
editorBracketPairGuide.activeBackground1#A67B5B80
editorBracketPairGuide.activeBackground2#6B8E2380
editorBracketPairGuide.activeBackground3#D4A37380
editorBracketPairGuide.activeBackground4#9B59B680
editorBracketPairGuide.activeBackground5#45AA6B80
editorBracketPairGuide.activeBackground6#C0855280
editorBracketPairGuide.background1#A67B5B25
editorBracketPairGuide.background2#6B8E2325
editorBracketPairGuide.background3#D4A37325
editorBracketPairGuide.background4#9B59B625
editorBracketPairGuide.background5#45AA6B25
editorBracketPairGuide.background6#C0855225
editorCursor.foreground#A67B5B
editorGroupHeader.tabsBackground#2A2628
editorIndentGuide.activeBackground1#A67B5B
editorIndentGuide.background1#D9CBB812
editorLineNumber.activeForeground#A67B5B
editorLineNumber.foreground#A67B5B80
sideBar.background#2A2628
statusBar.background#A67B5B
statusBar.foreground#FFFFFF
tab.activeBackground#2A2621
tab.activeBorderTop#A67B5B
tab.activeForeground#A67B5B
tab.inactiveBackground#2A2628
tab.inactiveForeground#D9CBB880
titleBar.activeBackground#2A2621

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage	#A67B5B	—
string, string.quoted	#6B8E23	—
entity.name.function, support.function	#6B8E23	—
comment, comment.block, comment.line, punctuation.definition.comment	#7A7569	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