Skip to content

Commit d431760

Browse files
drckgomzdrckgomz
committed
added theme UTSA colors inspired
1 parent 53f28bf commit d431760

File tree

3 files changed

+160
-66
lines changed

3 files changed

+160
-66
lines changed

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@
2525
"@radix-ui/react-checkbox": "^1.3.3",
2626
"@radix-ui/react-dropdown-menu": "^2.1.16",
2727
"@radix-ui/react-icons": "^1.3.2",
28+
"@radix-ui/react-label": "^2.1.8",
2829
"@radix-ui/react-navigation-menu": "^1.2.14",
2930
"@radix-ui/react-progress": "^1.1.8",
3031
"@radix-ui/react-scroll-area": "^1.2.10",

‎pnpm-lock.yaml‎

Lines changed: 25 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/app/globals.css‎

Lines changed: 134 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
@theme inline {
77
--color-background: var(--background);
88
--color-foreground: var(--foreground);
9-
--font-sans: var(--font-geist-sans);
10-
--font-mono: var(--font-geist-mono);
9+
--font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
10+
--font-mono: JetBrains Mono, ui-monospace, monospace;
1111
--color-sidebar-ring: var(--sidebar-ring);
1212
--color-sidebar-border: var(--sidebar-border);
1313
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -41,75 +41,142 @@
4141
--radius-md: calc(var(--radius) - 2px);
4242
--radius-lg: var(--radius);
4343
--radius-xl: calc(var(--radius) + 4px);
44+
--font-serif: Merriweather, ui-serif, serif;
45+
--radius: 0.25rem;
46+
--tracking-tighter: calc(var(--tracking-normal) - 0.05em);
47+
--tracking-tight: calc(var(--tracking-normal) - 0.025em);
48+
--tracking-wide: calc(var(--tracking-normal) + 0.025em);
49+
--tracking-wider: calc(var(--tracking-normal) + 0.05em);
50+
--tracking-widest: calc(var(--tracking-normal) + 0.1em);
51+
--tracking-normal: var(--tracking-normal);
52+
--shadow-2xl: var(--shadow-2xl);
53+
--shadow-xl: var(--shadow-xl);
54+
--shadow-lg: var(--shadow-lg);
55+
--shadow-md: var(--shadow-md);
56+
--shadow: var(--shadow);
57+
--shadow-sm: var(--shadow-sm);
58+
--shadow-xs: var(--shadow-xs);
59+
--shadow-2xs: var(--shadow-2xs);
60+
--spacing: var(--spacing);
61+
--letter-spacing: var(--letter-spacing);
62+
--shadow-offset-y: var(--shadow-offset-y);
63+
--shadow-offset-x: var(--shadow-offset-x);
64+
--shadow-spread: var(--shadow-spread);
65+
--shadow-blur: var(--shadow-blur);
66+
--shadow-opacity: var(--shadow-opacity);
67+
--color-shadow-color: var(--shadow-color);
68+
--color-destructive-foreground: var(--destructive-foreground);
4469
}
4570

4671
:root {
47-
--radius: 0.625rem;
48-
--background: oklch(1 0 0);
49-
--foreground: oklch(0.145 0 0);
50-
--card: oklch(1 0 0);
51-
--card-foreground: oklch(0.145 0 0);
52-
--popover: oklch(1 0 0);
53-
--popover-foreground: oklch(0.145 0 0);
54-
--primary: oklch(0.205 0 0);
55-
--primary-foreground: oklch(0.985 0 0);
56-
--secondary: oklch(0.97 0 0);
57-
--secondary-foreground: oklch(0.205 0 0);
58-
--muted: oklch(0.97 0 0);
59-
--muted-foreground: oklch(0.556 0 0);
60-
--accent: oklch(0.97 0 0);
61-
--accent-foreground: oklch(0.205 0 0);
62-
--destructive: oklch(0.577 0.245 27.325);
63-
--border: oklch(0.922 0 0);
64-
--input: oklch(0.922 0 0);
65-
--ring: oklch(0.708 0 0);
66-
--chart-1: oklch(0.646 0.222 41.116);
67-
--chart-2: oklch(0.6 0.118 184.704);
68-
--chart-3: oklch(0.398 0.07 227.392);
69-
--chart-4: oklch(0.828 0.189 84.429);
70-
--chart-5: oklch(0.769 0.188 70.08);
71-
--sidebar: oklch(0.985 0 0);
72-
--sidebar-foreground: oklch(0.145 0 0);
73-
--sidebar-primary: oklch(0.205 0 0);
74-
--sidebar-primary-foreground: oklch(0.985 0 0);
75-
--sidebar-accent: oklch(0.97 0 0);
76-
--sidebar-accent-foreground: oklch(0.205 0 0);
77-
--sidebar-border: oklch(0.922 0 0);
78-
--sidebar-ring: oklch(0.708 0 0);
72+
--radius: 0.25rem;
73+
--background: oklch(0.9725 0.0045 258.3246);
74+
--foreground: oklch(0.3218 0.0248 255.7016);
75+
--card: oklch(1.0000 0 0);
76+
--card-foreground: oklch(0.3218 0.0248 255.7016);
77+
--popover: oklch(1.0000 0 0);
78+
--popover-foreground: oklch(0.3218 0.0248 255.7016);
79+
--primary: oklch(0.4066 0.0878 255.9691);
80+
--primary-foreground: oklch(1.0000 0 0);
81+
--secondary: oklch(0.6836 0.1603 58.6296);
82+
--secondary-foreground: oklch(0.3218 0.0248 255.7016);
83+
--muted: oklch(0.9510 0.0063 255.4756);
84+
--muted-foreground: oklch(0.5612 0.0241 252.6253);
85+
--accent: oklch(0.7838 0.1630 77.8824);
86+
--accent-foreground: oklch(0.3218 0.0248 255.7016);
87+
--destructive: oklch(0.6522 0.1773 24.9057);
88+
--border: oklch(0.8921 0.0087 247.9239);
89+
--input: oklch(0.9567 0.0052 247.8779);
90+
--ring: oklch(0.4873 0.1040 259.8157);
91+
--chart-1: oklch(0.4066 0.0878 255.9691);
92+
--chart-2: oklch(0.6836 0.1603 58.6296);
93+
--chart-3: oklch(0.7838 0.1630 77.8824);
94+
--chart-4: oklch(0.7323 0.0250 250.1511);
95+
--chart-5: oklch(0.8702 0.0106 247.9479);
96+
--sidebar: oklch(0.9510 0.0063 255.4756);
97+
--sidebar-foreground: oklch(0.3218 0.0248 255.7016);
98+
--sidebar-primary: oklch(0.4066 0.0878 255.9691);
99+
--sidebar-primary-foreground: oklch(1.0000 0 0);
100+
--sidebar-accent: oklch(0.7838 0.1630 77.8824);
101+
--sidebar-accent-foreground: oklch(0.3218 0.0248 255.7016);
102+
--sidebar-border: oklch(0.8921 0.0087 247.9239);
103+
--sidebar-ring: oklch(0.4873 0.1040 259.8157);
104+
--destructive-foreground: oklch(1.0000 0 0);
105+
--font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
106+
--font-serif: Merriweather, ui-serif, serif;
107+
--font-mono: JetBrains Mono, ui-monospace, monospace;
108+
--shadow-color: #002d62;
109+
--shadow-opacity: 0.1;
110+
--shadow-blur: 10px;
111+
--shadow-spread: 0px;
112+
--shadow-offset-x: 0px;
113+
--shadow-offset-y: 4px;
114+
--letter-spacing: 0em;
115+
--spacing: 0.25rem;
116+
--shadow-2xs: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.05);
117+
--shadow-xs: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.05);
118+
--shadow-sm: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 1px 2px -1px hsl(212.4490 100.0000% 19.2157% / 0.10);
119+
--shadow: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 1px 2px -1px hsl(212.4490 100.0000% 19.2157% / 0.10);
120+
--shadow-md: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 2px 4px -1px hsl(212.4490 100.0000% 19.2157% / 0.10);
121+
--shadow-lg: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 4px 6px -1px hsl(212.4490 100.0000% 19.2157% / 0.10);
122+
--shadow-xl: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 8px 10px -1px hsl(212.4490 100.0000% 19.2157% / 0.10);
123+
--shadow-2xl: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.25);
124+
--tracking-normal: 0em;
79125
}
80126

81127
.dark {
82-
--background: oklch(0.145 0 0);
83-
--foreground: oklch(0.985 0 0);
84-
--card: oklch(0.205 0 0);
85-
--card-foreground: oklch(0.985 0 0);
86-
--popover: oklch(0.205 0 0);
87-
--popover-foreground: oklch(0.985 0 0);
88-
--primary: oklch(0.922 0 0);
89-
--primary-foreground: oklch(0.205 0 0);
90-
--secondary: oklch(0.269 0 0);
91-
--secondary-foreground: oklch(0.985 0 0);
92-
--muted: oklch(0.269 0 0);
93-
--muted-foreground: oklch(0.708 0 0);
94-
--accent: oklch(0.269 0 0);
95-
--accent-foreground: oklch(0.985 0 0);
96-
--destructive: oklch(0.704 0.191 22.216);
97-
--border: oklch(1 0 0 / 10%);
98-
--input: oklch(1 0 0 / 15%);
99-
--ring: oklch(0.556 0 0);
100-
--chart-1: oklch(0.488 0.243 264.376);
101-
--chart-2: oklch(0.696 0.17 162.48);
102-
--chart-3: oklch(0.769 0.188 70.08);
103-
--chart-4: oklch(0.627 0.265 303.9);
104-
--chart-5: oklch(0.645 0.246 16.439);
105-
--sidebar: oklch(0.205 0 0);
106-
--sidebar-foreground: oklch(0.985 0 0);
107-
--sidebar-primary: oklch(0.488 0.243 264.376);
108-
--sidebar-primary-foreground: oklch(0.985 0 0);
109-
--sidebar-accent: oklch(0.269 0 0);
110-
--sidebar-accent-foreground: oklch(0.985 0 0);
111-
--sidebar-border: oklch(1 0 0 / 10%);
112-
--sidebar-ring: oklch(0.556 0 0);
128+
--background: oklch(0.2050 0.0200 248.8302);
129+
--foreground: oklch(0.9067 0 0);
130+
--card: oklch(0.2827 0.0373 258.3015);
131+
--card-foreground: oklch(0.9067 0 0);
132+
--popover: oklch(0.2827 0.0373 258.3015);
133+
--popover-foreground: oklch(0.9067 0 0);
134+
--primary: oklch(0.3796 0.1336 256.7753);
135+
--primary-foreground: oklch(1.0000 0 0);
136+
--secondary: oklch(0.6514 0.1612 54.5100);
137+
--secondary-foreground: oklch(1.0000 0 0);
138+
--muted: oklch(0.3452 0.0372 248.9523);
139+
--muted-foreground: oklch(0.7443 0.0256 248.1716);
140+
--accent: oklch(0.7838 0.1630 77.8824);
141+
--accent-foreground: oklch(0.2827 0.0373 258.3015);
142+
--destructive: oklch(0.5771 0.2152 27.3250);
143+
--border: oklch(0.4051 0.0347 256.5815);
144+
--input: oklch(0.3452 0.0372 248.9523);
145+
--ring: oklch(0.4739 0.1744 257.8652);
146+
--chart-1: oklch(0.3796 0.1336 256.7753);
147+
--chart-2: oklch(0.6514 0.1612 54.5100);
148+
--chart-3: oklch(0.7838 0.1630 77.8824);
149+
--chart-4: oklch(0.7488 0.0406 250.7522);
150+
--chart-5: oklch(0.8773 0.0165 245.1083);
151+
--sidebar: oklch(0.2827 0.0373 258.3015);
152+
--sidebar-foreground: oklch(0.9067 0 0);
153+
--sidebar-primary: oklch(0.3796 0.1336 256.7753);
154+
--sidebar-primary-foreground: oklch(1.0000 0 0);
155+
--sidebar-accent: oklch(0.7838 0.1630 77.8824);
156+
--sidebar-accent-foreground: oklch(0.2827 0.0373 258.3015);
157+
--sidebar-border: oklch(0.4051 0.0347 256.5815);
158+
--sidebar-ring: oklch(0.4739 0.1744 257.8652);
159+
--destructive-foreground: oklch(1.0000 0 0);
160+
--radius: 0.25rem;
161+
--font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
162+
--font-serif: Merriweather, ui-serif, serif;
163+
--font-mono: JetBrains Mono, ui-monospace, monospace;
164+
--shadow-color: #000000;
165+
--shadow-opacity: 0.2;
166+
--shadow-blur: 10px;
167+
--shadow-spread: 0px;
168+
--shadow-offset-x: 0px;
169+
--shadow-offset-y: 4px;
170+
--letter-spacing: 0em;
171+
--spacing: 0.25rem;
172+
--shadow-2xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.10);
173+
--shadow-xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.10);
174+
--shadow-sm: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 1px 2px -1px hsl(0 0% 0% / 0.20);
175+
--shadow: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 1px 2px -1px hsl(0 0% 0% / 0.20);
176+
--shadow-md: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 2px 4px -1px hsl(0 0% 0% / 0.20);
177+
--shadow-lg: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 4px 6px -1px hsl(0 0% 0% / 0.20);
178+
--shadow-xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 8px 10px -1px hsl(0 0% 0% / 0.20);
179+
--shadow-2xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.50);
113180
}
114181

115182
@layer base {
@@ -118,5 +185,6 @@
118185
}
119186
body {
120187
@apply bg-background text-foreground;
188+
letter-spacing: var(--tracking-normal);
121189
}
122-
}
190+
}

0 commit comments

Comments
 (0)