From 0d79b8ec91954497502f31f6f68d6e33dfbf2b5c Mon Sep 17 00:00:00 2001
From: Matteo Manzinello <matteo@manzinello.com>
Date: Thu, 2 Jul 2020 11:49:40 +0200
Subject: [PATCH] dark mode init

---
 mailgo.d.ts     | 1 -
 src/mailgo.scss | 2 +-
 src/mailgo.ts   | 5 +++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/mailgo.d.ts b/mailgo.d.ts
index 15dd267..8530d5c 100644
--- a/mailgo.d.ts
+++ b/mailgo.d.ts
@@ -9,7 +9,6 @@ export type MailgoConfig = {
   lang?: string;
   forceLang?: boolean;
   dark?: boolean;
-  // additionalCSS?: string;
   // TODO here mailgo configurations!
 };
 
diff --git a/src/mailgo.scss b/src/mailgo.scss
index 012969d..650755d 100644
--- a/src/mailgo.scss
+++ b/src/mailgo.scss
@@ -166,6 +166,6 @@ $default-border-radius: 20px;
     }
   }
 
-  &.dark {
+  &.m-dark {
   }
 }
diff --git a/src/mailgo.ts b/src/mailgo.ts
index ab00775..9ca3413 100644
--- a/src/mailgo.ts
+++ b/src/mailgo.ts
@@ -101,6 +101,11 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
     modal.id = "mailgo";
     modal.classList.add("m-modal");
 
+    // if dark is in config
+    if (mailgoConfig?.dark) {
+      modal.classList.add("m-dark");
+    }
+
     // background
     let modalBackground = createElement();
     modalBackground.className = "m-modal-back";