update some styling to be more fluid

components/Layout.js

@@ -2,7 +2,7 @@ export const siteTitle = 'Digital Backroom - An Internet Archive'
 export default function Layout({ children }) {
   return (
     <div >
-      <main className="theme-light">
+      <main >
         {children}
       </main>
     </div>

components/MDContent.tsx

@@ -1,11 +1,17 @@
 import React from 'react';
 import { useRouter } from 'next/router'
 
-interface BackLinksProps {
+interface LinkType {
-  linkList: unknown[]
+  slug: string
+  title: string
+  shortSummary: string
 }
 
-function BackLinks({ linkList }) {
+interface BackLinksProps {
+  linkList: LinkType[]
+}
+
+function BackLinks({ linkList }: BackLinksProps) {
   return (<div className="note-footer">
     <h3 className="backlink-heading">Link to this note</h3>
     {(linkList != null && linkList.length > 0)
@@ -31,7 +37,7 @@ function BackLinks({ linkList }) {
 
 interface MDContentProps {
   content: string
-  backLinks: unknown[]
+  backLinks: LinkType[]
 }
 
 function MDContent({ content, backLinks }: MDContentProps) {
@@ -50,7 +56,11 @@ function MDContent({ content, backLinks }: MDContentProps) {
   );
 }
 
-function BackLinksGroup({ links }) {
+interface BackLinksGroupProps {
+  links: LinkType[]
+}
+
+function BackLinksGroup({ links }: BackLinksGroupProps) {
 
   if (!links?.length) {
     return (

styles/global.css

@@ -12,27 +12,35 @@
 
 @layer components {
 
+:root {
+  /* LOGO Theme colors */
+  --rich-black: #071425ff;
+  --air-force-blue: #6f8fa5ff;
+  --light-blue: #a5c6cdff;
+  --white: #ffffffff;
+}
+
   .nav-bar {
-    @apply text-black bg-blue-100 p-5;
+    @apply px-5 py-2 bg-slate-500 bg-opacity-20;
   }
 
   .notes-container {
-    @apply flex;
+    @apply flex min-h-screen;
   }
 
   .markdown-rendered {
-    @apply container mx-auto p-10;
+    @apply container mx-auto p-10 max-w-3xl;
   }
 }
 
 @layer base {
   :root {
-    --background-body: #202b38;
+    --background-body: #071425ff;
-    --background: #161f27;
+    --background: #6f8fa5ff;
-    --background-alt: #1a242f;
+    --background-alt: #6f8fa5ff;
     --selection: #1c76c5;
-    --text-main: #dbdbdb;
+    --text-main: #a5c6cdff;
-    --text-bright: #fff;
+    --text-bright: #ffffffff;
     --text-muted: #a9b1ba;
     --links: #41adff;
     --focus: #0096bfab;