This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
admin_themes [2011/02/13 18:46] ccagle8 created |
admin_themes [2014/02/07 10:40] (current) datiswous |
||
---|---|---|---|
Line 3: | Line 3: | ||
GetSimple allows developers to customize the colors within the administrative panel - effectively "branding" the control panel. | GetSimple allows developers to customize the colors within the administrative panel - effectively "branding" the control panel. | ||
- | To do this, place ''admin.xml'' inside the folder ''/theme/'' | + | Tips to a good and working admin color scheme: |
+ | - Place the file as ''admin.xml'' inside the folder ''/theme/'' | ||
+ | - There are a couple images within ''/admin/template/images'' that might need to change as a result | ||
+ | - Colors need the hash in front of the hex value. eg: #333333 | ||
+ | - Do not use shortcut hex values. eg. #333 | ||
- | The format of ''admin.xml'' is | + | The format of ''admin.xml'' is: |
+ | |||
+ | <code css> | ||
+ | <?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> | ||
+ | </code> | ||
[[http://get-simple.info/extend/admin-theme/default-admin-theme/90/|Download an example file from Extend]] | [[http://get-simple.info/extend/admin-theme/default-admin-theme/90/|Download an example file from Extend]] | ||