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: Water (Calm Stream)

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#F4F7F8
activityBarBadge.background#5A9E9C
editor.background#F4F7F8
editor.foreground#2C3E50
editor.selectionBackground#5A9E9C40
editorBracketHighlight.foreground1#5A9E9C
editorBracketHighlight.foreground2#1A5276
editorBracketHighlight.foreground3#C0392B
editorBracketHighlight.foreground4#7D3C98
editorBracketHighlight.foreground5#1E8449
editorBracketHighlight.foreground6#2471A3
editorBracketHighlight.unexpectedBracket.foreground#E74C3C
editorBracketMatch.background#5A9E9C25
editorBracketMatch.border#5A9E9C
editorBracketPairGuide.activeBackground1#5A9E9C60
editorBracketPairGuide.activeBackground2#1A527660
editorBracketPairGuide.activeBackground3#C0392B60
editorBracketPairGuide.activeBackground4#7D3C9860
editorBracketPairGuide.activeBackground5#1E844960
editorBracketPairGuide.activeBackground6#2471A360
editorBracketPairGuide.background1#5A9E9C18
editorBracketPairGuide.background2#1A527618
editorBracketPairGuide.background3#C0392B18
editorBracketPairGuide.background4#7D3C9818
editorBracketPairGuide.background5#1E844918
editorBracketPairGuide.background6#2471A318
editorCursor.foreground#5A9E9C
editorGroupHeader.tabsBackground#F4F7F8
editorIndentGuide.activeBackground1#5A9E9C
editorIndentGuide.background1#2C3E5015
editorLineNumber.activeForeground#5A9E9C
editorLineNumber.foreground#5A9E9C80
sideBar.background#F4F7F8
statusBar.background#5A9E9C
statusBar.foreground#FFFFFF
tab.activeBackground#F4F7F8
tab.activeBorderTop#5A9E9C
tab.activeForeground#5A9E9C
tab.inactiveBackground#F4F7F8
tab.inactiveForeground#2C3E5080
titleBar.activeBackground#F4F7F8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage	#5A9E9C	—
string, string.quoted	#4A7C89	—
entity.name.function, support.function	#4A7C89	—
comment, comment.block, comment.line, punctuation.definition.comment	#80A2A1	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