Forum Colorized Nodes Gradient Colorized Nodes

Colorized Nodes Tutorial

This is the DIY-tutorial to create colorized nodes. Fill in the form and press "submit". After clicking "submit", the code will appear under the submit button.
In addition to this tutorial, there is also a more extensive turorial with a gradient color: ColoredNodesGradient.php

Before colorize:

After colorize:

Visit to see the result of different colored categories.

To get the color code you can use this colorpicker

enter the data per category and copy the script to extra.less of the desired style.

Node Categorie:
Forum Category Number: Example: 162 for index.php?categories/test.162/
Background Color: Example: #0000FF
Color: Example: #ffffff

Coloured Node Icon read icon:
Color: Example: #0000FF
Text Shadow: Example: none
Looking for more Text Shadow options? Visit

Coloured Node Icon unread icon:
Color: Example: #f20414
Text Shadow: Example: none

H2 text color:
Color: Example: #fff

the script for in extra.less