Change footer div into footer element

assets/css/default.css

@@ -282,8 +282,8 @@ input[type="search"]::-webkit-search-cancel-button {
  * Footer
  */
 
-.footer {
-  color: #666666;
+footer {
+  color: #919191;
   margin: 1.5em 0;
   text-align: center;
   position: absolute;
@@ -293,8 +293,8 @@ input[type="search"]::-webkit-search-cancel-button {
   max-height: 30vh;
 }
 
-body .footer a {
-  color: inherit;
+footer a {
+  color: #919191 !important;
   text-decoration: underline;
 }
 

src/invidious/views/template.ecr

@@ -107,7 +107,7 @@
             <%= content %>
 
             <div id="placeholder" style="padding: 6em;"></div>
-            <div class="footer">
+            <footer>
                 <div class="pure-g">
                     <div class="pure-u-1 pure-u-md-1-3">
                         <a href="https://github.com/iv-org/invidious">
@@ -141,7 +141,7 @@
                         <%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %> @ <%= CURRENT_BRANCH %>
                     </div>
                 </div>
-            </div>
+            </footer>
         </div>
         <div class="pure-u-1 pure-u-md-2-24"></div>
     </div>