Hello There,
I am working on a balzor webassembly with microservices application. the configurations are as below:
- ABP Framework version: v4.4.3
- UI type: Blazor
- DB provider: EF Core
- Tiered (MVC) or Identity Server Separated (Angular): no
- Exception message and stack trace:
- Steps to reproduce the issue:"
I would like to customize lepton theme in multiple ways dynamically:
How to create dynamic dark/light theme in lepton theme ? How to create custom color pallets for different parts of theme? How to remove add options from header ? How to access entire css of the theme ? If I would like to use custom css how I can create option to select custom color for different modules of UI ?
1 Answer(s)
-
0
Hi @vinit
You can include source code of Lepton in your project via following steps below: https://support.abp.io/QA/Questions/632/How-can-I-download-the-source-code-of-the-framework-Angular-packages-theme-and-pro-modules
Then you can make changes however you want in scss files.
Lepton has 2 dark themes already. You can choose to use them. Even it can be changed in Theme Management UI on runtime.
Choosing custom colors and layouts depends on you. Create a choosing logic according to your requirements and you can call different layouts or styles in Layout, Layout is included in source code of lepton
Also we're currently working a new theme, named as LeptonX. All those problems are addressed in the LeptonX and it offers rich customization options. Currently it's not available on Blazor, but we're close to releasing a beta version. https://volosoft.com/blog/introducing-the-lepton-theme-next-generation
