From 8d66252dc57ea9421ae64460b8488bfd34c3cf71 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 938904c0b..28a127a3d 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 cff51f090..27c32728a 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;
 }