Admin Themes

GetSimple allows developers to customize the colors within the administrative panel - effectively “branding” the control panel.

Tips to a good and working admin color scheme:

  1. Place the file as admin.xml inside the folder /theme/
  2. There are a couple images within /admin/template/images that might need to change as a result
  3. Colors need the hash in front of the hex value. eg: #333333
  4. Do not use shortcut hex values. eg. #333

The format of admin.xml is:

<?xml version="1.0"?>
<item>
	<title>Admin Skin Name</title>
	<author>Your Name</author>
	<link>http://www.yourdomain.com/</link>
	<primary>
		<darkest>
			<!-- tab hover background, link hover -->
			#0E1316
		</darkest>
		<darker>
			<!-- non-active tab background, active main tab text hover -->
			#182227
		</darker>
		<dark>
			<!-- header bottom fade color -->
			#283840
		</dark>
		<middle>
			<!-- separators, active main tab text -->
			#415A66
		</middle>
		<light>
			<!-- header top fade color -->
			#618899
		</light>
		<lighter>
			<!-- site name link color -->
			#E8EDF0
		</lighter>
		<lightest>
			<!-- non-active tab text, separators -->
			#AFC5CF
		</lightest>
	</primary>
	<secondary>
		<darkest>
			<!-- side tab active shadow -->
			#9F2C04
		</darkest>
		<lightest>
			<!-- side tab active background, page subtitles -->
			#CF3805
		</lightest>
	</secondary>
</item>

Download an example file from Extend