forked from ComputerScienceSoceityNITS/CSSWebsite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
variables.css
168 lines (165 loc) · 5.76 KB
/
variables.css
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
@import url("/color.css");
* {
transition: background 200ms linear;
transition: background-color 200ms linear;
}
.dark {
/* dark theme variables */
--text-primary: var(--bgTextColor);
--memsection-bg: var(--black);
--memsection-bg-text: var(--hero-section-bg-text);
--memberTag-fill-color: transparent;
--memberTag-text-shadow: none;
--wingTag-bg: rgba(75, 74, 74, 0.643);
--text-outline: var(--Grey-light-3);
--devcard-bg: var(--offBlack);
--devcard-bottom: var(--surface-color);
--devcard-text: #ececec;
--footer-bg: var(--white);
--footer-text: var(--black);
--icon-text: var(--white);
--events-bg-color: var(--black);
--event-style: var(--white);
--event-button: var(--Grey-light-3);
--event-techno-bg: var(--black);
--techno-event-card-bg: var(--Grey-dark-5);
--event-card-box-shadow: none;
--abacus-border: transparent;
--reportbox-bg: var(--white);
--temp-color: var(--black);
--hero-section-bg: var(--black);
--hero-section-text: var(--Grey-light-3);
--hero-section-bg-text: var(--bgTextColor);
--network-lottie-invert-amount: 0;
--about-section-bg: var(--black);
--about-section-text: var(--Grey-light-3);
--css-logo-invert-amount: 1;
--scrollanime-invert-amount: 0;
--event-section-bg: var(--black);
--executive-section-text: var(--Grey-dark-1);
--executive-section-bg: var(--black);
--executive-card-text: var(--Grey-light-4);
--executive-card-bg: var(--offBlack);
--upcomingEvents-section-bg: var(--black);
--upcomingEvents-section-text: var(--Grey-light-3);
--upev-lotte-invert-amount: 0;
--navigation-button-bg: var(--Grey-light-3);
--animate-color1: blue;
--animate-color2: rgb(151, 3, 151);
--devtag-hover: rgb(197, 194, 194);
--devselect-text: white;
--theme-pink: var(--white);
--report-color: rgb(151, 3, 151);
--about-color: var(--heading-color);
--animation-color: radial-gradient(
30.75% 49.12% at 30.75% 38.37%,
var(--sky-blue) 0%,
var(--dark-blue) 100%
);
--about-shadow: #282828;
--about-shadow-color: #282828;
--about-section-typed-text-color: rgba(240, 238, 238, 0.8);
--devcard-socials: rgba(0, 0, 0, 0.5);
--wing-page-bg3: rgba(32, 25, 26, 0.95);
--wing-page-bg2: rgba(18, 40, 40, 0.95);
--wing-page-bg1: rgba(23, 19, 19, 0.95);
--wing-card-bg1: rgba(29, 25, 25, 0.9);
--wing-card-bg2: rgba(30, 33, 39, 0.9);
--wing-card-bg: rgba(0, 0, 0, 0.3);
--wing-white: rgb(0, 0, 0);
--wing-black: rgb(255, 255, 255);
--wing-tooltip-bg: rgba(240, 238, 238, 0.8);
--carousel-shadow: #666666;
--border-event: var(--Grey-dark-5);
--reverse-event-techno-bg: rgba(255, 255, 255, 0.15);
--error-page-bg3: rgba(32, 25, 26, 0.95);
--error-page-bg2: rgba(18, 40, 40, 0.95);
--error-page-bg1: rgba(23, 19, 19, 0.95);
}
.light {
/* light theme variables */
--text-primary: var(--bgTextColor);
--memsection-bg: var(--Grey-light-2);
--memsection-bg-text: hsl(0, 0%, 85%);
--memberTag-fill-color: var(--theme-primary);
--wingTag-bg: linear-gradient(
-125deg,
var(--theme-primary),
var(--theme-secondary)
);
--memberTag-text-shadow: 1px 3px 6px var(--offBlack);
--text-outline: hsl(317, 45%, 45%);
--devcard-bg: var(--primary-light);
--devcard-bottom: rgba(248, 246, 246, 0.8);
--devcard-text: var(--black);
--footer-bg: var(--black);
--footer-text: var(--white);
--icon-text: var(--bgTextColor);
--events-bg-color: var(--Grey-light-3);
--event-style: var(--black);
--event-button: var(--Grey-dark-5);
--event-techno-bg: var(--Grey-light-3);
--techno-event-card-bg: var(--primary-light);
--event-card-box-shadow: 1px 2px 4px rgba(40, 40, 40, 0.5);
--abacus-border: var(--bgTextColor);
--reportbox-bg: rgb(0, 0, 0);
--temp-color: var(--white);
--hero-section-bg: linear-gradient(
200deg,
hsl(340, 95%, 80%) 0%,
hsl(340, 85%, 89%) 30%,
hsl(0, 8%, 95%) 70%
);
--hero-section-text: var(--Grey-dark-1);
--hero-section-bg-text: rgb(205, 204, 204);
--network-lottie-invert-amount: 1;
--about-section-bg: radial-gradient(
farthest-side at 0 50%,
hsl(340, 95%, 85%) 0%,
hsl(340, 85%, 95%) 60%,
hsl(0, 8%, 95%) 90%
);
--about-section-text: var(--Grey-dark-1);
--css-logo-invert-amount: 0;
--scrollanime-invert-amount: 1;
--event-section-bg: var(--Grey-light-3);
--executive-section-text: var(--Grey-dark-3);
--executive-section-bg: var(--Grey-light-3);
--executive-card-text: var(--Grey-light-3);
/* --executive-card-bg: var(--Grey-dark-1); */
--executive-card-bg: rgb(97, 97, 97);
--upcomingEvents-section-bg: var(--Grey-light-3);
--upcomingEvents-section-text: var(--offBlack);
--upev-lotte-invert-amount: 1;
--navigation-button-bg: var(--theme-primary);
--animate-color1: rgb(151, 3, 151);
--animate-color2: rgb(78, 9, 239);
--devtag-hover: gray;
--devselect-text: white;
--theme-pink: rgb(232, 9, 172);
--report-color: rgb(78, 9, 239);
--animation-color: radial-gradient(
30.75% 49.12% at 30.75% 38.37%,
var(--sky-blue-light) 0%,
var(--blue-dark) 100%
);
--about-shadow: var(--Grey-light-4);
--about-shadow-color: var(--Grey-light-4);
--about-section-typed-text-color: var(--offBlack);
--devcard-socials: rgb(255, 255, 255, 0.25);
--wing-page-bg1: rgba(252, 156, 188, 0.8);
--wing-page-bg2: rgba(251, 203, 219, 0.8);
--wing-card-bg1: rgba(194, 194, 194, 0.8);
--wing-card-bg2: rgba(255, 213, 213, 0.8);
--wing-page-bg3: rgba(243, 241, 241, 0.8);
--wing-card-bg: rgba(255, 255, 255, 0.3);
--wing-white: rgb(255, 255, 255);
--wing-black: rgb(0, 0, 0);
--wing-tooltip-bg: rgba(248, 7, 87, 0.8);
--carousel-shadow: rgb(202, 78, 89);
--border-event: var(--Grey-dark-5);
--reverse-event-techno-bg: var(--wing-white);
--error-page-bg1: rgba(252, 156, 188, 0.9);
--error-page-bg2: rgba(251, 203, 219, 0.9);
--error-page-bg3: rgba(243, 241, 241, 0.9);
}