Major UI overhaul. Did several detailed changes to the look and feel. - #106

Open

mimshwright wants to merge 27 commits into

ohmjs:mainfrom

mimshwright:ui

Commits on Jun 30, 2026

Migrated to pnpm
mimshwright
committed
fc36b51
Added missing dependency vue-style-loader
mimshwright
committed
01073f5

Commits on Jul 1, 2026

Redesign editor UI: dark mode, preferences menu, 2x2 layout

claude
authored and
mimshwright
committed
6b4870c
Keep the examples row collapsible in the 2x2 layout

claude
authored and
mimshwright
committed
21e0d75
Refine editor UI: unify menu, parse controls, and polish

mimshwright
and
claude
committed
0dd1332
Consistent panel headers, example editor controls, always-on high contrast

mimshwright
and
claude
committed
17f6cbe
Parse empty state, header polish, built-in rules panel

mimshwright
and
claude
committed
0454dc6
Editable/non-interactive backgrounds, header polish, editor resize refresh

mimshwright
and
claude
committed
62219f2
Make built-in rules panel a collapsible accordion

mimshwright
and
claude
committed
204f451
Anchor built-in rules panel to the bottom of the grammar pane

mimshwright
and
claude
committed
06c7057
Relabel example match toggle and parse option

mimshwright
and
claude
committed
2a945df
Add top app bar, rename Examples to Tests, restyle headers

mimshwright
and
claude
committed
bc6abb3
Restyle Parse panel: contrast, icon controls, switches, error labels

mimshwright
and
claude
committed
8307e94
Unify built-in rules accordion with the Tests chevron + add slide-in

mimshwright
and
claude
committed
c475cf7
Fix first example loading blank on a fresh load

mimshwright
and
claude
committed
afb6323
Repaint expanded-input canvas on theme toggle

mimshwright
and
claude
committed
5d8a82a
Top bar refinements + normal-case headers + resize clip fix

mimshwright
and
claude
committed
7f14bfe
Clearer collapsed-node indicator; docs URL; lint fix

mimshwright
and
claude
committed
775f073
Change header color to #a469f8

mimshwright
and
claude
committed
f8a4289
Keep the top app title pink

mimshwright
and
claude
committed
84f0ce6
Use #FE3093 for the pink accent

mimshwright
and
claude
committed
7d68324
Show collapsed parse nodes as a stack

mimshwright
and
claude
committed
1b1339e
Mark collapsed parse nodes with a 5px accent bar

mimshwright
and
claude
committed
804e8f8
50px min panel size on resize; rename doc link to "Ohm Docs"

mimshwright
and
claude
committed
8029800
Move the grammar dropdown to the top bar

mimshwright
and
claude
committed
e543215
Add more spacing between the title and grammar dropdown

mimshwright
and
claude
committed
ad5d08b
Set title-to-dropdown spacing to 16px

mimshwright
and
claude
committed
19410ca

Navigation Menu

Uh oh!

Uh oh!

Major UI overhaul. Did several detailed changes to the look and feel. - #106

Major UI overhaul. Did several detailed changes to the look and feel.#106
mimshwright wants to merge 27 commits into
ohmjs:mainfrom
mimshwright:ui

Commits on Jun 30, 2026

Migrated to pnpm

Added missing dependency vue-style-loader

Commits on Jul 1, 2026

Redesign editor UI: dark mode, preferences menu, 2x2 layout

Keep the examples row collapsible in the 2x2 layout

Refine editor UI: unify menu, parse controls, and polish

Consistent panel headers, example editor controls, always-on high contrast

Parse empty state, header polish, built-in rules panel

Editable/non-interactive backgrounds, header polish, editor resize refresh

Make built-in rules panel a collapsible accordion

Anchor built-in rules panel to the bottom of the grammar pane

Relabel example match toggle and parse option

Add top app bar, rename Examples to Tests, restyle headers

Restyle Parse panel: contrast, icon controls, switches, error labels

Unify built-in rules accordion with the Tests chevron + add slide-in

Fix first example loading blank on a fresh load

Repaint expanded-input canvas on theme toggle

Top bar refinements + normal-case headers + resize clip fix

Clearer collapsed-node indicator; docs URL; lint fix

Change header color to #a469f8

Keep the top app title pink

Use #FE3093 for the pink accent

Show collapsed parse nodes as a stack

Mark collapsed parse nodes with a 5px accent bar

50px min panel size on resize; rename doc link to "Ohm Docs"

Move the grammar dropdown to the top bar

Add more spacing between the title and grammar dropdown

Set title-to-dropdown spacing to 16px