Retrieve current theme variables

[HighSoftWare96]

Hi, I'm using this library in Angular, I'm having an hard time trying to get some variables from the current applied theme in one of my components. I was wondering:

• Is there a way to get a Bootstrap variable (for example bg-color) and to be sure that that value contains the correct value for the toggled theme (dark or light)?
• (More angular related) Is there a way not to include all the scss files inside a component but only the current active bootstrap variables?

[Carl-Hugo]

Hi,

• No, it is not possible to access the Bootstrap variables from your component, in context (dark/light).
• Yes, import the variables.scss file that you want to use (bootstrap or bootstrap-dark, no auto-toggling support).

Since the theme toggling is done based on a class on the body, to achieve what you want to do, you could:

• Keep track of the current theme (class on the body) on the Angular side and import the variables.scss file that you need (dark or white). Which sounds overly complicated.
• Design your components to support both body.bootstrap .you-component-stuff and body.bootstrap-dark .you-component-stuff with a shared styles in .you-component-stuff for example.

If you find a clever solution or create a reusable component, feel free to share that here.

I'll close this issue since there is nothing that I can do from a bootstrap-dark perspective.

Good luck