Forum Colorized Nodes Gradient Colorized Nodes Colorized Nodes with inline stats Open Graph Generator

Gradient Colorized Nodes Tutorial

Click here for the none-gradient colorized nodes tutorial.

Before colorize:


After colorize:


Visit gouwepeer.nl 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 Left: Example: #0000FF
Background Color Right: Example: #FFFF00
Color: Example: #ffffff

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

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

H2 text color:
Color: Example: #fff



the script for in extra.less