/
variables.scss
99 lines (73 loc) · 2.75 KB
/
variables.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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/v2/theming/
$font-path: "../assets/fonts";
@import "ionic.globals";
// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.
$colors: (
primary: #387ef5,
secondary: #32db64,
danger: #f53d3d,
light: #f4f4f4,
dark: #222,
navbarColor: #fff,
northbricksorange: #f05f40,
toolbarTitleTextColor:#000
);
$toolbar-backgroud:#fff;
$tabs-background:#3B3B3B;
$tabs-ios-tab-text-color:#FFC40E;
$tabs-ios-tab-text-color-active:#FFC40E;
$tabs-ios-tab-icon-color: #FFC40E;
$tabs-ios-tab-icon-color-active: #FFC40E;
$tabs-md-tab-icon-color: #FFC40E;
$tabs-md-tab-icon-color-active: #FFC40E;
$tabs-md-tab-text-color:#FFC40E;
$tabs-md-tab-text-color-active:#FFC40E;
$background-color:#f6f6f6;
$list-background-color:#fff;
// $tabs-md-tab-text-color:#fff;
// $tabs-md-tab-text-color-active:#fff;
$text-color:#000;
// $tab-button-md-active-color:#fff;
// $tab-button-md-inactive-color:#fff;
// $tabs-md-tab-color: #fff;
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here
.toolbar-title.toolbar-title-md,
.toolbar-title.toolbar-title-ios,
.toolbar-title.toolbar-title-wp { color: map-get($colors, toolbarTitleTextColor); }
// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.
@import "ionic.theme.default";
// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/
@import "ionic.ionicons";
// Fonts
// --------------------------------------------------
@import "roboto";
@import "noto-sans";