Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

ProcessEditor: host theme prop (light/dark chrome)

Open
#49 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
55/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
react, typescript
Domain
design, frontend

Research direction

Start in src/editor/editor-styles.ts, where the dark chrome tokens are module constants, and trace their uses in Palette.tsx, InspectorPanel.tsx and ProcessEditor.tsx. Add a theme context fed by a theme: 'light' | 'dark' prop, then route those components through it. Done when the editor renders in both themes and pnpm ui:loop --only iso-brewhouse-scene-static passes; the issue leaves open whether to follow a host CSS variable or prefers-color-scheme, so settle that first.

Written by the indexing model from the issue text.

Description

agent area:holodeck area:ui priority:p2

Split out of #34 (item 3), which shipped the rendered signal, fit-on-load and the 12 px palette headings.

The editor chrome (process library, inspector, rail) is always dark (src/editor/editor-styles.ts constants) while core's IDE is light (core#69, rubric G9). Accept theme: 'light' | 'dark' (or follow a host CSS variable / prefers-color-scheme) and route the tokens through a context instead of module constants used by Palette.tsx, InspectorPanel.tsx, ProcessEditor.tsx.

Verify with core's pnpm ui:loop --only iso-brewhouse-scene-static.

Dominant language
TypeScript
Stars
0
Forks
0
Avg merge
14h 55m
Merged PRs (30d)
26

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from hyperdrive-technology/holodeck

All issues in hyperdrive-technology/holodeck

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.