Admin Forum:Customizing admin dashboard

I want to change colours of the background, font and header of the admin dashboard. What should I add to my personal css to accomplish that? Thanks, Final Cannon 20:31, October 15, 2011 (UTC)
 * I suggest contacting Rappy 4187. I think he has a CSS changecode for that. :) — subtank  ( 7alk ) 20:47, October 15, 2011 (UTC)

.AdminDashboardChromedArticle { color: #FFFFFF; background: #000000; }				/* Changes text color and background */

.AdminDashboardHeader { background-color: #000000; border-top: none; }				/* Lower header bar */

.AdminDashboardGeneralHeader background-color: #000000; background-image: none; }				/* Lower header bar */

Should give some basic control - you just need to adjust the colors. Of course there are a lot of other elements which don't fit, like white borders or shadows. More code is required to do away with those. — Sovq 20:58, October 15, 2011 (UTC)


 * Here's some more advanced styling. The code below is used in the Wikia.css at BioShock Wiki. Example of what it looks like: --Gardimuer { ʈalk } 22:47, October 15, 2011 (UTC)

/* General background color, borders, and box-shadow */ .WikiaArticle.AdminDashboardChromedArticle, .page-Special_AdminDashboard .WikiaArticle { -moz-box-shadow: 1px 1px 1px 0 #083256; -khtml-box-shadow: 1px 1px 1px 0 #083256; -webkit-box-shadow: 1px 1px 1px 0 #083256; box-shadow: 1px 1px 1px 0 #083256; background-color: #041B2E; border-bottom: 1px solid #083256; border-right: medium none; }

/* Background and text color/weight of the active tab */ .AdminDashboardTabs .tab.active { background: none repeat scroll 0 0 #041B2E; color: white; font-weight: bold; }

/* Background color/gradient, borders, and shadow of the headings */ .AdminDashboardGeneralHeader, .AdminDashboard .admin-dashboard-content .control-section header { -moz-box-shadow: 0 2px 2px 0 #083256; -khtml-box-shadow: 0 2px 2px 0 #083256; -webkit-box-shadow: 0 2px 2px 0 #083256; box-shadow: 0 2px 2px 0 #083256; background-color: #EBEBEB; background-image: -moz-linear-gradient(center top, #041B2E 40%, #083256 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(40%, #041B2E), color-stop(100%, #083256)); border-bottom: 1px solid #083256; border-top: 1px solid #083256; } .AdminDashboardGeneralHeader h1, .AdminDashboard .admin-dashboard-content .control-section header h1 { color: #CCDDFF;} .AdminDashboardDrawer { background: none repeat scroll 0 0 #083256; border-left: 1px solid #0F5B9B; }

/* Background color/gradient and border for the "Quick Stats" box */ .QuickStatsWidget .WikiaDataTable { background-color: #041B2E; background-image: -moz-linear-gradient(center top, #041B2E 40%, #083256 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(40%, #041B2E), color-stop(100%, #083256)); border: 1px solid #083256; }
 * Mostly it works great, however I cannot change the main body of the dashboard, which stays white (the part with features icons). List of special pages also stays white. Final Cannon 09:31, October 16, 2011 (UTC)