Active Admin Flat theme design.
Clone or download
Latest commit 8969204 Sep 13, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin hotfix #2 Jun 21, 2016
files Add color screnn. Jul 12, 2015
lib hotfix #2 Jun 21, 2016
vendor/assets fixed flash message layout Jun 17, 2017
.gitignore Initialize active admin flat skin gem. Jul 12, 2015
CODE_OF_CONDUCT.md Initialize active admin flat skin gem. Jul 12, 2015
Gemfile code cleaned Jun 21, 2016
LICENSE.txt Initialize active admin flat skin gem. Jul 12, 2015
README.md Update README.md Sep 12, 2017
Rakefile Initialize active admin flat skin gem. Jul 12, 2015
active_admin_flat_skin.gemspec issue #2 fixed Jun 21, 2016

README.md

ActiveAdminFlatSkin

Gem Version

Flat skin for active admin.

Screens

Installation

As active_skin is the css theme for the active_admin administration framework - you have to install if first.

Having active admin 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_admin_flat_skin CSS:

# active_admin.css.scss

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

Include also Font Awesome:

# active_admin.css.scss
@import "font-awesome";
    
// In some cases .css should be specified ( @import "font-awesome.css"; )

Include active_admin_flat_skin JS:

# active_admin.js

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

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

...
$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

<table>
  <tr>
    <td colspan=2>
      <a href="./files/color2.jpg"><img src="./files/color2.jpg"></a>
    </td>
  </tr>
  <tr>
    <td>
      <a href="./files/color1.jpg"><img src="./files/color1.jpg"></a>
    </td>
    <td>
      <a href="./files/color3.jpg"><img src="./files/color3.jpg"></a>
    </td>
  </tr>
</table>

Contributing

  1. Fork it ( https://github.com/ayann/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