Just a couple of adjustments (#350)

* Added icons tooltips in local/en-US.json, corrected link tooltip to switch to video mode and changed heart symbol by icon in comments

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;
+}

locales/en-US.json

@@ -274,5 +274,7 @@
   "%A %B %-d, %Y": "%A %B %-d, %Y",
   "(edited)": "(edited)",
   "Youtube permalink of the comment": "Youtube permalink of the comment",
-  "`x` marked it with a ❤": "`x` marked it with a ❤"
+  "`x` marked it with a ❤": "`x` marked it with a ❤",
+  "Audio mode": "Audio mode",
+  "Video mode": "Video mode"
 }

src/invidious/comments.cr

@@ -324,7 +324,7 @@ def template_youtube_comments(comments, locale)
               <div class="creator-heart">
                   <img class="creator-heart-background-hearted" src="#{creator_thumbnail}"></img>
                   <div class="creator-heart-small-hearted">
-                      <div class="creator-heart-small-container">🖤</div>
+                      <div class="icon ion-ios-heart creator-heart-small-container"></div>
                   </div>
               </div>
           </span>

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="<%=translate(locale, "Video 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="<%=translate(locale, "Audio mode")%>" href="/watch?<%= env.params.query %>&listen=1">
         <i class="icon ion-ios-volume-high"></i>
     </a>
     <% end %>