jfhr / ngb-theme-switcher-example

Angular + Bootstrap theme switcher example

👋 Hello World!

You can find my open-source projects on this page. Most projects are also hosted on jfhr.de/source.

Read my blog, if you like: jfhr.me

Reach out: [email protected]

ngb-theme-switcher-example's Issues

Themed component sass

Could you please one or more components to this sample with own sass files where we can use themed colors like:

color: theme-color-level("warn", 3)

color: theme-color("primary")

So that will be applied on theme switch as well.

Thanks

Not able to update variable in custom css

Hello
I have used this theme switcher and it's working. But the issue is when I have to write a custom CSS class and want to use Bootstrap variable its not reflecting.
ex:
In custom.scss
body{
background: $primary;
}

dark.scss
$primary: #000000;

light.scss
$primary: #ff0000;

CSS after compilation:
For Both Theme:
custom.css
body{
background:#007bff; // Bootstrap default Variable
}

If Dark Theme
bootstrap.css
body{
background:#00000;
}

If light theme:
body{
background:#ff0000;
}

Can you please help me to solve this issue?
Thanks

my url of the stylesheet is not loading to the desired component, its raising the following error

Refused to apply style from 'http://localhost:4200/default.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

not show theme

not show theme in peview

Get theme variables in to component styles

Hello.

Thank you for your work. I also want to change the styles of the components in my project, but I want it to be with variables from the based on theme. How can I achieve this. Any ideas?

Thank you.

Flickering problem on reload

Hello, i use your example for my website, but when i reload the page, the screen flickers white for a split-second. Do you have an idea how to fix this issue?