Learn More





DNN Community Blog

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.

Changing & creating DnnBootster color schemes

What is the DnnBootSter theme

The DnnBootster theme is an open source, free skin for Dnn8,
A demo of the DnnBootster skin can be found here : The DnnBootster skin can be downloaded here for free, and the source code can be found here.

Out-of-the-box the DnnBootster skin comes with 18 color schemes and we’ve created the skin so that you can change the color schemes easily and even to create your own.

The DnnBootster skin uses 5 different colors to create a unique look and feel of your site from a warm feel like the ‘Browns’ color scheme to bright and vibrant feel like the ‘Charta use’ color scheme. On the DnnBootster website all color schemes are displayed with the file information that is need to change the skin to your desired look and feel, click here to view the schemes available out-of-the-box.

Changing the color scheme

All color schemes can be found in the ‘themes’ folder in the DnnBootster skin folder:


To see the structure of the DnnBootster skin click here.

Changing the color scheme is very easy to do…..

In the skin folder there are 4 skin layout files as follows:

  • Home skin layout (Home.ascx)
  • Inner skin layout (skin.ascx)
  • 404 skin layout (404Skin.ascx)
  • Admin skin layout (Admin.ascx)

Open the skin file with your Notepad or preferred html editor and locate the following line:

The only thing you need to do to change the color scheme is to replace ‘grey.css’ to the color scheme you want to use, for example:

You like the color scheme ‘Tech office’ because it matches your company’s house style, open the file ‘skin.ascx’, locate the line :

And change it to

That’s it!

If you want the color scheme to be shown throughout the site you will also have to change the same line of html in the rest of the skin layouts.

Creating your own color scheme

Start by creating a new css file in the ‘themes’ folder, call it ‘custom-colors.css’ or something that matches the color scheme you are creating, open another theme css file (tech-office.css for example) and copy the contents of this file into your new css file.

At the top of the file you will see some color codes:

The colors start from a dark color to a light color, make sure you follow the same direction.

Copy your color hex values (from dark to light) replacing the codes without the ‘#’ (hex value to the right) for reference.

Using the ‘Find and replace’ tool of your html editor:

Copy the hex value on the left (the original color) to be replaced and the hex value on the right (your new color) to replace to the new color, do this for all color values, save the file then replace the theme file with the steps above.

That’s it!



David Poindexter
Thank you for your contribution to the community! We will give this theme a spin!
David Poindexter Monday, April 18, 2016 3:01 PM (link)

Comment Form

Only registered users may post comments.


2sic Daniel Mettler (125)
Aderson Oliveira (15)
Alec Whittington (11)
Alex Shirley (10)
Andrew Nurse (30)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (22)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (203)
Chris Paterra (55)
Clinton Patterson (28)
Cuong Dang (21)
Daniel Bartholomew (2)
Dave Buckner (2)
David Poindexter (3)
David Rodriguez (2)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (74)
Geoff Barlow (6)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (270)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matthias Schlomann (15)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Mike Horton (19)
Mitchel Sellers (28)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Peter Donker (52)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott S (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Timo Breumelhof (24)
Tony Henrich (3)
Torsten Weggen (2)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (37)
Will Strohl (163)
William Severance (5)
Try Evoq
For Free
Start Free Trial
a Demo
See Evoq Live
Need More Information?