From 4b311ffcda48c35aaf4b4f9e1a01ba58d66e0e8e Mon Sep 17 00:00:00 2001
From: unuunn <62112339+unuunn@users.noreply.github.com>
Date: Wed, 9 Jul 2025 21:40:06 +0300
Subject: [PATCH] feat: highlight pinned memos

If a note is pinned, it will be highlighted with a slightly brighter background colour.
This allows you to quickly visually separate pinned notes from regular notes.
---
 web/src/components/MemoView.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/components/MemoView.tsx b/web/src/components/MemoView.tsx
index 50d2cc5f7..6c5f0c930 100644
--- a/web/src/components/MemoView.tsx
+++ b/web/src/components/MemoView.tsx
@@ -136,7 +136,8 @@ const MemoView: React.FC<Props> = observer((props: Props) => {
   ) : (
     <div
       className={cn(
-        "group relative flex flex-col justify-start items-start w-full px-4 py-3 mb-2 gap-2 bg-card text-card-foreground rounded-lg border border-border transition-colors",
+        "group relative flex flex-col justify-start items-start w-full px-4 py-3 mb-2 gap-2 text-card-foreground rounded-lg border border-border transition-colors",
+        props.showPinned && memo.pinned ? "bg-accent" : "bg-card",
         className,
       )}
     >