Skip to content

docs: customization overhaul design plan#807

Draft
ImJustChew wants to merge 1 commit into
mainfrom
claude/plan-customization-overhaul-7qNgn
Draft

docs: customization overhaul design plan#807
ImJustChew wants to merge 1 commit into
mainfrom
claude/plan-customization-overhaul-7qNgn

Conversation

@ImJustChew

Copy link
Copy Markdown
Member

Summary

This PR adds a comprehensive design document for a major customization overhaul of NTHUMods — transforming it from a fixed-appearance app into a deeply personalizable platform comparable in depth to Monkeytype.

What's documented

  • Theme EngineThemeContext + ThemeManager architecture, 15+ named presets (Nord, Catppuccin, Rose Pine, Dracula, Tokyo Night, etc.), live theme editor with URL sharing, per-zone color overrides
  • Typography & Spacing — font selector (6 options), font scale slider, density presets (compact/default/comfortable), transition speed control, border radius presets
  • Background System — solid, gradient, noise texture, dot/line grid, custom image
  • Timetable Revolution — 5 view modes (Grid, Agenda, Timeline, Dots, Day Cards), day/time range control, 5 card styles including frosted glass and gradient, smart auto-coloring by department/building/time-of-day
  • Dashboard Widget Canvas — drag-and-drop widget grid via @dnd-kit, 9 widget types (schedule, bus, weather, countdown, notepad, announcements, etc.), per-widget config
  • Navigation Customization — configurable bottom nav items, sidebar reorder, custom external link shortcuts, compact header mode, nav item colors finally wired up
  • Power User Tools — command palette (⌘K via cmdk), zen mode, screensaver mode, custom CSS injection, theme export/import JSON
  • Delight Layer — sound effect packs, haptic feedback, confetti celebrations, easter eggs

Also includes

  • Settings page restructure (7 sections)
  • localStorage migration plan from existing scattered keys into theme_config_v1
  • SSR/dark mode cookie migration strategy
  • Phased rollout table (P1–P7)
  • Open questions for team discussion

Next steps

This is a planning document — no code changes yet. The intent is to get alignment on the architecture and scope before implementation begins with Phase 1 (ThemeEngine).

https://claude.ai/code/session_0164cJseRD5quDg3D1PyotrY


Generated by Claude Code

Comprehensive design document covering the full customization roadmap:
theme engine with 15+ presets, live editor, font/density/radius/background
controls, 5 timetable view modes, dashboard widget canvas, nav customization,
command palette, zen/screensaver modes, sound effects, and delight layer.
Includes architecture spec (ThemeContext, ThemeManager, widget schema),
migration plan, settings page restructure, and phased rollout.

https://claude.ai/code/session_0164cJseRD5quDg3D1PyotrY
@vercel

vercel Bot commented May 28, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
courseweb Ready Ready Preview May 28, 2026 9:13am

@sonarqubecloud

Copy link
Copy Markdown

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
courseweb-web c3bb414 Commit Preview URL

Branch Preview URL
May 28 2026, 09:13 AM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants