diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 46e1cc4..5fd8810 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -44,8 +44,7 @@ const RootLayout = ({
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index e954827..4b77fc2 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -39,6 +39,8 @@ body {
--chart-4: 43 74% 66%;
--chart-5: 27 87% 67%;
--radius: 0.5rem;
+
+ --background-gradient: hsl(var(--background));
}
.dark {
@@ -66,6 +68,8 @@ body {
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
+
+ --background-gradient: linear-gradient(to top, hsl(240, 6%, 10%), hsl(var(--background)));
}
}
diff --git a/src/components/docs-footer.tsx b/src/components/docs-footer.tsx
index f684566..2145d7f 100644
--- a/src/components/docs-footer.tsx
+++ b/src/components/docs-footer.tsx
@@ -22,7 +22,7 @@ const DocsFooter = ({
current < pages.length - 1 ? pages[current + 1] : undefined;
return (
-