Nord Design System parts are themable using CSS Custom Properties. We ship pre-made themes for our main brands which are Provet Cloud and Diarium. You can utilize these themes through our CDN.
- Provet Cloud: https://cdn.jsdelivr.net/npm/@nordhealth/themes/lib/provet.css
- Diarium: https://cdn.jsdelivr.net/npm/@nordhealth/themes/lib/diarium.css
Developing themes #
The themes package can be found under
packages/themes. It utilizes simple SCSS files and CSS Custom Properties. Gulp.js is used to transform SCSS into CSS.
The following are the most commonly used commands during development:
npm start- Compile themes, start watching for changes.
npm run build- Builds the project.
npm test- Run all tests once.