Style Guide

Branding

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

Logos

File	Description	Link
	Black logo with text	Download
	White logo with text	Download
	Icon in png format	Download
	Icon in svg format	Download

Theme Colors

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

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