项目作者: activeadmin-plugins

项目描述 :
:+1: flat skin for activeadmin
高级语言: SCSS
项目地址: git://github.com/activeadmin-plugins/active_admin_theme.git
创建时间: 2014-12-19T14:57:22Z
项目社区:https://github.com/activeadmin-plugins/active_admin_theme

开源协议:MIT License

下载


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:

  1. gem 'active_admin_theme'

And then execute:

  1. $ bundle

Or install it yourself as:

  1. $ gem install active_admin_theme

As a NPM module (Yarn package)

Execute:

  1. $ npm i @activeadmin-plugins/active_admin_theme

Or

  1. $ yarn add @activeadmin-plugins/active_admin_theme

Or add manually to package.json:

  1. "dependencies": {
  2. "@activeadmin-plugins/active_admin_theme": "1.1.4"
  3. }

and execute:

  1. $ yarn

Usage

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

As a Gem via Sprockets

  1. @import 'wigu/active_admin_theme';

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

  1. @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

  1. ...
  2. $skinMainFirstColor: #A5A7AA!default;
  3. $skinMainSecondColor: #0066CC!default;
  4. $skinBorderWindowColor: #B8BABE!default;
  5. @import 'wigu/active_admin_theme';
  6. ...

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