fix home page on dark mode (not ideal)

src/renderer/components/Welcome.tsx

@@ -35,8 +35,13 @@ export default function Welcome() {
         justifyContent: 'flex-end',
       }}
     >
+      <div>New Here?</div>
       <div
-        style={{ backgroundColor: 'rgba(255,255,255,0.8)', padding: '2rem' }}
+        style={{
+          backgroundColor: 'var(--joy-palette-background-surface)',
+          opacity: '0.8',
+          padding: '2rem',
+        }}
       >
         <Typography level="h1" color="neutral">
           <LogoComponent />

src/renderer/styles.css

@@ -3,7 +3,7 @@ body {
 }
 
 a {
-  color: #363648;
+  color: var(--joy-palette-primary-400);
 }
 
 .showOnChatBubbleHover {