diff --git a/public/cover.png b/public/cover.png
new file mode 100644
index 0000000..48ff33f
Binary files /dev/null and b/public/cover.png differ
diff --git a/public/tri.png b/public/tri.png
new file mode 100644
index 0000000..8f03958
Binary files /dev/null and b/public/tri.png differ
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 2da893f..bb17ad9 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -60,8 +60,10 @@ const navItems = [
     justify-content: flex-start;
   }
 
-  nav > ul > li > a.active {
-    background-color: var(--accent);
+  nav > ul > li > a.active,
+  a:hover {
+    background-color: var(--muted);
+    border-radius: var(--radius-sm);
     font-weight: 600;
   }
 
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index cd04d91..fee8a3d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -48,8 +48,10 @@ const { title } = Astro.props;
   }
 
   :root {
+    color-scheme: light;
     /* Oat UI */
     --background: #ffffff;
+    --foreground: #000000;
     --primary: #133d56;
 
     /* Custom */
@@ -57,6 +59,7 @@ const { title } = Astro.props;
     --container-lg: 1200px;
     --container-md: 600px;
     --container-sm: 480px;
+    --radius-sm: 4px;
   }
 
   img {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index f3a182b..145e3d8 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -4,4 +4,5 @@ import Layout from "../layouts/Layout.astro";
 
 <Layout title="Home">
   <h1>Welcome!</h1>
+  <img src="public/cover.png" />
 </Layout>