eletrotupi / tcc/ commit / 5d2d880

frontend: replace surface light with pure white

Pedro Lucas Porcellis porcellis@eletrotupi.com 1 month ago 5d2d8805510eedeef6c368247dedf274a649742c
Parents: 80d91bc
1 file(s) changed
  • frontend/constants/theme.ts +10 -4
frontend/constants/theme.ts
1 1 
/**
2 2 
 * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
3 3 
 * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
4 4 
 */
5 5
▸ 3 unchanged lines
9 9 
const NEON_GREEN = "#13ec5b";
10 10 
const PRIMARY_DARK = "#0f172a";
11 11
12 12 
// Surface & Background
13 13 
const BACKGROUND_LIGHT = "#f6f8f6";
14 - 
const SURFACE_LIGHT = "#ffffff";
15 14 
const BACKGROUND_DARK_GHOST = "#F8FAFC";
16 15
17 16 
// Text Colors
18 17 
const TEXT_PRIMARY = "#0f172a";
19 18 
const TEXT_SECONDARY = "#64748b";
▸ 13 unchanged lines
33 32 
const tintColorLight = "#12ED5C";
34 33 
const tintColorSecondary = "#618A70";
35 34 
const GRAY = "#475569";
36 35 
const LIGHT_GRAY = "#64748B";
37 36 
const LIGHT_SLATE_GRAY = "#94A3B8";
37 + 
const PURE_WHITE = "#FFFFFF";
38 38
39 39 
export const Colors = {
40 40 
  light: {
41 41 
    // Primary Actions & Focus
42 42 
    text: TEXT_PRIMARY,
43 43 
    textSecondary: TEXT_SECONDARY,
44 44 
    background: BACKGROUND_LIGHT,
45 - 
    surface: SURFACE_LIGHT,
45 + 
    surface: PURE_WHITE,
46 46 
    tint: NEON_GREEN,
47 47 
    backgroundDarkGhost: BACKGROUND_DARK_GHOST,
48 48 
    borderDashed: BORDER_SUBTLE_LIGHT_GRAY,
49 49 
    smallAddButtonIcon: BORDER_SUBTLE_LIGHT_GRAY,
50 50
51 + 
    // Secondary
52 + 
    neutral: '#6F7A6D',
53 + 
    //secondaryBackground: '#E0EBDB',
54 + 
    secondaryBackground: '#0EB545',
55 +
51 56 
    // Interactive States
52 57 
    icon: TEXT_SECONDARY,
53 58 
    tabIconDefault: TEXT_SECONDARY,
54 59 
    tabIconSelected: NEON_GREEN,
55 60
56 61 
    // Form Inputs
57 - 
    inputBackgroundColor: SURFACE_LIGHT,
62 + 
    inputBackgroundColor: PURE_WHITE,
58 63 
    inputBackgroundDarkGhostColor: BACKGROUND_DARK_GHOST,
59 64 
    inputBorderColor: BORDER_SUBTLE_GRAY,
60 65 
    inputFocusBorderColor: NEON_GREEN,
61 66 
    inputPlaceholderColor: TEXT_PLACEHOLDER,
62 67
63 68 
    // Cards & Containers
64 - 
    cardBackground: SURFACE_LIGHT,
69 + 
    cardBackground: PURE_WHITE,
65 70 
    cardBorder: BORDER_SUBTLE,
66 71 
    cardShadow: "rgba(0, 0, 0, 0.05)",
67 72
68 73 
    // Active / Inactive States
69 74 
    activeBackground: STATUS_ACTIVE_BG,
▸ 5 unchanged lines
75 80 
    accentIndigo: PILL_INDIGO,
76 81 
    accentPurple: PILL_PURPLE,
77 82 
    accentDarkPurple: "#7F77DD",
78 83
79 84 
    // Some grays
85 + 
    white: PURE_WHITE,
80 86 
    gray: GRAY,
81 87 
    lightGray: LIGHT_GRAY,
82 88 
    lightSlateGray: LIGHT_SLATE_GRAY,
83 89 
    black: PRIMARY_DARK,
84 90
▸ 148 unchanged lines
233 239 
  typography: Typography,
234 240 
  spacing: Spacing,
235 241 
  shadows: Shadows,
236 242 
  borderRadius: BorderRadius,
237 243 
};