From b69302c095d8c01302f08904890a7c5208df477c Mon Sep 17 00:00:00 2001
From: William Lam <w.lam@honteam.com>
Date: Sun, 20 Nov 2022 16:52:19 -0500
Subject: [PATCH] Fix <select /> dropdown arrow color for Light Mode (#1142)

---
 app/styles/common.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/styles/common.css b/app/styles/common.css
index f3a828d4c..9262e916b 100644
--- a/app/styles/common.css
+++ b/app/styles/common.css
@@ -269,6 +269,12 @@ select {
   padding-inline: var(--s-3) var(--s-7);
 }
 
+/* Temporary solution for issue: https://github.com/Sendouc/sendou.ink/issues/1141 */
+.light select {
+  /* TODO: Get color from CSS var */
+  background-image: url('data:image/svg+xml;utf8,<svg width="1rem" color="rgb(0 0 0 / 55%)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>');
+}
+
 select::selection {
   overflow: hidden;
   font-weight: bold;