Easy way to use dark theme in your apps, this library uses the CSS invert(1) hue-rotate to apply the dark to any of your websites.
Use custom icon or element for apply dark . Toggle button, it can be deactive if use custom icon.
Check out the demo in these websites
ngx-dark is easy to use, install the npm package and import it to your modules, and use ngx-dark.
npm install ngx-dark
Then register the module.
import { NgxDark } from 'ngx-dark';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, NgxDarkModule],
Components properties available:
hideToggle: show the default toogle dark button.
Use the default switcher.
<div class="container">
<ngx-dark> </ngx-dark>
</div>
Use a custom icon or button.
<ngx-dark [hideToggle]="true">
<span>dark</span>
</ngx-dark>
If this project helped you, or like please share :)