Introduction
We wanted the ExpressionEngine Control Panel to look a bit more professional so we created a CP Theme override.css and custom graphics. All the new icons are custom made for this project and they’re made for both normal resolutions displays as well as the new high resolution ones which make them look their best in all situations.
- Clean and simple layout which gets out of your way
- Responsive layout support
- High resolution graphics
- Enable the Accessory to include fixed with support for iOS and Android devices, and to enable high resolution graphics on all images (adds retina.js)
- Tweaked styles for popular add-ons like Structure
- Tested in IE8+ and most modern browsers
- Tested in ExpressionEngine 2.5.x (should also work decent in 2.3.x and 2.4.x)
By the way, did we mention that it’s free to use.
Settings
Force CP Theme in config.php
Add the following lines to your /system/expressionengine/config/config.php
file to force ExpressionEngine to use the Republic theme:
$config['cp_theme'] = 'republic';
Mobile devices
Add the following lines to your /system/expressionengine/config/config.php
file to force ExpressionEngine to use the theme for mobile:
$config['use_mobile_control_panel'] = 'n';
Don’t like the green color?
We’ve included a list of all the color codes at the top of override.css
- just do a search and replace on those if you like to change the color into something more suitable.
menu link color = #a9c526
sidebar headings = #a9c527
table data links = #89a11c
headings = #a9c529
table row hover color = #fcfcfc
buttons = #90b005
buttons - hover = #99b515 -> #95b010
Third party add-ons
It’s hard to make a custom theme that plays well with all the add-ons out there. We made sure it works with the ones we use on a daily basis, but if you find an add-on that really clashes with the CP Theme design send us some screen shots and the name of the add-on - if enough people asks for the same add-on we’ll make adjustments. If not, just add your own custom styles to the override.css file and you’re good to go.
Installation
Copy the theme files (and optional accessory) to your ExpressionEngine installation:
- Extract the .zip file
- Move the
/themes/cp_themes/
republic
folder into your ExpressionEngine installation’s/themes/cp_themes/
folder. - Move the
/system/expressionengine/
third_party/republic_cptheme
into your ExpressionEngine installation’s/system/expressionengine/
third_party/
folder. - Activate the accessory in the Control Panel if you want a responsive layout and high resolution support for images not included in the CSS.
- Select the Republic CP Theme under My Account > Control Panel Theme (for the logged in user) or under Admin > General configuration for a global change
Download
Download “Republic Control Panel Theme (EE2)” for ExpressionEngine 2.2+
Changelog
-
1.2
2015-07-01
- New login screen
- New reset password screen
-
1.1
2014-12-16
- A little more flat look
- A little lighter in color
- A new font
-
1.0
2014-07-02
- Support for ExpressionEngine 2.8
- Minor updates and fixes
-
0.9.1
2013-01-28
- Fix: Icons for Redactor-based editors
- Fix: Margin in custom Publish Layouts
- Added small CSS tweaks for Textarea (RTE), Wygwam, Redactor, Assets 2, Structure, and Switchboard
- Added small CSS tweaks for a few accessories
-
0.9
2013-01-14
- First public beta
License and disclaimer
Republic Factory gives this add-on away for free under a Creative Commons Attribution-NoDerivs 3.0 Unported License. You can use it for free, both in personal and commercial projects, but by downloading this add-on you also take full responsibility for anything that happens while using it. The add-ons are made with love and passion, and are used by us on daily basis, but we cannot guarantee that it works equally well for you.
Support is limited depending on current work load, but if you got any questions or comments feel free to email or follow us on Twitter @republicfactory and we'll try to help you out as soon as time permits.