@crowdstrike/falcon-shoelace
v0.4.0
Published
Falcon Shoelace is a stylesheet that includes a light and dark theme for the [Shoelace component library](https://shoelace.style/).
Downloads
50
Readme
Falcon Shoelace Theme
Falcon Shoelace is a stylesheet that includes a light and dark theme for the Shoelace component library.
Installation and Usage
Add the @crowdstrike/falcon-shoelace
package:
NPM
npm install @crowdstrike/falcon-shoelace
Import the stylesheet:
@import "@crowdstrike/falcon-shoelace/dist/style.css";
Switching Themes
By default all styles are in light mode. To switch to the dark theme add the class theme-dark
to documentElement
:
<html class="theme-dark"></html>
to toggle the class with JS:
document.documentElement.classList.toggle('theme-dark')
Included Dependencies
The falcon-shoelace stylesheet includes falcon-styles and it's single dependency modern-normalize.