styling: change page container stylings for index

kalecream · Aug 12, 2024 · 9b4e484 · 9b4e484
1 parent 5dab4a5
commit 9b4e484
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
@@ -62,15 +62,15 @@ export default function Page() {
 						<div
 							className="flex column"
 							style={{
-								backgroundColor: 'var(--primary)',
+								border: 'var(--border)',
 								padding: 'var(--paddingContainer)',
 								borderRadius: 'var(--borderRadius)',
 							}}
 						>
 							<Image src={Rolodex} alt={''} width={200} height={200} />
 							<caption
 								style={{
-									color: 'var(--backgroundColor)',
+									color: 'var(--primary)',
 								}}
 							>
 								Rolodex
@@ -85,15 +85,15 @@ export default function Page() {
 						<div
 							className="flex column"
 							style={{
-								backgroundColor: 'var(--primary)',
+								border: 'var(--border)',
 								padding: 'var(--paddingContainer)',
 								borderRadius: 'var(--borderRadius)',
 							}}
 						>
 							<Image src={Grimorie} alt={''} width={200} height={200} />
 							<caption
 								style={{
-									color: 'var(--backgroundColor)',
+									color: 'var(--primary)',
 								}}
 							>
 								Changelog
@@ -104,15 +104,15 @@ export default function Page() {
 						<div
 							className="flex column"
 							style={{
-								backgroundColor: 'var(--primary)',
+								border: 'var(--border)',
 								padding: 'var(--paddingContainer)',
 								borderRadius: 'var(--borderRadius)',
 							}}
 						>
 							<Image src={Grimorie} alt={''} width={200} height={200} />
 							<caption
 								style={{
-									color: 'var(--backgroundColor)',
+									color: 'var(--primary)',
 								}}
 							>
 								Wiki