https://github.com/activeadmin-plugins/active_admin_theme

:+1: flat skin for activeadmin
https://github.com/activeadmin-plugins/active_admin_theme

activeadmin css theme

Last synced: 5 days ago
JSON representation

:+1: flat skin for activeadmin

• Host: GitHub
• URL: https://github.com/activeadmin-plugins/active_admin_theme
• Owner: activeadmin-plugins
• License: mit
• Created: 2014-12-19T14:57:22.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2022-02-21T10:54:35.000Z (almost 3 years ago)
• Last Synced: 2025-01-26T18:07:22.379Z (12 days ago)
• Topics: activeadmin, css, theme
• Language: SCSS
• Homepage:
• Size: 304 KB
• Stars: 181
• Watchers: 13
• Forks: 50
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# ActiveAdminTheme

Custom ActiveAdmin templates

## Installation

As active_skin is the css theme for the [activeadmin](https://github.com/activeadmin/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:

```ruby

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

```css

@import 'wigu/active_admin_theme';

```

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

```css

@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

```css

...

$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