Dev Docs
  • Disciple.Tools Technical Documentation
  • Theme Core
    • API - Posts
      • List of Endpoints
      • Fields Format
      • Get Post
      • Create Post
      • Update Post
      • Post Comments
      • Post Activity
      • List Query
      • Global Search
      • Posts in Typeaheads
      • Post-Sharing
      • Get Following
      • Settings
    • API - Other
      • Users
      • Locations
      • Settings
    • Hooks
      • Record Page Hooks
      • API-Hooks
      • Public settings
      • Adding menu navigation links
    • Customization
      • Fields
      • Custom Post Types
      • Post Type Modules
      • Adding Fields and Tiles.
    • Authentication
      • JWT-Authentication-for-the-mobile-app
      • Site-to-Site-Link
      • Easy-Example
    • Permissions
    • Roles and Permissions
    • Database Tables
      • Activity Table
    • Disciple.Tools Translation
    • Revisions
      • v1.0.0-dev-changes
      • v1.0
  • Hosting
    • 404 Errors on new install
    • CRON
    • Hosting on WPEngine
    • Backups
    • Single Site or MultiSite
  • Disciple.Tools Development Setup
    • LocalWP
    • Mobile App Setup
    • Unit Tests
    • Cypress Tests
    • D.T on Docker Setup
    • Gulp - CSS and JS
  • Code Contribution
    • Theme Contribution Guidelines
    • How to Correctly Contribute to the Disciple Tools Repository
    • How to Translate Your Plugin
  • Style Guide
  • Disciple.Tools Code of Conduct
Powered by GitBook
On this page
  • Branding
  • Logos
  • Theme Colors
  • CSS filters for svg icons.

Was this helpful?

Edit on Git

Style Guide

PreviousHow to Translate Your PluginNextDisciple.Tools Code of Conduct

Last updated 5 months ago

Was this helpful?

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

White logo with text

Icon in png format

Icon in svg format

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

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

Download
Download
Download
Download
https://codepen.io/sosuke/pen/Pjoqqp