Framework Stylesheet
The source stylesheet is framework/assets/sprig-framework.css. It contains the default styles used by the optional dialog, modal, and drawer add-ons. The framework build copies it to dist/framework/sprig-framework.css and publishes it as the sprig-framework/sprig-framework.css package subpath. Import it once from your application entry:
js
import 'sprig-framework/sprig-framework.css';It includes the .sprig-dialog, .sprig-modal, and .sprig-drawer styles, including light color-scheme and reduced-motion rules. The JavaScript add-ons no longer inject or remove style tags when opening and closing UI; include the stylesheet if you use these components.
Styles from your own .sprig <style> blocks are still processed by the Vite compiler and are not included in this shared framework stylesheet. You may override the shared rules in your app's CSS.
The demo app's shared shell uses src/assets/Leaves-background.png as a decorative background image. In src/assets/app.css, the app background and header navigation/toggle surfaces are styled for light and dark modes; these demo styles are separate from this shared add-on stylesheet.