Style Guide
Last updated
Last updated
Please use "Disciple.Tools" or "D.T" and avoid "Disciple Tools", or "DiscipleTools" or other variants.
| File | Description | Link |
|---|---|---|
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
Black logo with text
White logo with text
Icon in png format
Icon in svg format
