feat: add custom background to homepage main card

Basis-Theory · Dec 22, 2022 · d68b619 · d68b619
1 parent 33b0fe4
commit d68b619
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -1,9 +1,19 @@
 :root {
   --bt-card-text-color: var(--ifm-font-color-base);
+  --bt-card-gradient-background: linear-gradient(
+    99.18deg,
+    #ffffff 12.27%,
+    #fafbff 71.38%
+  );
 }
 
 [data-theme="dark"] {
   --bt-card-text-color: var(--ifm-heading-color);
+  --bt-card-gradient-background: linear-gradient(
+    104.37deg,
+    #1c2036 10.89%,
+    #0d1025 83.51%
+  );
 }
 
 .container {
@@ -17,6 +27,8 @@
 }
 
 .card {
+  background: center / contain repeat-x url("/img/homepage/card-background.png"),
+    var(--bt-card-gradient-background);
   padding: 56px;
 }