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: Space (Deep Twilight)

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#1A1A24
activityBarBadge.background#7B7099
editor.background#1A1A24
editor.foreground#D8D8E5
editor.selectionBackground#7B709940
editorBracketHighlight.foreground1#B388FF
editorBracketHighlight.foreground2#18FFFF
editorBracketHighlight.foreground3#FFC400
editorBracketHighlight.foreground4#FF4081
editorBracketHighlight.foreground5#69F0AE
editorBracketHighlight.foreground6#448AFF
editorBracketHighlight.unexpectedBracket.foreground#FF1744
editorBracketMatch.background#7B709930
editorBracketMatch.border#B388FF
editorBracketPairGuide.activeBackground1#B388FF80
editorBracketPairGuide.activeBackground2#18FFFF80
editorBracketPairGuide.activeBackground3#FFC40080
editorBracketPairGuide.activeBackground4#FF408180
editorBracketPairGuide.activeBackground5#69F0AE80
editorBracketPairGuide.activeBackground6#448AFF80
editorBracketPairGuide.background1#B388FF20
editorBracketPairGuide.background2#18FFFF20
editorBracketPairGuide.background3#FFC40020
editorBracketPairGuide.background4#FF408120
editorBracketPairGuide.background5#69F0AE20
editorBracketPairGuide.background6#448AFF20
editorCursor.foreground#7B7099
editorGroupHeader.tabsBackground#1A1A28
editorIndentGuide.activeBackground1#7B7099
editorIndentGuide.background1#D8D8E510
editorLineNumber.activeForeground#7B7099
editorLineNumber.foreground#7B709980
sideBar.background#1A1A28
statusBar.background#7B7099
statusBar.foreground#FFFFFF
tab.activeBackground#1A1A24
tab.activeBorderTop#7B7099
tab.activeForeground#7B7099
tab.inactiveBackground#1A1A28
tab.inactiveForeground#D8D8E580
titleBar.activeBackground#1A1A24

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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