From ce35d2f2a165680455c942c42cb2c7c6b7293674 Mon Sep 17 00:00:00 2001
From: ICabaleiro <i.cabaleiro@devcups.com>
Date: Wed, 22 Jan 2020 13:25:25 +0000
Subject: [PATCH] Adjusting icons color on hover

---
 assets/style.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/assets/style.css b/assets/style.css
index aded7b3..e491c96 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -45,4 +45,37 @@ body {
 
 .peertube-select-container, input, textarea{
   border: 1px solid var(--mainBackgroundColor) !important;
+}
+/* Icons hovers */
+#custom-css  a my-global-icon svg circle[stroke="#000000"],
+#custom-css  a my-global-icon svg g[stroke="#000000"],
+#custom-css  a my-global-icon svg path[stroke="#000000"],
+#custom-css  a my-global-icon svg polygon[stroke="#000000"],
+#custom-css  a my-global-icon svg rect[stroke="#000000"],
+#custom-css  a my-global-icon svg ellipse[stroke="#000000"]{
+  stroke: var(--mainForegroundColor) !important;
+}
+#custom-css .dropdown-item:hover my-global-icon svg circle[stroke="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg g[stroke="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg polygon[stroke="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg rect[stroke="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg ellipse[stroke="#000000"]{
+  stroke: var(--whiteColor) !important;
+}
+
+
+#custom-css  a my-global-icon svg circle[fill="#000000"],
+#custom-css  a my-global-icon svg g[fill="#000000"],
+#custom-css  a my-global-icon svg path[fill="#000000"],
+#custom-css  a my-global-icon svg polygon[fill="#000000"],
+#custom-css  a my-global-icon svg rect[fill="#000000"]{
+  fill: var(--mainForegroundColor) !important;
+}
+#custom-css .dropdown-item:hover my-global-icon svg circle[fill="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg g[fill="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg path[fill="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg polygon[fill="#000000"],
+#custom-css .dropdown-item:hover my-global-icon svg rect[fill="#000000"]{
+  fill: var(--whiteColor) !important;
 }
\ No newline at end of file