bootstrap-tlnd-theme

Talend Bootstrap Theme

STATUS: this is a Work In Progress.

This theme is a base theme free of colors that must be configured to be used.

It provides layout that follow Talend Style Guidelines.

Note: The example has been taken from the excellent project Bootstwatch. But we have decided to rewrite the build using webpack and bootstrap-sass.

Docs & Help

• Example page
• Sass Api

How to use

Install dependency

npm install --save bootstrap-tlnd-theme

Define your color set

Create your _colors.scss file and fill it with your own color set.

/// My primary App color
///
/// @type Color
$lizard:    #112A2D;

Fork bootstrap-sass variables

Open this file in order to override what you need to a _variables.scss file.

$brand-primary:         $lizard;

Set up Talend bootstrap theme

Edit your Sass entry file.

@import 'colors';
@import 'variables';
@import '~bootstrap-tlnd-theme/src/theme/bootstrap';

You can now add Bootstrap markup!

How to contribute

npm install
npm start

Open http://localhost:8080/ to see your changes.