ActiveSkin - Flat skin for active admin

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.

We can customize the default style of Active Admin by overriding CSS values and Sass variables. ActiveSkin is a flat skin for Active Admin. You can even change basic colors of the theme by changing values of some variables.

Installation

Add the following line to your application's Gemfile:

gem 'active_skin'

Add the following code to active_admin.css.scss:

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

Change the logo by setting the $skinLogo variable above the active_skin import line:

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

You can even change basic colors of the theme:

$skinActiveColor: #001cee;
$skinHeaderBck: #002744;
$panelHeaderBck: #002744;

@import 'active_skin';

Color examples