Blazor - Add Theme (Like Dark Sidebar but Purple)
How would I create a new theme with a color like light purple (like the Bootstrap color you included for info) for the sidebar? I would need the icons and text in the menu to be the proper color as well so they are easily readable.
Replies (3)
Hi Keith,
If you want to change colors globally then you can update color variables in src/assets/sass/core/components/_variables.scss.
You can refer to our documentation: https://preview.keenthemes.com/metronic8/vue/docs/base/utilities#overview
If you want to override only sidebar colors then you can add custom styles with colors to override Metronic default styles.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
I don't want to change the existing themes, I want to add a new one. I tried creating a new layout file (by copying DefaultLightSidebar.razor) and then copied all of the styles listed in the style.bundle.css and added sections with my new theme name, but it didn't change anything. Also, that's a link to Vue and I'm using Blazor.
Hi Keith,
Sorry for the misunderstanding.
In our Starterkits, we follow the same style base as in our HTML version. You can check out this page for reference.
As per Bootstrap, there are just two theme modes: dark and light. If you want a different theme mode based on either a dark or light theme, you can create a new one and then modify specific color settings using your own custom styles.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
