From c9c8b017917bdce93b2f8f45fe42da3771554296 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Tue, 18 Aug 2020 18:59:43 -0600
Subject: [PATCH] Add styles for the success box

---
 src/components/modals/PlaylistExport.vue | 15 +++++++++++++++
 src/css/dark_theme.css                   |  5 +++++
 2 files changed, 20 insertions(+)

diff --git a/src/components/modals/PlaylistExport.vue b/src/components/modals/PlaylistExport.vue
index ee22bc2..971d1da 100644
--- a/src/components/modals/PlaylistExport.vue
+++ b/src/components/modals/PlaylistExport.vue
@@ -229,10 +229,25 @@ input#playlist-name {
 	right: 15px;
 }
 
+.success {
+	background-color: var(--success-background);
+	border-radius: var(--corner-rounding);
+	border-color: var(--success);
+	color: var(--success-text);
+	border-style: solid;
+	margin-bottom: 5px;
+	border-width: 2px;
+}
+
+.success a {
+	color: var(--success-accent);
+}
+
 button {
 	margin: 10px;
 }
 
+
 @media only screen and (min-width: 768px) {
 	.modal {
 		width: 50%;
diff --git a/src/css/dark_theme.css b/src/css/dark_theme.css
index c23335b..612a274 100644
--- a/src/css/dark_theme.css
+++ b/src/css/dark_theme.css
@@ -9,6 +9,11 @@
 	--error: #ff0000;
 	--error-background: #ff00005d;
 
+	--success: var(--accent2);
+	--success-background: #00aa0083;
+	--success-text: var(--on-card-colour);
+	--success-accent: var(--accent2);
+
 	--background: #23272A;
 	--background-text: var(--spotify-white);