From 9d7fadd9616c8150f3ad1954514ff134ac776e09 Mon Sep 17 00:00:00 2001
From: Vincent Petry <vincent@nextcloud.com>
Date: Tue, 20 Oct 2020 09:29:00 +0200
Subject: [PATCH] Add dark mode close button

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
---
 styles/close-dark.svg |  3 +++
 styles/toast.scss     | 14 +++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 styles/close-dark.svg

diff --git a/styles/close-dark.svg b/styles/close-dark.svg
new file mode 100644
index 00000000..e61f5a14
--- /dev/null
+++ b/styles/close-dark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16">
+  <path d="M14 12.3L12.3 14 8 9.7 3.7 14 2 12.3 6.3 8 2 3.7 3.7 2 8 6.3 12.3 2 14 3.7 9.7 8z" style="fill-opacity:1;fill:#ffffff"/>
+</svg>
diff --git a/styles/toast.scss b/styles/toast.scss
index ca487321..7aa1c746 100644
--- a/styles/toast.scss
+++ b/styles/toast.scss
@@ -19,7 +19,7 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
- 
+
 // using a different class than server
 // remember to import this scss file into your app
 .toastify.dialogs {
@@ -100,3 +100,15 @@
 		border-left: 3px solid var(--color-success);
 	}
 }
+
+/* dark theme overrides */
+.theme--dark {
+	.toastify.dialogs {
+		.toast-close {
+			/* close icon style */
+			&.toast-close {
+				background-image: url('./close-dark.svg');
+			}
+		}
+	}
+}