scss/ionic.app.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

/*
To customize the look and feel of Ionic, you can override the variables
in ionic's _variables.scss file.

For example, you might change some of the default colors:

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ffc900 !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$dark:                            #444 !default;
*/

// The path for our ionicons font files, relative to the built CSS in www/css
$ionicons-font-path: "../lib/ionic/fonts" !default;


$stable:                        #00A0A0 !default;
$positive:                      #367588 !default;
$assertive:                     #cd5c5c !default;
$balanced:                      #66cdaa !default;


$button-stable-active-bg:       #00B0B0 !default;
$button-stable-active-border:   #00B0B0 !default;

$dark:                        #008080 !default;
$button-stable-text:	      #FFFFFF !default;

$button-border-radius:            15px !default;
$button-stable-border:            #00A0A0 !default;

$input-color-placeholder:        #BBBBBB !default;

$range-slider-box-shadow:   0 0 0px rgba(0,0,0,.3), 0 0px 0px rgba(0,0,0,0.2) !default;
//$range-slider-border-radius:      10% !default;
$range-positive-track-bg:  #00A0A0 !default;


// Include all of Ionic
@import "www/lib/ionic/scss/ionic";