Skip to content

refactor(styles): introduce token-based design system and migrate key pages to shared utilities#116

Open
KobenjiSan wants to merge 1 commit intodevelopfrom
refactor/global-style
Open

refactor(styles): introduce token-based design system and migrate key pages to shared utilities#116
KobenjiSan wants to merge 1 commit intodevelopfrom
refactor/global-style

Conversation

@KobenjiSan
Copy link
Collaborator

  • Introduce tokens.scss as the source of truth for colors, spacing, typography, and motion
  • Add main.scss as global entry
  • Convert several core pages (home, navbar, footer, auth pages, explore, etc.) to use tokens and shared utilities
  • Remove many global/page-specific overrides, inline styles, and custom button/link design
  • Add legacy variable bridge to avoid breaking older templates
  • Fix UI bugs across core screens

This is a partial migration. Many components and pages still use legacy styles and will need to be migrated incrementally.

… pages to shared utilities

- Introduce tokens.scss as the source of truth for colors, spacing, typography, and motion
- Add main.scss global entry and layered structure (reset, typography, form, bootstrap overrides)
- Convert several core pages (home, navbar, footer, auth pages, explore, etc.) to use tokens and shared utilities
- Remove many global/page-specific overrides, inline styles, and custom button/link hacks
- Add legacy variable bridge to avoid breaking older templates

This is a partial migration. Many components and pages still use legacy styles and will be migrated incrementally.
Goal is to centralize styling and reduce global side effects over time.
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.

1 participant