Changes
gpt-engineer-app[bot] committed
Nov 27, 2025 at 11:21 UTC
90c468ef168d6a3eca3208d9d86aff72d00676ce
3 files changed
+17
-11
index.html
+3
@@ -3,6 +3,9 @@
3
<head>
4
<meta charset="UTF-8" />
5
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <link rel="preconnect" href="https://fonts.googleapis.com">
7
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
9
<title>ExpensePay - Smart Expense Management</title>
10
<meta name="description" content="Manage your expenses efficiently with ExpensePay - track, approve, and pay business expenses on the go" />
11
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
src/index.css
+11
-11
@@ -17,16 +17,16 @@ All colors MUST be HSL.
17
--popover: 0 0% 100%;
18
--popover-foreground: 215 25% 15%;
19
20
- --primary: 195 85% 45%;
20
+ --primary: 142 76% 45%;
21
--primary-foreground: 0 0% 100%;
22
23
- --secondary: 195 75% 96%;
24
- --secondary-foreground: 195 85% 35%;
23
+ --secondary: 142 60% 96%;
24
+ --secondary-foreground: 142 76% 30%;
25
26
--muted: 210 20% 95%;
27
--muted-foreground: 215 15% 50%;
28
29
- --accent: 175 70% 50%;
29
+ --accent: 158 64% 52%;
30
--accent-foreground: 0 0% 100%;
31
32
--destructive: 0 75% 55%;
@@ -34,7 +34,7 @@ All colors MUST be HSL.
34
35
--border: 210 20% 90%;
36
--input: 210 20% 90%;
37
- --ring: 195 85% 45%;
37
+ --ring: 142 76% 45%;
38
39
--radius: 1rem;
40
@@ -43,7 +43,7 @@ All colors MUST be HSL.
43
44
--nav-bg: 0 0% 100%;
45
--nav-border: 210 20% 90%;
46
- --nav-active: 195 85% 45%;
46
+ --nav-active: 142 76% 45%;
47
48
--expense-positive: 150 70% 45%;
49
--expense-negative: 0 75% 55%;
@@ -61,16 +61,16 @@ All colors MUST be HSL.
61
--popover: 215 25% 12%;
62
--popover-foreground: 210 20% 95%;
63
64
- --primary: 195 85% 55%;
64
+ --primary: 142 76% 55%;
65
--primary-foreground: 0 0% 100%;
66
67
--secondary: 215 25% 18%;
68
- --secondary-foreground: 195 85% 75%;
68
+ --secondary-foreground: 142 76% 75%;
69
70
--muted: 215 25% 18%;
71
--muted-foreground: 215 15% 60%;
72
73
- --accent: 175 70% 55%;
73
+ --accent: 158 64% 58%;
74
--accent-foreground: 0 0% 100%;
75
76
--destructive: 0 75% 60%;
@@ -78,14 +78,14 @@ All colors MUST be HSL.
78
79
--border: 215 25% 20%;
80
--input: 215 25% 20%;
81
- --ring: 195 85% 55%;
81
+ --ring: 142 76% 55%;
82
83
--toolbar-bg: 215 25% 12%;
84
--toolbar-border: 215 25% 20%;
85
86
--nav-bg: 215 25% 12%;
87
--nav-border: 215 25% 20%;
88
- --nav-active: 195 85% 55%;
88
+ --nav-active: 142 76% 55%;
89
90
--expense-positive: 150 70% 50%;
91
--expense-negative: 0 75% 60%;
tailwind.config.ts
+3
@@ -13,6 +13,9 @@ export default {
13
},
14
},
15
extend: {
16
+ fontFamily: {
17
+ sans: ['Inter', 'system-ui', 'sans-serif'],
18
+ },
19
colors: {
20
border: "hsl(var(--border))",
21
input: "hsl(var(--input))",