Skip to content

jurgenbelien/themes

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NL Design System Themes repository

This repository contains publicly available themes for organisations working with NL Design System. Each organisation's theme can be found in /proprietary and is viewable with Storybook.

Getting started

Prerequisites: to install and run the dependencies it is recommended to first install pnpm.

Run the following command to install this project's dependencies:

pnpm install

Running storybook

After the dependencies have been installed, run these commands to start this project's Storybook:

pnpm run build
pnpm run watch:storybook

Storybook should now automatically start and open in your default browser on localhost:6006.

Modifying a theme

Themes are JSON files that contain and define design tokens. To modify a theme and see the result in Storybook first open the JSON file in an editor. Then, to make sure that changes to this file are detected and result in a rebuild of the theme run the following command in the directory of that theme:

pnpm run watch

While this command is running Storybook should automatically reload after every saved change to the JSON file. This will briefly result in an error being shown while the theme is rebuilding.

Adding a new theme

Instructions (in Dutch) to add a new theme can be found in proprietary/example-design-tokens/README.md. If you have Storybook running, you can also read this file on http://localhost:6006/?path=/docs/example-organisation-readme--docs.

Code of Conduct

We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community. Read our Code of Conduct if you haven't already.

License

This project is free and open-source software licensed under the European Union Public License (EUPL) v1.2.

About

Design Tokens and NL Design System themes for organisations that don't have their own Storybook.

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 63.6%
  • CSS 21.8%
  • JavaScript 10.3%
  • SCSS 2.7%
  • MDX 0.7%
  • Dockerfile 0.6%
  • HTML 0.3%