add logo as temp hero image

slatedb · Aug 7, 2024 · 1e21fc1 · 1e21fc1
1 parent a8dccf0
commit 1e21fc1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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: [],
 }