Skip to content

cprodhomme/arctic_admin

Repository files navigation

ArcticAdmin

Gem Version Gem Downloads Gem Version Gem Downloads

Simple theme for ActiveAdmin 👌

Complete demo here : https://arcticadmin.osc-fr1.scalingo.io

admin user : admin@example.com / password

Screenshot

Installation

For Sprockets users

  • Add this to your Gemfile:
gem 'arctic_admin'
  • Run bundle install.

  • Add this line to the file config/initializers/active_admin.rb

meta_tags_options = { viewport: 'width=device-width, initial-scale=1' }
config.meta_tags = meta_tags_options
config.meta_tags_for_logged_out_pages = meta_tags_options

For webpacker / jsbundling-rails or other JS-based asset solutions

Install the needed assets with npm or yarn:

yarn add arctic_admin @fortawesome/fontawesome-free

Use with Sprockets

1a - CSS

In your active_admin.css, include the css file:

/*
 *= require arctic_admin/base
 */

Remove the line *= require active_admin/base

Then restart your webserver if it was previously running.

1b - Sass Support

Remove the line @import "active_admin/base"

If you prefer SCSS, add this to your active_admin.scss file:

@import "arctic_admin/base";

If you use the Sass indented syntax, add this to your active_admin.sass file:

@import arctic_admin/base

2 - JS

In your active_admin.js, include the js file:

//= require arctic_admin/base

Remove the line //= require active_admin/base

Use with webpacker

1 - CSS

In your app/javascript/stylesheets/active_admin.scss, add the line:

@import '~arctic_admin/src/scss/main';

Remove:

@import "~@activeadmin/activeadmin/src/scss/mixins";
@import "~@activeadmin/activeadmin/src/scss/base";

2 - JS

Search for app/javascript/packs/active_admin.js in your rails project and add the following lines:

import "@fortawesome/fontawesome-free/css/all.css";
import 'arctic_admin'

Customization

For this, you need to use SASS to customize the theming.

Right now you can change the primary color of the theme by placing the following variable in your active_admin.scss file:

$primary-color: #2dbb43;

@import "~arctic_admin/src/scss/main";

If you use the Sass indented syntax, add this to your active_admin.sass file:

$primary-color: #2dbb43

@import ~arctic_admin/src/scss/main

Then restart your webserver if it was previously running.

Contributing

  1. Fork it ( https://github.com/cprodhomme/arctic_admin/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 new Pull Request