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 
​

How to Translate Your Plugin

Disciple.Tools Code of Conduct

Last modified 1yr ago