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%);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
Copy link