frontend: add labelXs and export theme objs
Parents:
862e8d71 file(s) changed
- frontend/constants/theme.ts +22 -1
frontend/constants/theme.ts
@@ -76,6 +76,8 @@
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
@@ -129,7 +131,7 @@ 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({
@@ -141,6 +143,17 @@ 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 = {
@@ -191,3 +204,11 @@ 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 + };