Changing colors for reports and reviews

templates/report.html

@@ -6,7 +6,7 @@
     <h1 class="font-normal"><b>PhishDetect</b> Report</h1>
 </div>
 
-<div>You reported the following URL as suspicious:</div>
-<div class="font-mono bg-blue-lightest rounded-lg mt-4 mb-4 p-4">{{ url }}</div>
-<div class="">Thank you for reporting this information. If you would like to get in contact with the administrators of this PhishDetect Node, you can find their contact details <a class="text-blue hover:no-underline hover:text-blue-dark" href="/contacts/">here</a>.</div>
+<div>Thank you for reporting the following link as suspicious:</div>
+<div class="font-mono border-l-8 border-red-lighter mt-6 mb-6 bg-red-lightest text-red-darker p-6 rounded-lg leading-normal">{{ url }}</div>
+<div class="">We will investigate this as soon as possible. If you would like to get in contact with the administrators of this PhishDetect Node, you can find their contact details <a class="text-blue hover:no-underline hover:text-blue-dark" href="/contacts/">here</a>.</div>
 {% endblock %}

templates/review.html

@@ -6,7 +6,7 @@
     <h1 class="font-normal"><b>PhishDetect</b> Review</h1>
 </div>
 
-<div>You reported the following indicator as a false positive:</div>
-<div class="font-mono bg-blue-lightest rounded-lg mt-4 mb-4 p-4">{{ original }}</div>
-<div class="">Thank you for reporting this issue to us. We will investigate this further and eventually remediate as soon as possible. If you continue experiencing issues, please get in contact with your <a class="text-blue hover:no-underline hover:text-blue-dark" href="/contacts/">PhishDetect Node Administrators</a>. For more information, refer to the official <a class="text-blue hover:no-underline hover:text-blue-dark" href="https://phishdetect.io/help/"><i class="fas fa-link" title="This link leads to an external page"></i> Help</a> page.</div>
+<div>Thank you for requesting the review of the following link as a false positive:</div>
+<div class="font-mono border-l-8 border-green-lighter mt-6 mb-6 bg-green-lightest text-green-darker p-6 rounded-lg leading-normal">{{ original }}</div>
+<div class="">We will investigate this further and eventually remediate as soon as possible. If you continue experiencing issues, please get in contact with your <a class="text-blue hover:no-underline hover:text-blue-dark" href="/contacts/">PhishDetect Node Administrators</a>. For more information, refer to the official <a class="text-blue hover:no-underline hover:text-blue-dark" href="https://phishdetect.io/help/"><i class="fas fa-link" title="This link leads to an external page"></i> Help</a> page.</div>
 {% endblock %}