This article provides a detailed understanding on the color changes and themes on project pages.
You have to visit the Appearance page, click on Project styles and then click on Project Page themes to make changes to your project page.
Project Page Themes
There are 3 kinds of themes to choose to fit your project.
- Classic : This is a default theme that does not support advanced color, shadow or corner settings.
2. Fresh : This gives your project page a band new look. The page feels lighter with tools and widgets having soft shadows and rounded corners.
3. Bold : This theme like the fresh theme, has a light feel with framed content containers and a well defined right widget column.
After choosing the required project styles theme, you can make changes to the colors by following the below steps ;
Note: Primary and Secondary colors are only for Classic theme and will not reflect in Fresh or Bold themes if the theme is switched.
Classic Theme :
If you have chosen the theme ‘Classic’, you can then see the option to make changes to the Primary colors. This is a default theme that does not support advanced color, shadow or corner settings.
Here, you can view and edit the 3 primary colors as shown below.
To change a primary color, click on a color in the Primary Colors section. You can view a color palette. Select a color from the color palette, as indicated in the figure below. You can also click on the ‘#hex’ value (#D45671 in case of the first primary color) to customize it.
Once the color is set, scroll down and click the Save button to save the changes. You have successfully replaced the old primary color with a new one.
Primary Color #2
Changing the primary color will change the Tool tab title on the project pages, button color and hyperlinks on the project pages and the widgets title and font color on the project pages.
Here is an example:
Primary color #3
Changing the Primary color 3 will change the colors of the introduction title and description fonts of the project and the tools and change the content.
Here is an example:
Fresh and Bold Theme :
We also have the option of Advanced Color Overrides. This option only appears when the Fresh or Bold theme is selected. You can use these advanced settings to customize your site further.
Changes to the various sections of the project page including the Tools, tabs, hyperlinks, etc.