EmojiButton set right theme

csa-admin-org · Dec 1, 2024 · 1b1b7b5 · 1b1b7b5
1 parent 72cb241
commit 1b1b7b5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/app/javascript/controllers/admin/emoji_button_controller.js b/app/javascript/controllers/admin/emoji_button_controller.js
@@ -21,7 +21,13 @@ export default class extends Controller {
       localeEmojiData = itEmojiData;
     }
 
+    const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches
+    const hasDarkClass = document.documentElement.classList.contains("dark")
+    const useDarkTheme = prefersDarkScheme || hasDarkClass
+    const theme = useDarkTheme ? 'dark' : 'light'
+
     this.application.picker = new EmojiButton({
+      theme: theme,
       initialCategory: 'food',
       showRecents: false,
       emojisPerRow: 8,