Sassy-CP

Developer

Kyle Cotter - Cotter Interactive

3rd Party (Free)

54 downloads (last 90 days)

Creative Commons Attribution Download v2.0.5

EE Version Support

  • ExpressionEngine 2

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

Requirements

  • jQuery for the Control Panel

Add-On Type(s)

Control Panel Theme

Tags

Sassy CP is a twist on the common override.css. Sassy CP is built on the SASS css preprocessor. This allows for easy skinning of the CP to meet your needs. Extending on the default CP theme, Sassy CP cleans up some rough edges, improves the user experience, and makes a great interface for your clients to use.

Sassy CP is a twist on the common override.css. Sassy CP is built on the SASS css preprocessor. This allows for easy skinning of the CP to meet your needs.

Extending on the default CP theme, Sassy CP cleans up some rough edges, improves the user experience, and makes a great interface for your clients to use.

Installation

For an “out of the box” installation, where you won’t be recompiling the SASS, follow these steps:

  1. Navigate to your “themes/cp_themes” folder.
  2. Add the “Sassy_CP” folder in to the “cp_themes” folder.
  3. Delete the “sass” folder inside the “Sassy_CP” folder.
  4. Open “system/expressionengine/config/config.php” and add ” $config[‘cp_theme’] = ‘Sassy_CP’; “
  5. Your control panel should now have the override applied.

Getting Sassy

Sassy CP is built upon the SASS preprocessor, and Compass framework.

You must be running SASS and Compass on your system to make use of the configuration of Sassy CP.

  1. Navigate to your “themes/cp_themes” folder.
  2. Add the “Sassy_CP” folder in to the “cp_themes” folder.
  3. Open “system/expressionengine/config/config.php” and add ” $config[‘cp_theme’] = ‘Sassy_CP’; “
  4. Your control panel should now have the override applied.
  5. Open Terminal, and navigate to the directory your ExpressionEngine site lives in.
  6. Navigate to “themes/cp_themes/Sassy_CP/sass” in Terminal and run “compass watch”.
  7. Inside the “sass” folder, you will see all the files associated with Sassy CP. Open “_config.scss”. Note this is referring to the SCSS file and not the Ruby config file.
  8. Inside ““_config.scss” you’ll find a number of variables you can set and alter. In most cases, the $primaryColor and boolean variables will be the only ones you need to alter.
  9. Once you’ve made your change, save the config file and let Terminal recompile the CSS.
  10. Refresh the ExpressionEngine Control Panel, and your changes should be visible.
  11. If you are no longer going to alter the ExpressionEngine CP via Sass, delete the “sass” folder.

Pre v1.1.0 Updating

If you are using a version prior to v.1.1.0, where Sassy CP is no its own theme, follow these steps to update.

  • Navigate to “themes/cp_themes/default/css”.
  • Delete “override.css”.
  • Follow “Installation Instructions” above.

Screenshots

  • Easy skinning
  • Control Panel Home Page
  • Template Manager
  • Edit Channel Entries Page

Changelog

  • v.2.0.5 - Button style changes on native ExpressionEngine RTE toolbar.
  • v.2.0.4 - Fixed height bug with main nav.
  • v.2.0.3 - Third-party bug fix. (Zoo Flexible Admin)
  • v.2.0.2 - Third-party Add-on Support.
  • v.2.0.2 - Added a series of pre-compiled themes.
  • v.2.0.1 - Fixed compatibility with certain third-party add-ons.
  • v2.0.0 - Rewritten styles, custom configuration via SASS, more compact styles. Full compatibility with popular third-party add-ons.
  • v1.2.1 - Fixed an instance of pink that would display on Wygwam configuration page.
  • v1.2.0 - Added a login.css for the main admin login screen. Enhancements on the category page, various modals, and tweaks for ExpressionEngine 2.4 compatibility.
  • v1.1.0 - Converted from override to a CP theme. Replaced pink images, and tweaked other styles.
  • v1.0.3 - Bug fixes.
  • v1.0.2 - Bug fixes.
  • v1.0.1 - Bug fixes.
  • v1.0.0 - Initial Release

Credits

Created by Kyle Cotter. Licensed under Creative Commons Attribution 3.0.

Check out EE Hash for the latest ExpressionEngine news and Cotter Interactive.

Download Sassy-CP

EE Support Downloads Add-On Version Release Date
Not Specified Download 2.0.5 Feb 12, 2014

Sassy-CP Links

This entry was created November 28, 2011, 10:44 am.
This entry was last updated February 12, 2014, 6:04 pm.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through devot-ee.com. If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

9 Reviews:

Adam Khan 11.08.13

Rating - {addon_rating_average}

My first review in a while because I’m loving this addon. The arrows for things with submenus are an obvious, great touch. I like how the different color options are a subtle highlight, helpful eg for MSM setups. This is the best cpanel improvement addon I’ve seen. Congrats, Kyle, and thanks.

Todd Richards 05.17.13

Todd Richards
Rating - {addon_rating_average}

My favorite override to the CP theme, and one of the first things I change when setting up!

Musbah 10.18.12

Rating - {addon_rating_average}

Great work, thank you.

Todd D. 06.28.12

Todd D.
Rating - {addon_rating_average}

ExpressionEngine is like an ugly girlfriend with a great personality. You love her to death but you really wish she was even just a bit prettier. Sassy-CP helps in that department!

stevenmcdaniel 06.07.12

Rating - {addon_rating_average}

FANTASTIC UI IMPROVEMENTS!!!!!!!  Color pallet and main navigation look great, you rock Kyle!!!!! Thanks for your install help too!

MaxLazar 02.01.12

Rating - {addon_rating_average}

Really like colors. For now this is my default theme. Thanks for sharing with community!

Andy Marshall 02.01.12

Rating - {addon_rating_average}

Great stuff - could become a default.

Mark Bowen Design 11.30.11

Mark Bowen Design
Rating - {addon_rating_average}

Looks nice but would be even better if the images used in the control panel were green too.

GF 11.28.11

Rating - {addon_rating_average}

I wish this was default. Looks great.