home page styling

Author: chdeskur

fern/pages/home.mdx

@@ -186,11 +186,20 @@ twitter:description: "Build with our leading Speech AI models"
     border-color: #171c29;
   }
   
+  :is(.dark) body#fern-docs .product-card .fern-card .text-\(color\:--grayscale-a11\) {
+    background-color: #0d101a;
+    border-color: #171c29;
+  }
+  
   :is(.dark) .product-card .fern-card .t-muted p {
     background-color: #0d101a;
 
   }
   
+  :is(.dark) body#fern-docs .product-card .fern-card .text-\(color\:--grayscale-a11\) p {
+    background-color: #0d101a;
+  }
+  
   :is(.dark) .product-card .fern-card .text-base {
     color: white;
   }
@@ -213,6 +222,18 @@ twitter:description: "Build with our leading Speech AI models"
     height: 85% !important;
   }
   
+  body#fern-docs .product-card .fern-card .text-\(color\:--grayscale-a11\) {
+    background-color: #BEC2EE;
+    border: 8px solid #BEC2EE;
+    border-radius: 12px;
+    border-bottom-left-radius: 0px;
+    border-bottom-right-radius: 0px;
+    border-bottom-width: 0px;
+    height: 100% !important;
+    margin-top: 10px !important;
+    height: 85% !important;
+  }
+  
   .product-card .fern-card .t-muted p {
     color: white;
     background-color: #747FDB;
@@ -226,6 +247,19 @@ twitter:description: "Build with our leading Speech AI models"
     height: 100% !important;
   }
   
+  body#fern-docs .product-card .fern-card .text-\(color\:--grayscale-a11\) {
+    color: white;
+    background-color: #747FDB;
+    border-radius: 10px;
+    border-bottom-left-radius: 0px;
+    border-bottom-right-radius: 0px;
+    padding-left: 16px;
+    padding-right: 16px;
+    padding-top: 12px;
+    padding-bottom: 12px;
+    height: 100% !important;
+  }
+  
   .product-card .fern-card .w-full.space-y-1.overflow-hidden {
     margin-top: 10px !important;
     display: flex;
@@ -256,6 +290,10 @@ twitter:description: "Build with our leading Speech AI models"
     color: rgba(var(--body-text),var(--tw-text-opacity,1) !important;
   }
   
+  body#fern-docs .gradient-card .fern-card .text-\(color\:--grayscale-a11\) {
+    color: rgba(var(--body-text),var(--tw-text-opacity,1) !important;
+  }
+  
   :is(.dark) .sdk-card .fern-card {
     background-color: #2A2522;
   }