MyBB Themes - ThemeFreak
How to change default color of FlatOne theme - Printable Version

+- MyBB Themes - ThemeFreak (http://www.themefreak.net)
+-- Forum: MyBB 1.8.x (http://www.themefreak.net/forumdisplay.php?fid=26)
+--- Forum: Theme Support for 1.8.x (http://www.themefreak.net/forumdisplay.php?fid=33)
+--- Thread: How to change default color of FlatOne theme (/showthread.php?tid=505)



How to change default color of FlatOne theme - Tan - 25th Feb

If you want to change the default color of FlatOne you will need to make some css edits. What is highlighted red is the current default theme color.

In global.css change the following:


Quote:nav {
    background-color: #393939;
}



.thead {

    background-color: #393939;
    color: #F5F5F5;
    padding: 10px 12px;
}

.nav_search form button i {

 background-color: #393939;
 border-radius: 3px;
 color: #f5f5f5;
 display: inline-block;
 padding: 4px 6px;
 text-align: center;
}

.navigation_submenu {

 background-color: #393939;
 border: 1px solid rgba(0, 0, 0, 0.15);
 border-radius: 0 0 3px 3px;
 display: none;
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
}


Change #393939 to the color you want to be default. If you need to see changes, you will have to clear cookies and cache in your browser if you have the theme personalized at the theme settings page.


RE: How to change default color of FlatOne theme - arnold74 - 3rd Dec

Thanks for the description ... just one add-on question. How can I change the color of the icons displaying new threads or answers? I would like the little lightbulbs on the forum index to light up in a different color than the standard green


RE: How to change default color of FlatOne theme - Tan - 4th Dec

To change the folder looking icons that show status of posts and threads would require css knowledge. You can change the dark grey folder to some other color by editing thread_status.css somewhere on line 8 I believe.

Code:
.folder::before {
   content: "";
   font-family: "FontAwesome";
   font-size: 25px;
   color: #4A4A4A; /* change this hex code */
}