How to Customise your Community's Colours

Did you know that you can customise your community's colours yourself in the Console. Check out our guide below.

Here at Disciple we know that your branding is extremely important to you and your community. The best way to represent and really show off this branding is in your colour choices. The colours tab on the Branding page is a great tool to remotely change the colours of your community at any time and take control of your branding.

Remember that the colours you publish here will be reflected on your live community and go live soon after, so make sure that you are happy with the choices you make.

 

Let's begin:

To access the colours tab go into your Console, head to Configure and select the Branding page from your left hand navigation. 

Branding

Once on the Branding page you will land on the Colours Tab

Screenshot 2022-07-12 at 15.19.56

On the colours Tab you have the ability to choose your colour either through a selection of 6 defined themes, a choice of four basic colours or what we are calling Advanced mode. 

 

If you decide that you would like to use one of the presets then all you need to do is select the one you like and press publish. The presets will be published to your community within approximately 10 minutes.

GIF 2

Basic Colours

If you want some more control over your branding in comparison to the themes, then you have the option to customise four different colours: Post theme, background, text and buttons. 

To change the post theme you just need to select the drop down menu and choose between light and dark. This changes the colour of your postcard on your community between black and white. 

To change background, Text and buttons all you need to do is select the colour and you’ll see the colour picker. From here you can select a custom colour for the palette or enter the colours HEX, RGB or HSL code.

Background: This changes the background colour of your community. For example the background of the feed.

Text: This changes the colour of the text within your community. For example the text on a post.

Button: This changes the colour of the buttons in your community. For example the Like and comment icon on a post.

 

GIF 3

Advanced mode

If you want to take a more detailed approach to your colours then you also have the option to turn on Advanced mode. This splits the colours out into 11 individual colours to give a greater control over the appearance of your community and create the exact look that you want. 

Selecting colours in advanced mode works in the same way, you select the colour and see the colour picker where you can choose from the palette or enter the colours HEX, RGB or HSL code.

Post background: This changes the colour of the post background

Post Text: This changes the colour of the text on a post.

Secondary Text: This changes the colour of the information text on a post. For example the number of likes a post has received.

Background: This changes the background colour of your community. For example the background colour of a group.

Header Background:  This changes the colour of the header bar on the top of your community.

Header Text: This changes the colour of the text in the header. For example your community name.

Background Text: This changes the colour of the text that sits upon the background. For example the activity feed title.

Secondary Background Text: This changes the colour of secondary text that sits upon the background. For example the Privacy policy link text on the Web.

Header Buttons: This changes the colour of active buttons in the header or the nav bar. For example the colour of the Home icon when it is active

Post Buttons: This changes the colour of buttons on a post. For example the link button on a post

Background Buttons: This changes the colour of items that are directly on top of the background. For example the All, Photos and Video tabs in the folders.

GIF 4

So there you have it, enjoy putting your own mark on your platform. Just please DON'T FORGET to click PUBLISH once you're done!