v0.3.4 style fixes

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jama-frontend",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "private": true,
   "scripts": {
     "dev": "vite",

frontend/src/components/Message.css

@@ -216,7 +216,11 @@
   padding: 0 2px;
 }
 
-.out .mention { color: #afd0ff; background: rgba(255,255,255,0.15); }
+/* Sender bubble — primary colour is the background, so mention must contrast against it */
+.out .mention {
+  color: #ffffff;
+  background: rgba(255,255,255,0.22);
+}
 
 .msg-image {
   max-width: 240px;

frontend/src/index.css

@@ -379,3 +379,15 @@ a { color: inherit; text-decoration: none; }
 [data-theme="dark"] .msg-input-raw {
   caret-color: var(--text-primary);
 }
+
+/* Night mode: .in bubble (dark surface) — base mention colour is too dark, use light primary */
+[data-theme="dark"] .in .mention {
+  color: #6ab0f5;
+  background: rgba(106,176,245,0.15);
+}
+
+/* Night mode: .out bubble — white stays white, just ensure background tint works on darker primary */
+[data-theme="dark"] .out .mention {
+  color: #ffffff;
+  background: rgba(255,255,255,0.25);
+}