@s-ds/theme-light v1.0.2

Scania Theme

@s-ds/theme-light

Scania theme is a package to style Scania looks and feel in the Scania Digital Design System setup.

Installation

Import theme in the project and use it with addTheme function from corporate-ui.

import { defineCustomElements, addTheme } from '@s-ds/components'; 
import { theme as scania } from '@s-ds/theme-light'; 
 
defineCustomElements(); 
addTheme(scania);

Replace x with available releases.

Setup in project

Initialize the theme with the c-theme component. Set global attribute to true in order to enable bootstrap styling.

<c-theme name="scania" global="true"></c-theme>

Setup local development

1. Clone sdds repository

git clone https://github.com/scania-digital-design-system/sdds.git

2. Download and install node.js: https://nodejs.org/en/
3. If you're behind a firewall, CONFIGURE THE PROXY
4. From the scania-theme folder, run npm i to install package dependencies
5. Start the local setup by running npm start
6. Scania theme scripts will be served on http://localhost:1338/scania-theme.js
7. Use demo inside the demo folder in sdds project.

License

The Scania brand identity and the interaction patterns found in this repository are not available on an open source basis. Although we have great freedom to make improvements and new components, some changes to interaction patterns and use of colours etc may not be approved.