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: Fire (Warm Ember)

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#2B2323
activityBarBadge.background#C86B5E
editor.background#2B2323
editor.foreground#EADADA
editor.selectionBackground#C86B5E40
editorBracketHighlight.foreground1#C86B5E
editorBracketHighlight.foreground2#FFD600
editorBracketHighlight.foreground3#FF9100
editorBracketHighlight.foreground4#E040FB
editorBracketHighlight.foreground5#76FF03
editorBracketHighlight.foreground6#40C4FF
editorBracketHighlight.unexpectedBracket.foreground#FF1744
editorBracketMatch.background#C86B5E30
editorBracketMatch.border#C86B5E
editorBracketPairGuide.activeBackground1#C86B5E80
editorBracketPairGuide.activeBackground2#FFD60080
editorBracketPairGuide.activeBackground3#FF910080
editorBracketPairGuide.activeBackground4#E040FB80
editorBracketPairGuide.activeBackground5#76FF0380
editorBracketPairGuide.activeBackground6#40C4FF80
editorBracketPairGuide.background1#C86B5E25
editorBracketPairGuide.background2#FFD60025
editorBracketPairGuide.background3#FF910025
editorBracketPairGuide.background4#E040FB25
editorBracketPairGuide.background5#76FF0325
editorBracketPairGuide.background6#40C4FF25
editorCursor.foreground#C86B5E
editorGroupHeader.tabsBackground#2B2328
editorIndentGuide.activeBackground1#C86B5E
editorIndentGuide.background1#EADADA12
editorLineNumber.activeForeground#C86B5E
editorLineNumber.foreground#C86B5E80
sideBar.background#2B2328
statusBar.background#C86B5E
statusBar.foreground#FFFFFF
tab.activeBackground#2B2323
tab.activeBorderTop#C86B5E
tab.activeForeground#C86B5E
tab.inactiveBackground#2B2328
tab.inactiveForeground#EADADA80
titleBar.activeBackground#2B2323

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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