Colours

Rhythm uses a variety of colours as to provide more customiation styles for the user.

These are the colour variables which are being used.

Add a bg- followed by the color variable name if you want to use the colour as the background color, color- followed by the variable name if you want to use it as a font color and border - followed by the variable name if you want to use the colour for the border.

bg-colorname color-colorname border-colorname

<div class="bg-secondary color-danger-dark border-primary">This has light blue background color, red font and dark blue border</div>
                

If you want to change any of the colours, but want to use the same classes for background, text color and border color, define the same variable names with different colour codes in the root element of your CSS. This way your CSS will overide the CSS in this library.

Note: There are two more colours which are used - white : #f5f5f5 and black : #353535, which can be used in the same way as above.