frontend: add danger color
Pedro Lucas Porcellis porcellis@eletrotupi.com · 5 months ago
e44ddbff4e7e80fe9945824c483bee0da57c0b85 Browse filesParents
af0c75dChanged files
1
Additions
+12
Deletions
-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
77 77
78 78
// Disabled / Secondary
79 79
disabled: '#cbd5e1',
80 80
divider: BORDER_SUBTLE,
81 81
sliderTracking: '#E2E8F0',
82 -
sliderLabels: '#94a3b8'
82 +
sliderLabels: '#94a3b8',
83 +
danger: '#EF4444'
83 84
},
84 85
};
85 86
86 87
export const Typography = {
87 88
// Headlines
153 154
default: 'Inter',
154 155
}),
155 156
fontSize: 10,
156 157
lineHeight: 15,
157 158
letterSpacing: 0.25
159 +
},
160 +
161 +
cardHint: {
162 +
fontFamily: Platform.select({
163 +
android: 'Inter',
164 +
default: 'Inter',
165 +
}),
166 +
fontSize: 11,
167 +
lineHeight: 13.8,
168 +
fontStyle: "italic"
158 169
}
159 170
};
160 171
161 172
export const Spacing = {
162 173
containerPadding: 16, // 1rem
212 223
typography: Typography,
213 224
spacing: Spacing,
214 225
shadows: Shadows,
215 226
borderRadius: BorderRadius
216 227
};