eletrotupi / tcc/ commit / 0329ddc

frontend: add labelXs and export theme objs

Pedro Lucas Porcellis porcellis@eletrotupi.com · 5 months ago 0329ddc54ab1a3129b2f15060b17e08d8afa15f0 Browse files
Parents 862e8d7
Changed files
1
Additions
+22
Deletions
-1
frontend/constants/theme.ts modified+22 -1
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
74 74 
    accentPurple: PILL_PURPLE,
75 75
76 76 
    // Disabled / Secondary
77 77 
    disabled: '#cbd5e1',
78 78 
    divider: BORDER_SUBTLE,
79 + 
    sliderTracking: '#E2E8F0',
80 + 
    sliderLabels: '#94a3b8'
79 81 
  },
80 82 
};
81 83
82 84 
export const Typography = {
83 85 
  // Headlines
127 129 
    }),
128 130 
    fontSize: 14,
129 131 
    fontWeight: '500' as const,
130 132 
    lineHeight: 20,
131 133 
  },
132 -
134 +
133 135 
  // Labels
134 136 
  labelSm: {
135 137 
    fontFamily: Platform.select({
136 138 
      android: 'Inter',
137 139 
      default: 'Inter',
139 141 
    fontSize: 12,
140 142 
    fontWeight: '600' as const,
141 143 
    lineHeight: 16,
142 144 
    letterSpacing: 0.05,
143 145 
  },
146 +
147 + 
  // Used for the Slider labels
148 + 
  labelXs: {
149 + 
    fontFamily: Platform.select({
150 + 
      android: 'Inter',
151 + 
      default: 'Inter',
152 + 
    }),
153 + 
    fontSize: 10,
154 + 
    lineHeight: 15,
155 + 
    letterSpacing: 0.25
156 + 
  }
144 157 
};
145 158
146 159 
export const Spacing = {
147 160 
  containerPadding: 16, // 1rem
148 161 
  sectionGap: 32, // 2rem
189 202 
    serif: 'serif',
190 203 
    rounded: 'Inter',
191 204 
    mono: 'monospace',
192 205 
  },
193 206 
});
207 +
208 + 
export const Theme = {
209 + 
  colors: Colors,
210 + 
  typography: Typography,
211 + 
  spacing: Spacing,
212 + 
  shadows: Shadows,
213 + 
  borderRadius: BorderRadius
214 + 
};