active_admin bootstrap-like theme

active_admin.css.scss

$primary-color: #1B1B1B;
$text-color: #333;
$link-color: #08C;

$current-menu-item-background: $primary-color;
$hover-menu-item-background: $primary-color;

$secondary-gradient-start: #F7F7F9;
$secondary-gradient-stop: #F7F7F9;

$table-stripe-color: #F9F9F9;
$table-selected-color: #F5F5F5;

// This vars has problems with overriding. See the monkeypatch below.
$page-header-text-color: #999;
$breadcrumbs-color: $link-color;
$breadcrumbs-separator-color: #CCC;

@import "active_admin/mixins";

@mixin gradient($start, $end) {
  background: $start;
}

@mixin primary-gradient {
  @include gradient($primary-color, $primary-color);
  border-bottom: 1px solid darken($primary-color, 11%);
}

@mixin section-header {
  @include secondary-gradient;
  border: solid 1px #cdcdcd;
  @include border-colors(#e6e6e6, #d4d4d4, #cdcdcd);
  font-size: 1.1em;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 0.5em;
  color: $section-header-text-color;
  @include icon($section-header-text-color, 1.0em);
  padding: 5px 10px 3px 10px;
}

@mixin rounded($radius: 3px) {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

@mixin rounded-all($top-left:3px, $top-right:3px, $bottom-right:3px, $bottom-left:3px) {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

@mixin section-background {
  background: #F7F7F9;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #E1E1E8;
}

@import "active_admin/base";

/* Monkey CSS rules patch. Thanx to f....n ActiveAdmin clientside developers. =( */

body.active_admin #header a, body.active_admin #header a:link {
  color: $page-header-text-color;
}

body.active_admin .breadcrumb a, body.active_admin .breadcrumb a:link, body.active_admin .breadcrumb a:visited, body.active_admin .breadcrumb a:active {
  color: $breadcrumbs-color;
  text-decoration: none;
}

body.active_admin .breadcrumb .breadcrumb_sep {
  margin: 0 2px;
  color: $breadcrumbs-separator-color;
}

body.active_admin .table_tools_segmented_control li:first-child a {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

body.active_admin .table_tools_segmented_control li:last-child a {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}