Update warning styles

Author: MonikaFu

src/js/createErrorMessageDiv.js

@@ -2,11 +2,11 @@ export function createErrorMessageDiv() {
 	let errorMessageDiv = document.createElement('div');
 	errorMessageDiv.setAttribute('role', 'alert');
 	let errorTitle = document.createElement('div');
-	errorTitle.classList = 'bg-red-500 text-white font-bold rounded-t px-4 py-2';
+	errorTitle.classList = 'bg-error-500 text-white font-bold rounded-t px-4 py-2';
 	errorTitle.appendChild(document.createTextNode('Something went wrong'));
 	let errorMessage = document.createElement('div');
 	errorMessage.classList =
-		'border border-t-0 border-red-400 rounded-b bg-red-100 px-4 py-3 text-red-700';
+		'border border-t-0 border-error-400 rounded-b bg-error-100 px-4 py-3 text-error-700';
 	errorMessage.appendChild(
 		document.createTextNode('An error occurred while generating this plot.')
 	);

src/routes/company_view.svelte

@@ -473,7 +473,7 @@
 				</div>
 			</div>
 			<div
-				class="alert-message sm:col-span-10 bg-blue-100 border-t border-b border-blue-500 text-blue-700 px-4 py-3 hidden"
+				class="alert-message sm:col-span-10 bg-warning-300 border-t border-b border-warning-700 text-warning-900 px-4 py-3 hidden"
 				role="alert"
 				id="alert-message-parameters"
 			>
@@ -512,7 +512,7 @@
 </div>
 
 <div
-	class="alert-message bg-blue-100 border-t border-b border-blue-500 text-blue-700 px-4 py-3 hidden"
+	class="alert-message bg-warning-300 border-t border-b border-warning-700 text-warning-900 px-4 py-3 hidden"
 	role="alert"
 	id="alert-message"
 >

src/routes/sector_view.svelte

@@ -580,7 +580,7 @@
 				</div>
 			</div>
 			<div
-				class="alert-message sm:col-span-10 bg-blue-100 border-t border-b border-blue-500 text-blue-700 px-4 py-3 hidden"
+				class="alert-message sm:col-span-10 bg-warning-300 border-t border-b border-warning-700 text-warning-900 px-4 py-3 hidden"
 				role="alert"
 				id="alert-message-parameters"
 			>
@@ -646,7 +646,7 @@
 </div>
 
 <div
-	class="alert-message bg-blue-100 border-t border-b border-blue-500 text-blue-700 px-4 py-3 hidden"
+	class="alert-message bg-warning-300 border-t border-b border-warning-700 text-warning-900 px-4 py-3 hidden"
 	role="alert"
 	id="alert-message"
 >