I've purchased the extended license for ULTIMA. I would like to ask for more detailed instructions as to setting up a custom theme.
I followed the instructions in the documentation and ended up with these generated files under assets/theme/custom-theme-folder
theme-light.scss
theme-light.css
theme-light.css.map
The variables in my theme-light.scss were are follows and I ran the sass command:
Code: Select all
$primaryColor:#1565C0;
$primaryLightestColor: #E3F2FD;
$primaryMenuTextColor: $primaryColor;
$primaryTextColor:#ffffff;
$accentColor:#2baf4c;
$accentTextColor:#212121;
@import '../../sass/theme/theme_light';
I pointed my app to the new theme under index.html
<link id="theme-css" rel="stylesheet" type="text/css" href="assets/theme/custom-theme-folder/theme-light.css">
and in app.component.ts
topbarTheme = 'custom-theme'
The theme applies to the body, which I assume is what the documentation instructions provide, but does not seem to be applying, specifically the topbar theme.
Could you please provide more instructions as to how to setup the custom topbar theme? I attempted to create a _topbar_customtheme.scss and imported it however it does not want to apply. I am not sure if I need to run a command similar to the sass one above to execute this or how to go about implementing a custom topbar theme?
The main body theme seems to be applying, so I'm specifically asking on instructions as to how to setup the topbar and menu themes?
Thank you