From dd63bd8bcf2ca522d6122eb04629fb17b2f3c9b9 Mon Sep 17 00:00:00 2001
From: Debanjum <debanjum@gmail.com>
Date: Fri, 10 Jan 2025 00:10:51 +0700
Subject: [PATCH] Fix dark mode dropdown colors of phone no. country code on
 web settings page

Resolves #1046
---
 src/interface/web/app/settings/settings.module.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/interface/web/app/settings/settings.module.css b/src/interface/web/app/settings/settings.module.css
index d0c8c1b3..5cb41e51 100644
--- a/src/interface/web/app/settings/settings.module.css
+++ b/src/interface/web/app/settings/settings.module.css
@@ -14,6 +14,11 @@ div.phoneInput {
     padding: 0rem;
 }
 
+:global(.dark) div.phoneInput :global(.iti__dropdown-content) {
+    --iti-dropdown-bg: hsl(var(--background));
+    --iti-hover-color: hsl(var(--accent));
+}
+
 div.phoneInput input {
     width: 100%;
     padding: 0.5rem;