frontend: drop dark mode entirely
Parents:
e767eac2 file(s) changed
- frontend/constants/theme.ts +6 -29
- frontend/hooks/use-theme-color.ts +1 -1
frontend/constants/theme.ts
@@ -5,49 +5,26 @@ */
5 5
6 6 import { Platform } from 'react-native';
7 7
8 - const tintColorLight = '#0a7ea4';
9 - const tintColorDark = '#fff';
8 + const tintColorLight = '#12ED5C';
9 + const tintColorSecondary = '#618A70';
10 + const black = '#121712';
10 11
11 12 export const Colors = {
12 13 light: {
13 - text: '#11181C',
14 + text: '#121712',
14 15 background: '#fff',
15 16 tint: tintColorLight,
16 17 icon: '#687076',
17 - tabIconDefault: '#687076',
18 - tabIconSelected: tintColorLight,
19 - },
20 - dark: {
21 - text: '#ECEDEE',
22 - background: '#151718',
23 - tint: tintColorDark,
24 - icon: '#9BA1A6',
25 - tabIconDefault: '#9BA1A6',
26 - tabIconSelected: tintColorDark,
18 + tabIconDefault: tintColorSecondary,
19 + tabIconSelected: black,
27 20 },
28 21 };
29 22
30 23 export const Fonts = Platform.select({
31 - ios: {
32 - /** iOS `UIFontDescriptorSystemDesignDefault` */
33 - sans: 'system-ui',
34 - /** iOS `UIFontDescriptorSystemDesignSerif` */
35 - serif: 'ui-serif',
36 - /** iOS `UIFontDescriptorSystemDesignRounded` */
37 - rounded: 'ui-rounded',
38 - /** iOS `UIFontDescriptorSystemDesignMonospaced` */
39 - mono: 'ui-monospace',
40 - },
41 24 default: {
42 25 sans: 'normal',
43 26 serif: 'serif',
44 27 rounded: 'normal',
45 28 mono: 'monospace',
46 - },
47 - web: {
48 - sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
49 - serif: "Georgia, 'Times New Roman', serif",
50 - rounded: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif",
51 - mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
52 29 },
53 30 });
frontend/hooks/use-theme-color.ts
@@ -10,7 +10,7 @@ export function useThemeColor(
10 10 props: { light?: string; dark?: string },
11 11 colorName: keyof typeof Colors.light & keyof typeof Colors.dark
12 12 ) {
13 - const theme = useColorScheme() ?? 'light';
13 + const theme = 'light';
14 14 const colorFromProps = props[theme];
15 15
16 16 if (colorFromProps) {