Skip to content

Commit 96d39cb

Browse files
sanjay-kvsanjay-kv
committed
style: simplify background styles for FAQs component
1 parent 6e71169 commit 96d39cb

1 file changed

Lines changed: 21 additions & 31 deletions

File tree

‎src/components/faqs/faqs.tsx‎

Lines changed: 21 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -54,9 +54,7 @@ const FAQs: React.FC = () => {
5454
<section
5555
className="relative overflow-hidden py-8 transition-all duration-300"
5656
style={{
57-
background: isDark
58-
? "linear-gradient(to bottom, #0a0a0a 0%, #0f1e14 30%, #16281c 60%, #16351f 85%, #1b4e2d 100%)"
59-
: "linear-gradient(to bottom, #f9fafb 0%, #f3f4f6 30%, #e5e7eb 60%, #d3f5e1 85%, #e7fbf0 100%)",
57+
background: isDark ? "#161616" : "#FFFFFF",
6058
border: "none",
6159
borderTop: "none",
6260
boxShadow: "none",
@@ -111,12 +109,10 @@ const FAQs: React.FC = () => {
111109
animate={{ opacity: 1, y: 0 }}
112110
transition={{ duration: 0.3 }}
113111
style={{
114-
background: isDark
115-
? "rgba(19, 78, 45, 0.30)"
116-
: "rgba(55, 214, 122, 0.10)",
112+
background: isDark ? "#161616" : "#FFFFFF",
117113
border: isDark
118-
? "1px solid rgba(55, 214, 122, 0.25)"
119-
: "1px solid rgba(55, 214, 122, 0.35)",
114+
? "1px solid rgba(255, 255, 255, 0.12)"
115+
: "1px solid rgba(0, 0, 0, 0.10)",
120116
backdropFilter: "blur(10px)",
121117
}}
122118
>
@@ -128,11 +124,11 @@ const FAQs: React.FC = () => {
128124
style={{
129125
background: isDark
130126
? isOpen
131-
? "rgba(55, 214, 122, 0.18)"
132-
: "rgba(19, 78, 45, 0.30)"
127+
? "#1f1f1f"
128+
: "#161616"
133129
: isOpen
134-
? "rgba(55, 214, 122, 0.25)"
135-
: "rgba(55, 214, 122, 0.08)",
130+
? "#f5f5f5"
131+
: "#FFFFFF",
136132
}}
137133
onClick={() => toggleAccordion(originalIndex)}
138134
aria-expanded={isOpen}
@@ -161,11 +157,9 @@ const FAQs: React.FC = () => {
161157
}`}
162158
style={{
163159
borderTop: isDark
164-
? "1px solid rgba(55, 214, 122, 0.3)"
165-
: "1px solid rgba(55, 214, 122, 0.45)",
166-
background: isDark
167-
? "rgba(17, 24, 39, 0.5)"
168-
: "rgba(255, 255, 255, 0.72)",
160+
? "1px solid rgba(255, 255, 255, 0.12)"
161+
: "1px solid rgba(0, 0, 0, 0.10)",
162+
background: isDark ? "#161616" : "#FFFFFF",
169163
color: isDark ? "#d1d5db" : "#111827",
170164
padding: "1rem 1.25rem 1.25rem",
171165
}}
@@ -200,12 +194,10 @@ const FAQs: React.FC = () => {
200194
animate={{ opacity: 1, y: 0 }}
201195
transition={{ duration: 0.3 }}
202196
style={{
203-
background: isDark
204-
? "rgba(19, 78, 45, 0.30)"
205-
: "rgba(55, 214, 122, 0.10)",
197+
background: isDark ? "#161616" : "#FFFFFF",
206198
border: isDark
207-
? "1px solid rgba(55, 214, 122, 0.25)"
208-
: "1px solid rgba(55, 214, 122, 0.35)",
199+
? "1px solid rgba(255, 255, 255, 0.12)"
200+
: "1px solid rgba(0, 0, 0, 0.10)",
209201
backdropFilter: "blur(10px)",
210202
}}
211203
>
@@ -217,11 +209,11 @@ const FAQs: React.FC = () => {
217209
style={{
218210
background: isDark
219211
? isOpen
220-
? "rgba(55, 214, 122, 0.18)"
221-
: "rgba(19, 78, 45, 0.30)"
212+
? "#1f1f1f"
213+
: "#161616"
222214
: isOpen
223-
? "rgba(55, 214, 122, 0.25)"
224-
: "rgba(55, 214, 122, 0.08)",
215+
? "#f5f5f5"
216+
: "#FFFFFF",
225217
}}
226218
onClick={() => toggleAccordion(originalIndex)}
227219
aria-expanded={isOpen}
@@ -250,11 +242,9 @@ const FAQs: React.FC = () => {
250242
}`}
251243
style={{
252244
borderTop: isDark
253-
? "1px solid rgba(55, 214, 122, 0.3)"
254-
: "1px solid rgba(55, 214, 122, 0.45)",
255-
background: isDark
256-
? "rgba(17, 24, 39, 0.5)"
257-
: "rgba(255, 255, 255, 0.72)",
245+
? "1px solid rgba(255, 255, 255, 0.12)"
246+
: "1px solid rgba(0, 0, 0, 0.10)",
247+
background: isDark ? "#161616" : "#FFFFFF",
258248
color: isDark ? "#d1d5db" : "#111827",
259249
padding: "1rem 1.25rem 1.25rem",
260250
}}

0 commit comments

Comments
 (0)