Active Admin is a Ruby on Rails plugin for generating administration style interfaces. It abstracts common business application patterns to make it simple for developers to implement beautiful and elegant interfaces with very little effort.

Default interface of active admin:
We can customize the default style of active admin by over riding css values and and sass variables. ActiveSkin is a flat skin for active admin. We can even change basic colors of the theme by changing values of some variables.

Installation
Having active admin installed add the following line to your application’s Gemfile:

1	gem 'active_skin'

Now we need to include active skin css to our project.
Add following code to active_admin.css.scss

1 2 3 4 5

@import "active_admin/mixins"; @import "active_admin/base"; ... @import "active_skin"; ...

Change logo by setting the $skinLogo variable above active_skin import line in active_admin.css.scss.

1	$skinLogo: url("admin_logo.png") no-repeat 0 0;

You can even change basic colors of the theme by placing some other variables:

1 2 3 4 5

$skinActiveColor: #001cee; $skinHeaderBck: #002744; $panelHeaderBck: #002744; @import "active_skin";

Color examples