CRUXIDE — AI Rules & Dev Setup

Name: CRUXIDE — AI Rules & Dev Setup
Author: CRUXCODE

Publisher: CRUXCODEThemes in package: 2

Track-based VS Code setup: curated extensions and AI agent rules for Angular, React, Node, Python, Java, PHP, Rust and SQL. Nothing installs until you confirm.

Open in VS Code GitHub

Color themes

VS Code preview

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

CRUXIDE — AI Rules & Dev Setup — CRUXIDE Light

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.activeBorder#2456E8
activityBar.background#15171A
activityBar.foreground#F3EFE6
activityBar.inactiveForeground#8794A7
activityBarBadge.background#F04A2F
activityBarBadge.foreground#F3EFE6
badge.background#2456E8
badge.foreground#F3EFE6
button.background#2456E8
button.foreground#F3EFE6
button.hoverBackground#1C45BE
button.secondaryBackground#E7E1D5
button.secondaryForeground#15171A
button.secondaryHoverBackground#D9D2C5
descriptionForeground#4F545B
editor.background#F3EFE6
editor.foreground#15171A
editor.inactiveSelectionBackground#DCEBFC
editor.lineHighlightBackground#F5F8FC
editor.selectionBackground#B9D9FF
editorCursor.foreground#2456E8
editorError.foreground#F04A2F
editorGroupHeader.tabsBackground#E7E1D5
editorIndentGuide.activeBackground1#9BABC0
editorIndentGuide.background1#CFC8BC
editorInfo.foreground#2456E8
editorLineNumber.activeForeground#7A8088
editorLineNumber.foreground#A4AFBE
editorWarning.foreground#B56B00
errorForeground#F04A2F
focusBorder#2456E8
foreground#15171A
icon.foreground#7A8088
input.background#F3EFE6
input.border#CFC8BC
input.foreground#15171A
input.placeholderForeground#7A8088
list.activeSelectionBackground#CCE3FF
list.activeSelectionForeground#15171A
list.hoverBackground#DED7CA
list.inactiveSelectionBackground#E7E1D5
notifications.background#F3EFE6
notifications.border#CFC8BC
panel.background#F3EFE6
panel.border#CFC8BC
panelTitle.activeBorder#2456E8
selection.background#2456E844
sideBar.background#E7E1D5
sideBar.border#CFC8BC
sideBar.foreground#34383F
sideBarSectionHeader.background#E7E1D5
sideBarSectionHeader.foreground#34383F
sideBarTitle.foreground#15171A
statusBar.background#2456E8
statusBar.debuggingBackground#F04A2F
statusBar.foreground#F3EFE6
tab.activeBackground#F3EFE6
tab.activeBorderTop#2456E8
tab.activeForeground#15171A
tab.border#CFC8BC
tab.inactiveBackground#E7E1D5
tab.inactiveForeground#7A8088
terminal.background#F3EFE6
terminal.foreground#15171A
textLink.foreground#2456E8
titleBar.activeBackground#F3EFE6
titleBar.activeForeground#15171A
widget.border#CFC8BC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7A8088	italic
string, string.quoted, string.template	#148C4A	—
constant.numeric, constant.language, constant.character	#B85C00	—
keyword, storage.type, storage.modifier	#7C5CFF	—
entity.name.function, support.function, meta.function-call	#2456E8	—
entity.name.type, entity.name.class, support.class, support.type	#148C4A	—
variable.parameter, meta.function.parameters	#9A5700	—
entity.name.tag, support.class.component	#F04A2F	—