frontend: read theme colors from Colors.light
Pedro Lucas Porcellis porcellis@eletrotupi.com · 12 days ago
9da626f48d8fc1ad986733b04198d44cf3d40019 Browse filesParents
c1e0d98Changed files
4
Additions
+13
Deletions
-13
frontend/app/entry/[id].tsx
1 1
import { useState, useEffect, use } from "react";
2 2
import {
3 3
StyleSheet,
4 4
View,
5 5
ScrollView,
71 71
}, [entry?.moment]);
72 72
73 73
if (isLoading) {
74 74
return (
75 75
<View style={styles.centered}>
76 -
<ActivityIndicator size="large" color={Theme.colors.tint} />
76 +
<ActivityIndicator size="large" color={Theme.colors.light.tint} />
77 77
</View>
78 78
);
79 79
}
80 80
81 81
if (isError || !entry) {
308 308
}
309 309
310 310
const styles = StyleSheet.create({
311 311
container: {
312 312
flex: 1,
313 -
backgroundColor: Theme.colors.background,
313 +
backgroundColor: Theme.colors.light.background,
314 314
},
315 315
content: {
316 316
padding: Spacing.containerPadding,
317 317
gap: Spacing.sectionGap,
318 318
paddingBottom: 48,
328 328
color: Colors.light.textSecondary,
329 329
},
330 330
backButton: {
331 331
paddingHorizontal: 20,
332 332
paddingVertical: 10,
333 -
backgroundColor: Theme.colors.tint,
333 +
backgroundColor: Theme.colors.light.tint,
334 334
borderRadius: Theme.borderRadius.md,
335 335
},
336 336
backButtonText: {
337 337
fontWeight: "700",
338 -
color: Theme.colors.text,
338 +
color: Theme.colors.light.text,
339 339
},
340 340
341 341
// Header
342 342
headerCard: {
343 343
padding: 16,
384 384
color: Colors.light.textSecondary,
385 385
},
386 386
componentIntensityGreen: {
387 387
fontSize: 13,
388 388
fontWeight: "700",
389 -
color: Theme.colors.tint,
389 +
color: Theme.colors.light.tint,
390 390
},
391 391
progressTrack: {
392 392
height: 6,
393 393
backgroundColor: Theme.colors.light.divider,
394 394
borderRadius: Theme.borderRadius.full,
443 443
height: "100%",
444 444
borderRadius: 99,
445 445
},
446 446
447 447
});
frontend/app/entry/mood-components.tsx
1 1
import React from "react";
2 2
import { View, ScrollView, Pressable, StyleSheet } from "react-native";
3 3
import { Text } from "@/components/ui/Text";
4 4
import { router } from "expo-router";
5 5
import { Ionicons } from "@expo/vector-icons";
37 37
return (
38 38
<View style={styles.container} testID="screen-mood-components">
39 39
{/* Header */}
40 40
<View style={styles.header}>
41 41
<Pressable onPress={() => router.back()} hitSlop={8}>
42 -
<Ionicons name="close" size={24} color={Theme.colors.text} />
42 +
<Ionicons name="close" size={24} color={Theme.colors.light.text} />
43 43
</Pressable>
44 44
<Text style={styles.headerTitle}>Adicionar estados</Text>
45 45
<Pressable onPress={handleDone} hitSlop={8} testID="header-done">
46 46
<Text style={styles.headerAction}>Pronto</Text>
47 47
</Pressable>
242 242
fontSize: Theme.typography.bodyMd.fontSize,
243 243
fontWeight: "500",
244 244
color: Theme.colors.light.text,
245 245
},
246 246
});
frontend/app/sleep/[id].tsx
1 1
import { useState, useEffect, use } from "react";
2 2
import {
3 3
StyleSheet,
4 4
View,
5 5
ScrollView,
164 164
}
165 165
166 166
const styles = StyleSheet.create({
167 167
container: {
168 168
flex: 1,
169 -
backgroundColor: Theme.colors.background,
169 +
backgroundColor: Theme.colors.light.background,
170 170
},
171 171
content: {
172 172
padding: Spacing.containerPadding,
173 173
gap: Spacing.sectionGap,
174 174
paddingBottom: 48,
213 213
color: Colors.light.textSecondary,
214 214
},
215 215
backButton: {
216 216
paddingHorizontal: 20,
217 217
paddingVertical: 10,
218 -
backgroundColor: Theme.colors.tint,
218 +
backgroundColor: Theme.colors.light.tint,
219 219
borderRadius: Theme.borderRadius.md,
220 220
},
221 221
backButtonText: {
222 222
fontWeight: "700",
223 -
color: Theme.colors.text,
223 +
color: Theme.colors.light.text,
224 224
},
225 225
226 226
// Header
227 227
headerCard: {
228 228
padding: 16,
269 269
color: Colors.light.textSecondary,
270 270
},
271 271
componentIntensityGreen: {
272 272
fontSize: 13,
273 273
fontWeight: "700",
274 -
color: Theme.colors.tint,
274 +
color: Theme.colors.light.tint,
275 275
},
276 276
progressTrack: {
277 277
height: 6,
278 278
backgroundColor: Theme.colors.light.divider,
279 279
borderRadius: Theme.borderRadius.full,
295 295
},
296 296
deleteInfo: {
297 297
marginTop: 4,
298 298
},
299 299
});
frontend/app/triggers/[id].tsx
1 1
import { useState, useEffect, use } from "react";
2 2
import {
3 3
StyleSheet,
4 4
View,
5 5
ScrollView,
300 300
}
301 301
302 302
const styles = StyleSheet.create({
303 303
container: {
304 304
flex: 1,
305 -
backgroundColor: Theme.colors.background,
305 +
backgroundColor: Theme.colors.light.background,
306 306
},
307 307
content: {
308 308
padding: Spacing.containerPadding,
309 309
gap: Spacing.sectionGap,
310 310
paddingBottom: 48,
338 338
color: Colors.light.textSecondary,
339 339
},
340 340
backButton: {
341 341
paddingHorizontal: 20,
342 342
paddingVertical: 10,
343 -
backgroundColor: Theme.colors.tint,
343 +
backgroundColor: Theme.colors.light.tint,
344 344
borderRadius: Theme.borderRadius.md,
345 345
},
346 346
backButtonText: {
347 347
fontWeight: "700",
348 -
color: Theme.colors.text,
348 +
color: Theme.colors.light.text,
349 349
},
350 350
351 351
// Pending link banner
352 352
linkBanner: {
353 353
flexDirection: 'row',
438 438
impactFill: {
439 439
height: "100%",
440 440
borderRadius: 99,
441 441
},
442 442
});