D&D Forums - MyBB Plugins & Themes
[Emerald v2] Change theme color - Printable Version

+- D&D Forums - MyBB Plugins & Themes (https://developement.design/forum)
+-- Forum: MyBB General Discussions (https://developement.design/forum/forumdisplay.php?fid=23)
+--- Forum: Tricks & Tutorials (https://developement.design/forum/forumdisplay.php?fid=11)
+--- Thread: [Emerald v2] Change theme color (/showthread.php?tid=773)



[Emerald v2] Change theme color - AmazOuz - 02-11-2019

Hello everyone Big Grin

THIS IS THE SAME TUTORIAL AS FOR EMERALD V1, BUT THE CODE IS NOT THE SAME



- Go to Style & Templates >> Emerald >> Add Stylesheet
- In file name input just write : "color.css"
- Check "Write my own content" and write in the textbox :
Code:
.tcat, #mobile_member, button:hover, input.button:hover, a.button:hover, .scrollToDown, .scrollToTop, .useroptions a i, #iconbouton
{
background: darkred;
}
.nav_link, .headerlist ul, .useroptions a:hover, .thread_status.dot_folder:before, .thread_status.dot_hotfolder:before, .thread_status.dot_hotlockfolder:before, .thread_status.dot_lockfolder:before, .thread_status.dot_newfolder:before, .thread_status.dot_newhotfolder:before, .thread_status.dot_newhotlockfolder:before, .thread_status.dot_newlockfolder:before, .thread_status.folder:before, .thread_status.hotfolder:before, .thread_status.hotlockfolder:before, .thread_status.lockfolder:before, .thread_status.newfolder:before, .thread_status.newhotfolder:before, .thread_status.newhotlockfolder:before, .thread_status.newlockfolder:before, .modcp_nav_item:before, ul.thread_tools, ul.thread_tools li, #home_bit, .usercp_nav_item:before
{
color: darkred;
}
.nav_link:hover, .headerlist, #header_block, #menu-deroulant li:hover
{
border-bottom: 2px solid darkred;
}
.footer-distributed {
border-top: 3px solid darkred;
}
#home_bit:hover, .pagination a:hover {
background: darkred;
opacity:0.9;
}
a:link, a:hover, a:visited, a:active, #logo, .forum_off, .forum_offlock, .forum_offlink, .forum_on, .subforum_minion, .subforum_minioff, .subforum_miniofflock, .subforum_miniofflink, .navigation
{
color: darkred;
}

.pagination a, .pagination a:hover, .pagination .pagination_current
{
border-color: darkred;
}
- Replace "darkred" with any colour you would like in the world
- Click "Save Stylesheet" and that's done Smile

A color changer plugin has been done and will be available to subscribers of our board (will be launched soon), where each user can pick up his favourite color with a color picker and it'll be saved in database. Stay tuned!

Best Regards,
AmazOuz


RE: [Emerald v2] Change theme color - AmazOuz - 04-23-2020

I just edited the code to match the v2 of Emerald Big Grin