Style Guide
Last updated
Last updated
Please use "Disciple.Tools" or "D.T" and avoid "Disciple Tools", or "DiscipleTools" or other variants.
Black logo with text
White logo with text
Icon in png format
Icon in svg format
Main color blue: #3f729b Secondary color: #8BC34A Darker blue: #224f72 Success/New green: #4caf50 Action butons: #00897B
Status Colors Active: #4CAF50 Paused: #FF9800 New: #F43636 other: #366184 Archived: #808080
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
