05-08-2020, 02:42 PM
Using the sass command
ie. > sass <input file scss file> <output css file>
I generated the css file that was used in the proprietary product.
I assume that was the origin of this file:
src/context/spt_js/bootstrap_material_design/bmd-bs-light.css
This is why the "--primary" variable is blue, and not teal. Note that this blue is not the same as the standard bootstrap 4 blue.
Last I checked, the proprietary product is using a custom css file and custom palette colours.
However, this was NOT the intended final implementation.
What would be ideal IMHO is that there is a common css for all themes (except DARK) that doesn't have any colour overrides.
Then the palette class defines custom TACTIC colour variables (ie. color1, color2, background1 , etc) AND overrides the "--primary" variable.
To make this happen I just need to regenerate the css file without colour overrides, and add the ability to override primary in Palette.
Let me know if you want to do this.
On the other hand, the DARK theme is tricky since our friends at Bootstrap Material Design haven't implemented it yet, even though a DARK theme is specified by standard Material Design.
However, I think it's entirely possible do it ourselves, since we already colour backgrounds using TACTIC Palette variables
ie. > sass <input file scss file> <output css file>
I generated the css file that was used in the proprietary product.
I assume that was the origin of this file:
src/context/spt_js/bootstrap_material_design/bmd-bs-light.css
This is why the "--primary" variable is blue, and not teal. Note that this blue is not the same as the standard bootstrap 4 blue.
Last I checked, the proprietary product is using a custom css file and custom palette colours.
However, this was NOT the intended final implementation.
What would be ideal IMHO is that there is a common css for all themes (except DARK) that doesn't have any colour overrides.
Then the palette class defines custom TACTIC colour variables (ie. color1, color2, background1 , etc) AND overrides the "--primary" variable.
To make this happen I just need to regenerate the css file without colour overrides, and add the ability to override primary in Palette.
Let me know if you want to do this.
On the other hand, the DARK theme is tricky since our friends at Bootstrap Material Design haven't implemented it yet, even though a DARK theme is specified by standard Material Design.
However, I think it's entirely possible do it ourselves, since we already colour backgrounds using TACTIC Palette variables