cuba.theme.modes = light|dark
cuba.theme.defaultMode = light
cuba.theme.sizes = small|medium|large
cuba.theme.defaultSize = medium
Also register this properties file in the cuba.themeConfig property:
cuba.themeConfig = +/com/example/project/helium-theme.properties
If there is a need to make deep customization including applying custom color preset, you will have to create theme extension. Please use the following instruction.
Roadmap
We plan to evolve the Helium theme and introduce new features, including:
- Dark look improvements
- More useful templates in the theme editor
- Auto-switching between light and dark looks
- Customizable border radius variable, also based on CSS variables
- CUBA component kit for Figma. Figma is one of the most trending tools for UI/UХ designers where they create screen mock-ups.
Conclusion
We hope the new theme and its live editor will be useful for new projects and also for those who wanted to bring a breath of fresh air in their applications. If you have any questions, please create a topic on our support forum. The source code is available on GitHub: theme / editor. Looking forward to seeing your feedback!