+ --ion-color-danger-rgb: 235,68,90;
|
|
|
114
|
+ --ion-color-danger-contrast: #000000;
|
|
|
115
|
+ --ion-color-danger-contrast-rgb: 0,0,0;
|
|
|
116
|
+ --ion-color-danger-shade: #cf3c4f;
|
|
|
117
|
+ --ion-color-danger-tint: #ed576b;
|
|
|
118
|
+
|
|
|
119
|
+ --ion-color-light: #f4f5f8;
|
|
|
120
|
+ --ion-color-light-rgb: 244,245,248;
|
|
|
121
|
+ --ion-color-light-contrast: #000000;
|
|
|
122
|
+ --ion-color-light-contrast-rgb: 0,0,0;
|
|
|
123
|
+ --ion-color-light-shade: #d7d8da;
|
|
|
124
|
+ --ion-color-light-tint: #f5f6f9;
|
|
|
125
|
+
|
|
|
126
|
+ --ion-color-medium: #92949c;
|
|
|
127
|
+ --ion-color-medium-rgb: 146,148,156;
|
|
|
128
|
+ --ion-color-medium-contrast: #000000;
|
|
|
129
|
+ --ion-color-medium-contrast-rgb: 0,0,0;
|
|
|
130
|
+ --ion-color-medium-shade: #808289;
|
|
|
131
|
+ --ion-color-medium-tint: #9d9fa6;
|
|
|
132
|
+
|
|
|
133
|
+ --ion-color-dark: #222428;
|
|
|
134
|
+ --ion-color-dark-rgb: 34,36,40;
|
|
|
135
|
+ --ion-color-dark-contrast: #ffffff;
|
|
|
136
|
+ --ion-color-dark-contrast-rgb: 255,255,255;
|
|
|
137
|
+ --ion-color-dark-shade: #1e2023;
|
|
|
138
|
+ --ion-color-dark-tint: #383a3e;
|
|
148
|
139
|
}
|
|
149
|
140
|
|
|
150
|
141
|
/*
|
|
|
@@ -233,10 +224,16 @@ http://ionicframework.com/docs/theming/ */
|
|
233
|
224
|
|
|
234
|
225
|
--ion-card-background: #1e1e1e;
|
|
235
|
226
|
}
|
|
236
|
|
-}
|
|
237
|
227
|
|
|
238
|
228
|
html {
|
|
239
|
229
|
/* For more information on dynamic font scaling, visit the documentation:
|
|
240
|
230
|
https://ionicframework.com/docs/layout/dynamic-font-scaling */
|
|
241
|
231
|
--ion-dynamic-font: var(--ion-default-dynamic-font);
|
|
242
|
232
|
}
|
|
|
233
|
+ion-toggle {
|
|
|
234
|
+ --track-background: #ccc;
|
|
|
235
|
+}
|
|
|
236
|
+ion-chip {
|
|
|
237
|
+ --background:#fff;
|
|
|
238
|
+ --color:#f00;
|
|
|
239
|
+}
|
|
|
@@ -16,7 +16,7 @@
|
|
16
|
16
|
<ion-label>Notifications</ion-label>
|
|
17
|
17
|
</ion-list-header>
|
|
18
|
18
|
<ion-item>
|
|
19
|
|
- <ion-toggle v-model="liveNoti">Receive Live Notifications</ion-toggle>
|
|
|
19
|
+ <ion-toggle v-model="liveNoti" color="primary">Receive Live Notifications</ion-toggle>
|
|
20
|
20
|
</ion-item>
|
|
21
|
21
|
<ion-item>
|
|
22
|
22
|
<ion-toggle v-model="newsNoti">Receive News Update</ion-toggle>
|