This HTML import contains custom CSS properties that are consumed by other components in the myuw-web-components space.
Add the app styles script to your document:
<script type="module" src="https://unpkg.com/@myuw-web-components/myuw-app-styles@^1?module"></script>
<script nomodule src="https://unpkg.com/@myuw-web-components/myuw-app-styles@^1"></script>
To avoid flashing unstyled text, this component also uses FontFaceObserver to determine when UW-Madison theme fonts are loaded and updates <body>
with the attribute myuw-font-loaded
The default theme is based on UW-Madison red and other colors from the UW-Madison brand guidelines for web. You don't have to do anything special to use this theme.
To use the "UW-Madison White" theme, add the "uw-madison-white-theme" class to your page's body element, like so:
<body class="uw-madison-white-theme">
<!-- ... -->
</body>