attendance_tracker/global.css at master · Xeramian/attendance_tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
@import 'tailwindcss/theme.css' layer(theme);
@import 'tailwindcss/preflight.css' layer(base);
@import 'tailwindcss/utilities.css';

@import 'nativewind/theme';

@theme {

    --font-lexend-1: Lexend-ExtraLight;
    --font-lexend-2: Lexend-Light;
    --font-lexend-3: Lexend-Thin;
    --font-lexend-4: Lexend-Regular;
    --font-lexend-5: Lexend-Medium;
    --font-lexend-6: Lexend-SemiBold;
    --font-lexend-7: Lexend-Bold;
    --font-lexend-8: Lexend-ExtraBold;
    --font-lexend-9: Lexend-Black;


    --color-primary-text: #111418;
    --color-secondary-text: #617589;
    --color-tertiary-text: #374151;
    --color-quaternary-text: #4B5563;

    --color-nav: #137FEC;

    --color-urgent: #EA580C;
    --color-urgent-accent: #FFF7ED;

    --color-interactive: #FFFFFF;

    --color-page: #F7F8F9;
    --color-page-offset: #E5E7EB;

    --color-light-border: #F3F4F6;

    --color-ui: #137FEC;
    --color-ui-accent: #EFF6FF;

    --color-card-primary: #137FEC;
    --color-card-secondary: #FFFFFF;

    --color-card-bar-primary: #FFFFFF;
    --color-card-bar-secondary: #CCCCCC;

    --color-card-primary-text: #FFFFFF;
    --color-card-secondary-text: #DBEAFE;


    --color-blue-background: #EFF6FF;
    --color-blue: #2563EB;
    --color-purple-background: #FAF5FF;
    --color-purple: #9333EA;
    --color-green-background: #F0FDF4;
    --color-green: #16A34A;
    --color-orange-background: #FFF7ED;
    --color-orange: #EA580C;
    --color-pink-background: #FDF2F8;
    --color-pink: #DB2777;
    --color-cyan-background: #F0FDFA;
    --color-cyan: #0D9488;
    --color-red-background: #FEF2F2;
    --color-red: #EF4444;
    --color-yellow-background: #FEFCE8;
    --color-yellow: #CA8A04;

    --color-danger-background: #FEE2E2;
    --color-danger: #B91C1C;
    --color-success-background: #DCFCE7;
    --color-success: #15803D;

    --color-subject-blue: #3B82F6;
    --color-subject-green: #22C55E;
    --color-subject-purple: #A855F7;
    --color-subject-orange: #F97316;
    --color-subject-pink: #EC4899;
    --color-subject-gray: #6B7280;
}

@utility text-fix {
  /* NativeWind translates these to React Native specific styles */
  include-font-padding: false;
}