-
Notifications
You must be signed in to change notification settings - Fork 25
chore!: remove token generation and unnecessary theming options #1161
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
| app.use(designSystem, { | ||
| tokens: currentTheme.value.designTokens | ||
| }) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The theme store already applies tokens to html, no need for the design-system to do it again.
c400099 to
bc4e00d
Compare
There is no need to generate tokens for our default CSS variables anymore, we can just define them via CSS and extract them for the design-system docs where we want to list them.
This includes breakpoints, spacing, font-size, size.
d91122a to
6e1122a
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR removes token generation infrastructure and unnecessary theming options to reduce system complexity. The changes eliminate the build-tokens system, simplify design token handling by moving to hardcoded defaults, and streamline the theming API.
- Removes token generation build system and related dependencies
- Replaces dynamic theme token loading with static CSS defaults
- Simplifies design system API by removing unused token categories
Reviewed Changes
Copilot reviewed 36 out of 38 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| packages/web-runtime/src/container/bootstrap.ts | Removes token passing to design system and simplifies theme initialization |
| packages/web-pkg/src/composables/piniaStores/theme.ts | Removes unused design token categories (breakpoints, fontSizes, sizes, spacing) |
| packages/web-pkg/src/composables/viewMode/useTileSize.ts | Replaces dynamic CSS variable reading with hardcoded pixel values |
| packages/design-system/src/styles/defaults.css | Adds hardcoded CSS custom properties replacing generated tokens |
| packages/design-system/src/index.ts | Removes unused token initialization for removed categories |
| packages/design-system/docs/.vitepress/config.ts | Adds CSS vars generator and removes token-related documentation |
| packages/design-system/package.json | Removes token generation scripts and dependencies |
Files not reviewed (1)
- pnpm-lock.yaml: Language not supported
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
kulmann
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👏
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
did you "sync" the color roles with the ones in the opencloud default theme?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not yet, #1147 is still open.
…ration chore!: remove token generation and unnecessary theming options
See here for the full Tailwind migration guide: https://docs.opencloud.eu/design-system/gettingStarted/tailwindMigration.html
There is just no need for these things anymore, they just add unnecessary complexity.
refs #937