Hello There, Guest! Login Register
Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to change default color of FlatOne theme
#1
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.
Reply
#2
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
Reply
#3
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 */
}
Reply




Users browsing this thread: 1 Guest(s)