From 2b2ff814e3c7f13555ac783da0120c4520ec2e3b Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Thu, 27 Jan 2022 16:04:04 +0700
Subject: [PATCH] red hover logout button

---
 tubearchivist/home/templates/home/base.html | 2 +-
 tubearchivist/static/css/style.css          | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/tubearchivist/home/templates/home/base.html b/tubearchivist/home/templates/home/base.html
index 4525dd2..3bd4899 100644
--- a/tubearchivist/home/templates/home/base.html
+++ b/tubearchivist/home/templates/home/base.html
@@ -69,7 +69,7 @@
                         <img src="{% static 'img/icon-gear.svg' %}" alt="gear-icon" title="Settings">
                     </a>
                     <a href="{% url 'logout' %}">
-                        <img src="{% static 'img/icon-exit.svg' %}" alt="exit-icon" title="Logout">
+                        <img class="alert-hover" src="{% static 'img/icon-exit.svg' %}" alt="exit-icon" title="Logout">
                     </a>
                 </div>
             </div>
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index d6f535c..40b845e 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -286,6 +286,10 @@ button:hover {
     --connected-color: var(--accent-font-light);
 }
 
+.alert-hover:hover {
+    filter: var(--img-filter-error);
+}
+
 /* top of page */
 .title-bar {
     padding-top: 30px;