From b8bb22544cbe669c1188f45467a3ad1f66c7c0f8 Mon Sep 17 00:00:00 2001
From: Namu Makwembo <makwembonamu@gmail.com>
Date: Mon, 17 Feb 2025 22:09:23 +0300
Subject: [PATCH] style: fix emoji picker styles for system dark mode support

---
 resources/views/livewire/chat/chat.blade.php | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/resources/views/livewire/chat/chat.blade.php b/resources/views/livewire/chat/chat.blade.php
index 248056d3..88a3ca16 100644
--- a/resources/views/livewire/chat/chat.blade.php
+++ b/resources/views/livewire/chat/chat.blade.php
@@ -51,6 +51,19 @@
                 /* Larger size for desktop */
             }
         }
+        /* Dark mode using prefers-color-scheme */
+        @media (prefers-color-scheme: dark) {
+            emoji-picker {
+                --background: #1f2937 !important;
+                --input-border-color: #374151;
+                --outline-color: none;
+                --outline-size: 1px;
+                --border-color: none;
+                --input-font-color: white;
+                --indicator-color: #9ca3af;
+                --button-hover-background: #9ca3af;
+            }
+        }
 
 
         /* Ensure dark mode takes precedence */