From cc043dbf0b22dcac40b06e3a99e04e8f0de15e2f Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Mon, 17 Nov 2025 14:17:02 +0000
Subject: [PATCH] Added: Match flag selected menu background to colour

---
 ts/routes/reviewer/reviewer-bottom/More.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ts/routes/reviewer/reviewer-bottom/More.svelte b/ts/routes/reviewer/reviewer-bottom/More.svelte
index 26bbbc94d..b60c234d5 100644
--- a/ts/routes/reviewer/reviewer-bottom/More.svelte
+++ b/ts/routes/reviewer/reviewer-bottom/More.svelte
@@ -163,14 +163,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 </MoreItem>
                 <div slot="items" class="dropdown">
                     {#each flags as flag, i}
+                        {@const flag_id = i + 1}
                         <div
-                            style:background-color={card?.flags == i + 1
-                                ? "RGBA(0,255,0,0.25)"
+                            style:background-color={card?.flags == flag_id
+                                ? `color-mix(in srgb, var(--flag-${flag_id}) 50%, transparent)`
                                 : ""}
                         >
                             <MoreItem
                                 shortcut={flag.shortcut}
-                                on:click={() => changeFlag(i + 1)}
+                                on:click={() => changeFlag(flag_id)}
                             >
                                 {flag.colour}
                             </MoreItem>