Falcon Shoelace is a stylesheet that includes a light and dark theme for the Shoelace component library.
Add the @crowdstrike/falcon-shoelace package:
npm install @crowdstrike/falcon-shoelaceImport the stylesheet:
@import "@crowdstrike/falcon-shoelace/dist/style.css";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')The falcon-shoelace stylesheet includes falcon-styles and it's single dependency modern-normalize.