From 7c32b730dc3fb30fed29e09587c3e00b92730f9e Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Fri, 9 Jan 2026 03:19:59 +0000
Subject: [PATCH] added "personality" colour

#f26d77
---
 packages/frontend/src/App.css                       | 6 ++++++
 packages/frontend/src/components/account-dialog.tsx | 2 +-
 packages/frontend/src/components/landing.tsx        | 7 +------
 packages/frontend/src/components/login-form.tsx     | 6 +++---
 4 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/src/App.css b/packages/frontend/src/App.css
index fdfd9ea..24cc149 100644
--- a/packages/frontend/src/App.css
+++ b/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);
+    }
 }
 
 * {
diff --git a/packages/frontend/src/components/account-dialog.tsx b/packages/frontend/src/components/account-dialog.tsx
index 2481e3b..36d73ff 100644
--- a/packages/frontend/src/components/account-dialog.tsx
+++ b/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>
diff --git a/packages/frontend/src/components/landing.tsx b/packages/frontend/src/components/landing.tsx
index 06cdf9b..9dfecf9 100644
--- a/packages/frontend/src/components/landing.tsx
+++ b/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
-                        href="https://ob248.com"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        className="hover:underline underline-offset-2"
-                    >
+                    <a href="https://ob248.com" target="_blank" rel="noopener noreferrer">
                         Oliver Bryan
                     </a>
                 </span>
diff --git a/packages/frontend/src/components/login-form.tsx b/packages/frontend/src/components/login-form.tsx
index 290c48f..91ebb27 100644
--- a/packages/frontend/src/components/login-form.tsx
+++ b/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={() => {