From 1e21fc1db53e34f9d34a0da4a0ed12ba16f87a01 Mon Sep 17 00:00:00 2001
From: Almog Gavra <almog.gavra@gmail.com>
Date: Wed, 7 Aug 2024 12:29:18 -0700
Subject: [PATCH] add logo as temp hero image

---
 src/css/custom.css  | 14 +++++++-------
 src/pages/index.tsx |  4 ++++
 tailwind.config.js  | 10 +++++++++-
 3 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index bf13d76..bb6d43a 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -14,13 +14,12 @@
 :root {
   --ifm-heading-font-family: Alata, 'Alata';
 
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  /* TODO: we should figure out different shades of the colors we want */
+  --ifm-color-primary: black;
+  --ifm-color-primary-dark: black;
+  --ifm-color-primary-darker: black;
+  --ifm-color-primary-darkest: black;
+
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 
@@ -32,6 +31,7 @@
   --ifm-navbar-link-hover-color: var(--color-accent-1);
 
   --ifm-link-hover-color: var(--color-accent-1);
+  --ifm-link-hover-decoration: none;
 }
 
 .header-github-link:hover {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 160b370..7b323d6 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -31,6 +31,10 @@ function HomepageHeader() {
               </a>
             </div>
           </div>
+          <div className={'w-full h-full flex items-center justify-center'}>
+            {/* TODO: we should have some meaningful hero image here */}
+            <img src={'/img/logo.svg'} alt={'slatedb hero'} height={250}/>
+          </div>
         </div>
       </div>
     </header>
diff --git a/tailwind.config.js b/tailwind.config.js
index aa9d4e7..d561125 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,15 @@ module.exports = {
         "./docs/**/*.{html,mdx,jsx,ts,tsx}",
     ],
     theme: {
-        extend: {},
+        extend: {
+            colors: {
+                accent: {
+                    DEFAULT: "var(--accent-1)",
+                    1: "var(--accent-1)",
+                    2: "var(--accent-2)",
+                }
+            }
+        },
     },
     plugins: [],
 }
\ No newline at end of file