ActiveAdminFlatSkin

Forked from https://github.com/ayann/active_admin_flat_skin, to make a few tweaks.

Flat skin for active admin.

Screens

Installation

As active_skin is a css theme for the active_admin administration framework, you have to install Active Admin first.

Once Active Admin is installed, add the following line to your application's Gemfile:

gem 'active_admin_flat_skin'

And then execute:

$ bundle

Or install it yourself as:

$ gem install active_admin_flat_skin

Usage

include active flat skin css:

# active_admin.css.scss

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

also include font awesome:

# active_admin.css.scss
 
@import "font-awesome";

//in some cases, extension should be specified ( @import "font-awesome.css"; )

include active flat skin js:

# active_admin.js

//= require active_admin/base
...
//= require active_admin_flat_skin
...

You can even change basic colors of the theme with Sass variables. Be sure to assign these variables before importing the CSS/Sass file as described above.

...
$panelBorder: #babdc5;
$skinActiveColor: #e73c3c;
$bodyColor: rgba(236, 240, 241, 0.48);
$skinBlack: rgb(55, 71, 79);
$panelHeaderBck: $skinBlack;
$skinBlackLight: rgb(69, 90, 100);
$textGray: rgb(174, 179, 181);
$skinTextColor: #1e2a33;
$skinTextActiveColor: white;
$skinTextTable: #7f8c8d;
$skinHeaderBck: #1e2a33;
...

Color examples

Contributing

1. Fork it ( https://github.com/ajw725/active_admin_flat_skin/fork )
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create a new Pull Request