• Stars
    star
    183
  • Rank 210,154 (Top 5 %)
  • Language SCSS
  • License
    MIT License
  • Created almost 10 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿ‘ flat skin for activeadmin

ActiveAdminTheme

Custom ActiveAdmin templates

Installation

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

As a Gem

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

gem 'active_admin_theme'

And then execute:

$ bundle

Or install it yourself as:

$ gem install active_admin_theme

As a NPM module (Yarn package)

Execute:

$ npm i @activeadmin-plugins/active_admin_theme

Or

$ yarn add @activeadmin-plugins/active_admin_theme

Or add manually to package.json:

"dependencies": {
  "@activeadmin-plugins/active_admin_theme": "1.1.4"
}

and execute:

$ yarn

Usage

In your base stylesheet entry point active_admin.scss (as example), add line:

As a Gem via Sprockets

@import 'wigu/active_admin_theme';

As a NPM module (Yarn package) via Webpacker or any other assets bundler

@import '@activeadmin-plugins/active_admin_theme';

You can change basic colors of the theme by setting some variable above active_admin_theme import line in active_admin.css.scss

...
$skinMainFirstColor: #A5A7AA!default;
$skinMainSecondColor: #0066CC!default;
$skinBorderWindowColor: #B8BABE!default;

@import 'wigu/active_admin_theme';
...

Screen

Contributing

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