Rolling your own theme
We have tried making theme creation in codoforum simple, fast & easy .
Follow these steps to completely revamp codoforum
Giving birth to the theme
- Think of a cool new name for your theme
- Copy paste the blue theme folder in codoforum/sites/default/themes
I want to create a new theme , lets name it : greenBeauty
So, i will copy paste the folder
Note: From now on, greenBeauty will be used as theme.
Selecting your new theme
Now, you want your theme to be enabled in the codoforum . You can do that by logging into the
Select your new theme in the dropdown avilable in that page .
Customize your theme
Open the file
You will find all the colors used by codoforum in that file .
You can edit these colors , and see the effect by reloading the page .
You do not have to worry about cache or less compilation , as it is automatically done by codoforum .
I want to give a green background color to greenBeauty theme .
Or, i want to give a background image
If you do not want to edit each and every color , you can customize 90% of the theme by only editing the most important colors .
You will see that in colors.less , there is section created like this:
/*------------- START MAIN COLORS -------------*/
... some color definitions ...
/*------------- END MAIN COLORS -------------*/
If you edit only this section, it is more than enough to completely modify the theme .
Now, give some fuel to your imagination and make codoforum more beautiful.
Above section only dealt with changing the looks of the theme , but sometimes you want to edit the html for more specific customizations. To do that copy the default theme which is a parent which will give you a lot more control.
You will find all the html defined as templates (using Smarty) in the templates folder .