@@ -103,15 +103,10 @@ export default function ThemeSettings() {
103103  } 
104104
105105  return  ( 
106-     < div  className = "mt-6 flex flex-col gap-6 pb-8" > 
107-       { /* Header Section */ } 
108-       < div  className = "space-y-1 px-4" > 
109-         < h2  className = "text-2xl font-semibold tracking-tight" > { t ( 'theme.title' ) } </ h2 > 
110-         < p  className = "text-sm text-muted-foreground" > { t ( 'theme.description' ) } </ p > 
111-       </ div > 
106+     < div  className = "mt-4 flex flex-col gap-6 pb-8" > 
112107
113108      { /* Theme Mode Section */ } 
114-       < Card  className = "border-0 shadow-sm" > 
109+       < Card  className = "border-0 shadow-sm bg-transparent " > 
115110        < CardHeader  className = "pb-4" > 
116111          < div  className = "flex items-center gap-2" > 
117112            < div  className = "flex h-5 w-5 items-center justify-center rounded bg-primary/20" > 
@@ -174,7 +169,7 @@ export default function ThemeSettings() {
174169      </ Card > 
175170
176171      { /* Color Theme Section */ } 
177-       < Card  className = "border-0 shadow-sm" > 
172+       < Card  className = "border-0 shadow-sm bg-transparent " > 
178173        < CardHeader  className = "pb-4" > 
179174          < div  className = "flex items-center gap-2" > 
180175            < div  className = "flex h-5 w-5 items-center justify-center rounded bg-primary/20" > 
@@ -229,7 +224,7 @@ export default function ThemeSettings() {
229224      </ Card > 
230225
231226      { /* Border Radius Section */ } 
232-       < Card  className = "border-0 shadow-sm" > 
227+       < Card  className = "border-0 shadow-sm bg-transparent " > 
233228        < CardHeader  className = "pb-4" > 
234229          < div  className = "flex items-center gap-2" > 
235230            < div  className = "flex h-5 w-5 items-center justify-center rounded bg-primary/20" > 
@@ -275,7 +270,7 @@ export default function ThemeSettings() {
275270      </ Card > 
276271
277272      { /* Preview Section */ } 
278-       < Card  className = "border-0 shadow-sm" > 
273+       < Card  className = "border-0 shadow-sm bg-transparent " > 
279274        < CardHeader  className = "pb-4" > 
280275          < div  className = "flex items-center gap-2" > 
281276            < div  className = "flex h-5 w-5 items-center justify-center rounded bg-primary/20" > 
@@ -334,7 +329,7 @@ export default function ThemeSettings() {
334329      </ Card > 
335330
336331      { /* Reset Section */ } 
337-       < Card  className = "border-0 shadow-sm" > 
332+       < Card  className = "border-0 shadow-sm bg-transparent " > 
338333        < CardContent  className = "pt-6" > 
339334          < div  className = "flex items-center justify-between" > 
340335            < div > 
0 commit comments