From f8899678d214581095709fd59f613979829c616b 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 938904c0bc..28a127a3dd 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 cff51f0908..27c32728a2 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;
 }