From a9869bf3731658378f1edf1be1186e957468bec3 Mon Sep 17 00:00:00 2001
From: spaeps <1037160+spaeps@users.noreply.github.com>
Date: Wed, 2 Oct 2019 09:20:30 +0200
Subject: [PATCH] [arc-green] white on hover for active menu items (#8344)

* [arc-green] white on hover for active menu items

Actually, hovered active menu elements are in an unreadable black text colour.
This should be changed to white.

* [arc-green] white on hover for active menu items
Actually, hovered active menu elements are in an unreadable black text colour.
This should be changed to white.

Now editing less files and commiting with `make css`.
---
 public/css/theme-arc-green.css    | 2 +-
 public/less/themes/arc-green.less | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/css/theme-arc-green.css b/public/css/theme-arc-green.css
index 938904c0bc21..28a127a3dd7b 100644
--- a/public/css/theme-arc-green.css
+++ b/public/css/theme-arc-green.css
@@ -42,7 +42,7 @@ a:hover{color:#a0cc75}
 .ui.attached.table{border:1px solid #304251;background:#304251}
 .feeds .list ul li:not(:last-child){border-bottom:1px solid #333640}
 .feeds .list ul li.private{background:#353945;border:1px solid #333640}
-.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{color:#fff}
+.ui.secondary.menu .active.item:hover,.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{color:#fff}
 .ui.menu .ui.dropdown .menu>.item{background:#2c303a!important;color:#9e9e9e!important}
 .ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu{border:1px solid #434444}
 footer{background:#2e323e;border-top:1px solid #313131}
diff --git a/public/less/themes/arc-green.less b/public/less/themes/arc-green.less
index cff51f0908f9..27c32728a2f6 100644
--- a/public/less/themes/arc-green.less
+++ b/public/less/themes/arc-green.less
@@ -225,6 +225,7 @@ a:hover {
 
 .ui.secondary.menu .dropdown.item:hover,
 .ui.secondary.menu .link.item:hover,
+.ui.secondary.menu .active.item:hover,
 .ui.secondary.menu a.item:hover {
     color: #ffffff;
 }