Design-System Theme Provider (navy/gold/terracotta) with Dark Mode

[meshackyaro]

Description

This issue aims to address the implementation of Design-System Theme Provider (navy/gold/terracotta) with Dark Mode.

The core objective is to: Codify the navy/gold/terracotta identity system into a theme provider with accessible light and dark modes persisted per user.

By completing this feature, we will ensure that the GuildWorkman protocol maintains its high standards for security, usability, and decentralized logic. This issue requires careful attention to the Frontend architecture and adherence to the existing project conventions.

When picking up this issue, please ensure you document any new dependencies or architectural decisions made during development.

Component

Frontend

Difficulty

🟡 Medium

Tasks

• Review Next.js App Router structure
• Implement the UI components for: Design-System Theme Provider (navy/gold/terracotta) with Dark Mode
• Ensure responsive design using Tailwind CSS or standard modules
• Add caching for npm dependencies in CI
• Run npm run lint and npm run typecheck
• Run npm run build to verify production bundling

Acceptance Criteria

• Feature accurately implements the objective: Codify the navy/gold/terracotta identity system into a theme provider with accessible light and dark modes persisted per user.
• Any PR that introduces TypeScript errors is automatically blocked
• CI pipeline runs in under 3 minutes per PR
• Code is properly reviewed and approved by codeowners

Estimated Time

1-2 days

[farouqyakubu6-creator]

Hello maintainer, i will like to work on this issus