iiitbuzz/apps/web/src/index.css at c334eface2740d3c0f874ccb217fb8eefaab6024 · p-society/iiitbuzz · 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Rowdies:wght@300;400;700&display=swap");
@import "tailwindcss";
@import "tw-animate-css";

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
	--button-green: #22c55e;
	--button-yellow: #facc15;
	--button-red: #ef4444;
	--brutal-blue: #4281ff;
	--muted-foreground: #c1cbde;
	--ring: #c084fc;
	--footer: #000000b7;
}

.light {
	--background: #ffffff;
	--foreground: #e7b52a;
	--bg: #ffffff;
	--surface: #f5f5f5;
	--primary: #040403;
	--accent: #f87171;
	--secondary: #22c55e;
	--badge: #facc15;
	--border: #374151;
	--text-primary: #1a1a1a;
	--text-secondary: #374151;
	--card: #000;
	--card-foreground: #030302;
	--popover: #262626;
	--popover-foreground: #f5f5f5;
	--muted: #374151;
	--destructive: #ef4444;
	--input: #374151;
	--sidebar: #262626;
	--sidebar-foreground: #f5f5f5;
	--sidebar-primary: #c084fc;
	--sidebar-primary-foreground: #f5f5f5;
	--sidebar-accent: #374151;
	--sidebar-accent-foreground: #f5f5f5;
	--sidebar-border: #c084fc;
	--sidebar-ring: #c084fc;
	--background-image: url("/backgrounds/bg-light.png");
	--brutal-blue: #4281ff;
}

.dark {
	--background: #141420;
	--foreground: #f5f5f5;
	--bg: #141420;
	--surface: #1c1c2a;
	--primary: #62d8e2;
	--accent: #e870a7;
	--secondary: #f18e5d;
	--badge: #bca4e2;
	--border: #3c3c4a;
	--text-primary: #f5f5f5;
	--text-secondary: #aaaaaa;
	--card: #1c1c2a;
	--card-foreground: #f5f5f5;
	--popover: #262626;
	--popover-foreground: #f5f5f5;
	--muted: #3c3c4a;
	--muted-foreground: #aaaaaa;
	--destructive: #ef4444;
	--input: #3c3c4a;
	--sidebar: #1c1c2a;
	--sidebar-foreground: #f5f5f5;
	--sidebar-primary: #62d8e2;
	--sidebar-primary-foreground: #f5f5f5;
	--sidebar-accent: #e870a7;
	--sidebar-accent-foreground: #f5f5f5;
	--sidebar-border: #3c3c4a;
	--sidebar-ring: #bca4e2;
	--background-image: url("/backgrounds/bg-dark.png");
	--brutal-blue: #4281ff;
}

body {
	@apply transition-colors duration-500;
}


@layer utilities {
	.bg-sidebar {
		background-color: var(--sidebar);
	}
	.text-sidebar-foreground {
		color: var(--sidebar-foreground);
	}
	.bg-background {
		background-color: var(--background);
	}
	.bg-surface {
		background-color: var(--surface);
	}
	.text-foreground {
		color: var(--foreground);
	}
	.text-primary {
		color: var(--text-primary);
	}
	.text-secondary {
		color: var(--text-secondary);
	}
	.border-primary {
		border-color: var(--primary);
	}
	.bg-accent {
		background-color: var(--accent);
	}
	.text-accent {
		color: var(--accent);
	}
	.text-muted-foreground {
		color: var(--muted-foreground);
	}
}