From 4e98296cba263f8452b0626026e02a8266024009 Mon Sep 17 00:00:00 2001
From: Agustin Ferrari <agustinferrari@gmx.com>
Date: Fri, 8 Feb 2019 21:53:39 -0300
Subject: [PATCH] I modify the colors of some links and add a tooltip to the
 icon to change the video mode

---
 assets/css/lighttheme.css     | 9 ++++++++-
 src/invidious/views/watch.ecr | 4 ++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/css/lighttheme.css b/assets/css/lighttheme.css
index 1ecd2bd0..6f1ad171 100644
--- a/assets/css/lighttheme.css
+++ b/assets/css/lighttheme.css
@@ -1,9 +1,16 @@
 a:hover,
 a:active {
-  color: #167ac6;
+  color: #167ac6 !important;
 }
 
 a {
   color: #61809b;
   text-decoration: none;
 }
+
+/* All links that do not fit with the default color goes here */
+a > .icon, 
+.pure-u-md-1-5 > .h-box > a[href^="/watch?"],
+.playlist-restricted > ol > li > a {
+  color: #303030;
+}
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index a8f98492..08d5615b 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -35,11 +35,11 @@
 <h1>
     <%= HTML.escape(video.title) %> 
     <% if params[:listen] %>
-    <a href="/watch?<%= env.params.query %>&listen=0">
+    <a title="Video/audio mode" href="/watch?<%= env.params.query %>&listen=0">
         <i class="icon ion-ios-videocam"></i>
     </a>
     <% else %>
-    <a href="/watch?<%= env.params.query %>&listen=1">
+    <a title="Audio only mode" href="/watch?<%= env.params.query %>&listen=1">
         <i class="icon ion-ios-volume-high"></i>
     </a>
     <% end %>