Revert "disable dark mode" (#82)

* Revert "disable dark mode (#32)" This reverts commit 83febc9. * revert docs.yml
cohere-ai · Aug 29, 2024 · 85fe3e0 · 85fe3e0
1 parent eb324e5
commit 85fe3e0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/fern/docs.yml b/fern/docs.yml
@@ -17,7 +17,7 @@ versions:
 
 logo:
   light: assets/logo.svg
-  # dark: assets/logo-dark.svg
+  dark: assets/logo-dark.svg
   height: 16
 
 favicon: assets/favicon.png
@@ -78,22 +78,22 @@ layout:
 colors:
   accent-primary:
     light: "#39594d"
-    # dark: "#517B6A"
+    dark: "#517B6A"
   background:
     light: "#E8E6DE"
-    # dark: "#0F0F0F"
+    dark: "#0F0F0F"
   sidebar-background:
     light: "#FAFAFA"
-    # dark: "#1C1C1C"
+    dark: "#1C1C1C"
   header-background:
     light: "#FAFAFA"
-    # dark: "#1C1C1C"
+    dark: "#1C1C1C"
   card-background:
     light: "#E8E6DE"
-    # dark: "#1A1A1A"
+    dark: "#1A1A1A"
   border:
     light: "#E0E0E0"
-    # dark: "#292929"
+    dark: "#292929"
 
 experimental:
   mdx-components:
@@ -401,5 +401,5 @@ redirects:
     destination: /docs/fine-tuning-with-the-cohere-dashboard
 
 analytics:
-  segment: 
+  segment:
     write-key: ${SEGMENT_WRITE_KEY}
diff --git a/fern/pages/index.mdx b/fern/pages/index.mdx
@@ -24,7 +24,7 @@ no-image-zoom: true
 </style>
 
 export const LandingPageCard = ({ href, title, imgSrc, description }) => (
-  <div className="rounded-lg bg-[#F5F4F2] px-6 py-5 hover:bg-[#E9E6DE] md:p-8">
+  <div className="rounded-lg bg-[#F5F4F2] dark:bg-[#0F0F0F] px-6 py-5 hover:bg-[#E9E6DE] dark:hover:bg-[#292929] md:p-8">
     <a
       href={href}
       target="_self"
@@ -37,7 +37,7 @@ export const LandingPageCard = ({ href, title, imgSrc, description }) => (
         <img src={imgSrc} alt={title} />
         <p className="p-lg">{description}</p>
       </div>
-      <div className="mt-2 text-sm text-[#2D4CB9] md:mt-0 md:self-end">
+      <div className="mt-2 text-sm text-[#2D4CB9] dark:text-[#4C6EE6] md:mt-0 md:self-end">
         {"GET STARTED"}
         <div className="ml-2 inline-block group-hover:no-underline">
           <svg
@@ -62,7 +62,7 @@ export const LandingPageCard = ({ href, title, imgSrc, description }) => (
 export const EndpointLink = ({ href, title }) => (
   <a
     href={href}
-    className="group flex cursor-pointer flex-row text-sm !font-normal text-[#2D4CB9]"
+    className="group flex cursor-pointer flex-row text-sm !font-normal text-[#2D4CB9] dark:text-[#4C6EE6]"
     rel="noreferrer"
     target="_self"
   >