authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-02-26 17:29:30-08:00
committergravatar for jmarminge@gmail.comJulius Marminge <jmarminge@gmail.com> 2026-02-26 18:04:47-08:00
log08866367606b4a78c082c492d16bd6b86a26aee9
treee9439f005394461e8b531bc558a5f657636b52d4
parent5748a995f7303a75baee57010beaaa94db1d50ad

Enhance active sidebar thread styling

- Add stronger active-state visuals for thread rows (accent bg, ring, medium text) - Improve active thread timestamp contrast for better readability

1 files changed, 8 insertions(+), 2 deletions(-)

apps/web/src/components/Sidebar.tsx+8-2
...@@ -578,7 +578,9 @@ export default function Sidebar() {...@@ -578,7 +578,9 @@ export default function Sidebar() {
578 size="sm"578 size="sm"
579 isActive={isActive}579 isActive={isActive}
580 className={`h-7 w-full translate-x-0 justify-start px-2 text-left hover:bg-accent hover:text-foreground ${580 className={`h-7 w-full translate-x-0 justify-start px-2 text-left hover:bg-accent hover:text-foreground ${
581 isActive ? "text-foreground" : "text-muted-foreground"581 isActive
582 ? "bg-accent/85 text-foreground font-medium ring-1 ring-border/70 dark:bg-accent/55 dark:ring-border/50"
583 : "text-muted-foreground"
582 }`}584 }`}
583 onClick={() => {585 onClick={() => {
584 void navigate({586 void navigate({
...@@ -624,7 +626,11 @@ export default function Sidebar() {...@@ -624,7 +626,11 @@ export default function Sidebar() {
624 />626 />
625 </span>627 </span>
626 )}628 )}
627 <span className="text-[10px] text-muted-foreground/40">629 <span
630 className={`text-[10px] ${
631 isActive ? "text-foreground/65" : "text-muted-foreground/40"
632 }`}
633 >
628 {formatRelativeTime(thread.createdAt)}634 {formatRelativeTime(thread.createdAt)}
629 </span>635 </span>
630 </div>636 </div>