From af8eb662ef25f35ceecd0dcc7dfd32d9568ef451 Mon Sep 17 00:00:00 2001
From: Matteo Manzinello <matteo@manzinello.com>
Date: Thu, 16 Jul 2020 15:04:40 +0200
Subject: [PATCH] dark mode helpers

---
 src/mailgo.ts | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/mailgo.ts b/src/mailgo.ts
index 0d5d8f5..b59b7a0 100644
--- a/src/mailgo.ts
+++ b/src/mailgo.ts
@@ -121,7 +121,9 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
 
     // if dark is in config
     if (config?.dark) {
-      modalMailto.classList.add("m-dark");
+      enableDarkMode(MAIL_TYPE);
+    } else {
+      disableDarkMode(MAIL_TYPE);
     }
 
     // background
@@ -273,7 +275,9 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
 
     // if dark is in config
     if (config?.dark) {
-      modalTel.classList.add("m-dark");
+      enableDarkMode(TEL_TYPE);
+    } else {
+      disableDarkMode(TEL_TYPE);
     }
 
     // background
@@ -848,19 +852,24 @@ const mailToEncoded = (encoded: string): string =>
 const encodeEmail = (email: string): string => btoa(email);
 
 // get the correct HTMLElement from a type
-const getModalHTMLElement = (type: string = MAIL_TYPE) => {
-  return type === TEL_TYPE ? modalTel : modalMailto;
-};
+const getModalHTMLElement = (type: string = MAIL_TYPE) =>
+  type === TEL_TYPE ? modalTel : modalMailto;
 
 // get display value
-const getModalDisplay = (ref: string = MAIL_TYPE): string => {
-  return getModalHTMLElement(ref).style.display;
-};
+const getModalDisplay = (ref: string = MAIL_TYPE): string =>
+  getModalHTMLElement(ref).style.display;
 
 // get display value
-const setModalDisplay = (ref: string = MAIL_TYPE, value: string): string => {
-  return (getModalHTMLElement(ref).style.display = value);
-};
+const setModalDisplay = (ref: string = MAIL_TYPE, value: string): string =>
+  (getModalHTMLElement(ref).style.display = value);
+
+// enable dark mode
+const enableDarkMode = (type: string = MAIL_TYPE) =>
+  getModalHTMLElement(type).classList.add("m-dark");
+
+// disable dark mode
+const disableDarkMode = (type: string = MAIL_TYPE) =>
+  getModalHTMLElement(type).classList.remove("m-dark");
 
 // custom composedPath if path or event.composedPath() are not defined
 const composedPath = (