Skip to content
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

Introduce theming to reduce reliance on Custom CSS #9638

Open
GrowwithNaveen opened this issue May 8, 2024 · 0 comments
Open

Introduce theming to reduce reliance on Custom CSS #9638

GrowwithNaveen opened this issue May 8, 2024 · 0 comments

Comments

@GrowwithNaveen
Copy link
Collaborator

Problem Description:
Currently, extensive custom CSS is required to achieve specific design themes within ToolJet applications. This creates several challenges:

  1. Increased Development Time: Developers spend significant time writing and maintaining custom CSS, hindering rapid development.
  2. Inconsistent Design: Maintaining consistent UI across applications becomes difficult with scattered CSS code.
  3. Steeper Learning Curve: New developers require a deeper understanding of the codebase to implement design changes.

Solution in pipeline:
Pre-built Theme Components:

  1. Create a library of pre-built, themable components
  2. These components would be built with design tokens that inherit styles from the active theme.
  3. This reduces the need for developers to write custom CSS for common UI elements.

Notes:

  1. This solution should be implemented incrementally, focusing on the most commonly used theming options in the first phase.
  2. Consider offering the ability to import and export themes for easy sharing and collaboration.
  3. Explore integrating with popular design systems to leverage existing pre-built components and styles.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant