@@ -13,41 +13,45 @@ Features:
1313## Install
1414- Add to your Gemfile: ` gem 'activeadmin_blaze_theme' `
1515- Execute bundle
16- - Add at the end of your Active Admin styles (_ app/assets/stylesheets/active_admin.scss_ ): ` @import "activeadmin_blaze_theme/theme"; `
16+ - Add at the end of your Active Admin styles (_ app/assets/stylesheets/active_admin.scss_ ):
17+
18+ ``` scss
19+ @import " activeadmin_blaze_theme/theme" ;
20+ ```
1721
1822## Customize
19- - To change colors add before your Active Admin styles (_ app/assets/stylesheets/active_admin.scss _ ):
23+ - To change colors add to your Active Admin styles (before ** activeadmin_blaze_theme/theme ** import ):
2024
2125``` scss
2226// blaze colors
23- $color-brand : #2C3E50 ;
27+ $color-brand : #2c3e50 ;
2428$color-info : #4dabf5 ;
2529$color-warning : #ff9800 ;
2630$color-success : #4caf50 ;
2731$color-error : #f44336 ;
2832// main variables
29- $bg-footer : #dfdfdf !default ; // bg footer bar
30- $bg-form1 : #f4f4f4 !default ; // bg 1st level forms
31- $bg-form2 : darken ($bg-form1 , 3% ) !default ; // bg 2nd level forms (nested)
32- $bg-form3 : darken ($bg-form1 , 6% ) !default ; // bg 3rd level forms (nested)
33- $bg-form4 : darken ($bg-form1 , 9% ) !default ; // bg 4th level forms (nested)
34- $bg-form-sub-headings : lighten ( $color-brand , 64% ) !default ; // bg nested forms title
35- $bg-header : $color-brand !default ; // bg header bar
36- $bg-inputs : #fff !default ; // bg forms inputs
37- $bg-menu-active : #7b929e !default ; // bg menu item current / hover
38- $bg-sidebar : #efefef ; // bg sidebar
39- $fg-box-title : #fff !default ;
40- $fg-button-link : #fff !default ;
41- $fg-menu-items : #f8f8f8 !default ;
42- $fg-table-borders : #e4e4e4 !default ;
43- $fg-table-link : #eee !default ;
33+ $bg-footer : #dfdfdf ; // bg footer bar
34+ $bg-form1 : #f4f4f4 ; // bg 1st level forms
35+ $bg-form2 : darken ($bg-form1 , 3% ); // bg 2nd level forms (nested)
36+ $bg-form3 : darken ($bg-form1 , 6% ); // bg 3rd level forms (nested)
37+ $bg-form4 : darken ($bg-form1 , 9% ); // bg 4th level forms (nested)
38+ $bg-form-sub-headings : lighten ($color-brand , 64% ) ; // bg nested forms title
39+ $bg-header : $color-brand ; // bg header bar
40+ $bg-inputs : #fff ; // bg forms inputs
41+ $bg-menu-active : #7b929e ; // bg menu item current / hover
42+ $bg-sidebar : #efefef ; // bg sidebar
43+ $fg-box-title : #fff ;
44+ $fg-button-link : #fff ;
45+ $fg-menu-items : #f8f8f8 ;
46+ $fg-table-borders : #e4e4e4 ;
47+ $fg-table-link : #eee ;
4448// other variables
45- $form-padding : 10px !default ;
46- $inputs-spacing : 10px !default ;
47- $height-inputs : 26px !default ;
48- $height-topbar : 40px !default ;
49- $height-titlebar : 38px !default ;
50- $text-shadow : #000 !default ;
49+ $form-padding : 10px ;
50+ $inputs-spacing : 10px ;
51+ $height-inputs : 26px ;
52+ $height-topbar : 40px ;
53+ $height-titlebar : 38px ;
54+ $text-shadow : #000 ;
5155```
5256
5357- To move sidebar on the left add to your Active Admin styles (after blaze theme import):
0 commit comments