eletrotupi / tcc/ frontend/constants/theme.tse767eac862370de7f00267c757d71ab7aa9f6982
1.6 KB | 53 lines Raw
1
/**
2
 * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
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
 */
5
6
import { Platform } from 'react-native';
7
8
const tintColorLight = '#0a7ea4';
9
const tintColorDark = '#fff';
10
11
export const Colors = {
12
  light: {
13
    text: '#11181C',
14
    background: '#fff',
15
    tint: tintColorLight,
16
    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,
27
  },
28
};
29
30
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
  default: {
42
    sans: 'normal',
43
    serif: 'serif',
44
    rounded: 'normal',
45
    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
  },
53
});