Home
Elements

The new DarkMatter template features an exciting new configuration system that opens up a whole world of options for your site. With just a few simple toggles, you can dramatically change the look and feel of your site and put together the perfect colour combination for your project.

DarkMatter's configuration options focus on the four major layout elements of the design, The Primary Colour, The Secondary Colour, the Menu Colour, and the Body Colour. Those elements, along with your imagination, provide you with a palette of possibilities. Use one of our pre-configured style combinations, or mix and match your own custom configuration to create more than 900 total possible colour combinations.


Primary

The Primary Colour Elements

The primary colour option controls the colour of the header element and footer element as well as the main content heading and module heading text. The primary colour makes up the main colour "theme" of the template. There are 10 primary colours included in the template to choose from and can be set in the template "index.php" file.

$primary_style = "red"; // blue | brown | darkgrey | green | purple |
                             red | sienna | slate | white | yellow


Secondary

The Secondary Colour Elements

The secondary colour option controls the colour of the right sidebar element as well as the bottom modules section just above the footer and the active menu tab. This secondary colour helps to accentuate your template design. There are 3 secondary colours included in the template to choose from and can be set in the template "index.php" file.

$secondary_style = "medium"; // light | medium | dark


Menu

The Menu Colour Elements

The menu colour option controls the colour of the main menu toolbar area as well as the left module header text. This menu colour can be used to provide a strong contrast, or can match the primary colour to provide a seemless blend. There are 8 menu colours included in the template to choose from and can be set in the template "index.php" file.

$menu_style = "darkgrey"; // sienna | red | green | darkgrey | blue |
                         beige | yellow | purple


Body

The Body Colour Elements

The body colour option controls the colour of the main body area of the template as well as the template background, left module hilite variations, and the typography. This body colour provides the main neutral base of the template design to allow for the other colour areas to either stand out or blend in. There is one body colour included in the DarkMatter template and is set in the template "index.php" file.

$body_style = "dark"; // dark