eletrotupi / tcc/ commit / 9735b04

frontend: define some typography

Pedro Lucas Porcellis porcellis@eletrotupi.com · 5 months ago 9735b04da6091b4594151f6149f19020965a6624 Browse files
Parents 5c917bd
Changed files
1
Additions
+57
Deletions
-2
frontend/constants/theme.ts modified+57 -2
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
69 69 
  disabled: '#cbd5e1',
70 70 
  divider: BORDER_SUBTLE,
71 71 
  },
72 72 
};
73 73
74 + 
export const Typography = {
75 + 
  // Headlines
76 + 
  headlineLg: {
77 + 
    fontFamily: Platform.select({
78 + 
      android: 'Inter_900Black',
79 + 
      default: 'Inter',
80 + 
    }),
81 + 
    fontSize: 20,
82 + 
    fontWeight: '900' as const,
83 + 
    lineHeight: 28,
84 + 
    letterSpacing: -0.02,
85 + 
  },
86 + 
  headlineMd: {
87 + 
    fontFamily: Platform.select({
88 + 
      android: 'Inter',
89 + 
      default: 'Inter',
90 + 
    }),
91 + 
    fontSize: 18,
92 + 
    fontWeight: '700' as const,
93 + 
    lineHeight: 24,
94 + 
  },
95 +
96 + 
  // Body
97 + 
  bodyLg: {
98 + 
    fontFamily: Platform.select({
99 + 
      android: 'Inter',
100 + 
      default: 'Inter',
101 + 
    }),
102 + 
    fontSize: 16,
103 + 
    fontWeight: '700' as const,
104 + 
    lineHeight: 20,
105 + 
  },
106 + 
  bodyMd: {
107 + 
    fontFamily: Platform.select({
108 + 
      android: 'Inter',
109 + 
      default: 'Inter',
110 + 
    }),
111 + 
    fontSize: 14,
112 + 
    fontWeight: '500' as const,
113 + 
    lineHeight: 20,
114 + 
  },
115 +
116 + 
  // Labels
117 + 
  labelSm: {
118 + 
    fontFamily: Platform.select({
119 + 
      android: 'Inter',
120 + 
      default: 'Inter',
121 + 
    }),
122 + 
    fontSize: 12,
123 + 
    fontWeight: '600' as const,
124 + 
    lineHeight: 16,
125 + 
    letterSpacing: 0.05,
126 + 
  },
127 + 
};
128 +
74 129 
export const Fonts = Platform.select({
75 130 
  default: {
76 - 
    sans: 'normal',
131 + 
    sans: 'Inter',
77 132 
    serif: 'serif',
78 - 
    rounded: 'normal',
133 + 
    rounded: 'Inter',
79 134 
    mono: 'monospace',
80 135 
  },
81 136 
});