Style Guide

Branding

Please use "Disciple.Tools" or "D.T" and avoid "Disciple Tools", or "DiscipleTools" or other variants.

Theme Colors

Main color blue: #3f729b
Darker blue: #224f72
Success/New green: #4caf50
Action butons: #00897B
Status Colors
Active: #4CAF50
Paused: #FF9800
New: #F43636
other: #366184
Archived: #808080

CSS filters for svg icons.

Add this css to an icon to change its color.
To #3F729B
filter: invert(41%) sepia(42%) saturate(518%) hue-rotate(164deg) brightness(94%) contrast(100%);
To find a good filter see https://codepen.io/sosuke/pen/Pjoqqp
Use the existing dt-white-icon,dt-blue-icon anddt-green-icon classes to quitly change an icon color.
Example: <img src="settings.svg"> gives
<img class="dt-blue-icon" src="settings.svg"> gives
Last modified 1mo ago