2 files changed, 22 insertions, 5 deletions
diff --git a/ui/src/pages/Home.tsx b/ui/src/pages/Home.tsx
index 04bd768e..9b1c0976 100644
--- a/ui/src/pages/Home.tsx
+++ b/ui/src/pages/Home.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import { formatRelative } from "date-fns";
 import { Tooltip as ReactTooltip } from "react-tooltip";
 
@@ -41,16 +41,24 @@ function Header({ name }: any) {
           {greeting}
         </h2>
         <h3 className="text-xl leading-7 text-gray-900 pt-4">
-          Welcome to Atuin.
+          Welcome to{" "}
+          <a
+            href="https://atuin.sh"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+          >
+            Atuin
+          </a>
+          .
         </h3>
       </div>
     </div>
   );
 }
 
-const explicitTheme: ThemeInput = {
+const explicitTheme = {
   light: ["#f0f0f0", "#c4edde", "#7ac7c4", "#f73859", "#384259"],
-  dark: ["#383838", "#4D455D", "#7DB9B6", "#F5E9CF", "#E96479"],
+  dark: ["#f0f0f0", "#c4edde", "#7ac7c4", "#f73859", "#384259"],
 };
 
 export default function Home() {
@@ -147,7 +155,7 @@ export default function Home() {
           <ActivityCalendar
             theme={explicitTheme}
             data={calendar}
-            weekStart={weekStart}
+            weekStart={weekStart as any}
             renderBlock={(block, activity) =>
               React.cloneElement(block, {
                 "data-tooltip-id": "react-tooltip",
diff --git a/ui/src/pages/Runbooks.tsx b/ui/src/pages/Runbooks.tsx
new file mode 100644
index 00000000..71887310
--- /dev/null
+++ b/ui/src/pages/Runbooks.tsx
@@ -0,0 +1,9 @@
+import Editor from "@/components/runbooks/editor/Editor";
+
+export default function Runbooks() {
+  return (
+    <div className="pl-60 p-4 ">
+      <Editor />
+    </div>
+  );
+}