added "personality" colour

#f26d77

packages/frontend/src/App.css

@@ -44,10 +44,12 @@
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-ring: var(--sidebar-ring);
+    --color-personality: var(--personality);
 }
 
 :root {
     --radius: 0.625rem;
+    --personality: #f26d77;
     --background: oklch(1 0 0);
     --foreground: oklch(0.145 0 0);
     --card: oklch(1 0 0);
@@ -82,6 +84,7 @@
 }
 
 .dark {
+    --personality: #f26d77;
     --background: oklch(0.145 0 0);
     --foreground: oklch(0.985 0 0);
     --card: oklch(0.205 0 0);
@@ -122,6 +125,9 @@
     body {
         @apply bg-background text-foreground;
     }
+    a:hover {
+        color: var(--personality);
+    }
 }
 
 * {

packages/frontend/src/components/account-dialog.tsx

@@ -95,7 +95,7 @@ function AccountDialog({ onUpdate, trigger }: { onUpdate?: () => void; trigger?:
                             onClick={() => {
                                 setAvatarUrl(null);
                             }}
-                            className="-mt-2 hover:underline"
+                            className="-mt-2 hover:text-personality"
                         >
                             Remove Avatar
                         </Button>

packages/frontend/src/components/landing.tsx

@@ -91,12 +91,7 @@ export default function Landing() {
             <footer className="flex justify-center gap-2 items-center py-2 border-t">
                 <span className="font-300 text-sm text-muted-foreground">
                     Built by{" "}
-                    <a
+                    <a href="https://ob248.com" target="_blank" rel="noopener noreferrer">
-                        href="https://ob248.com"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        className="hover:underline underline-offset-2"
-                    >
                         Oliver Bryan
                     </a>
                 </span>

packages/frontend/src/components/login-form.tsx

@@ -159,7 +159,7 @@ export default function LogInForm() {
                         </p>
                         But you're more than welcome to have a look around!
                         <Dialog open={loginDetailsOpen} onOpenChange={setLoginDetailsOpen}>
-                            <DialogTrigger className="underline underline-offset-2 text-primary hover:text-primary/90 cursor-pointer mt-2">
+                            <DialogTrigger className="text-primary hover:text-personality cursor-pointer mt-2">
                                 Login Details
                             </DialogTrigger>
                             <DialogContent className="w-xs" showCloseButton={false}>
@@ -259,7 +259,7 @@ export default function LogInForm() {
                                     Log in
                                 </Button>
                                 <Button
-                                    className="text-xs hover:underline p-0"
+                                    className="text-xs hover:text-personality p-0"
                                     variant={"dummy"}
                                     type="button"
                                     onClick={() => {
@@ -276,7 +276,7 @@ export default function LogInForm() {
                                     Register
                                 </Button>
                                 <Button
-                                    className="text-xs hover:underline p-0"
+                                    className="text-xs hover:text-personality p-0"
                                     variant={"dummy"}
                                     type="button"
                                     onClick={() => {