re-add custom style

assets/css/default.css

@@ -1,10 +1,23 @@
 html,
 body {
-  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
+  font-family: 'Roboto,Arial', BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
     Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
     Arial, sans-serif;
 }
 
+@font-face {
+  font-family: 'Lemon Yellow Sun';
+  src: url("../fonts/LemonYellowSun.otf") format("opentype");
+}
+
+.pure-menu-heading, h1, h2 {
+  font-family: 'Lemon Yellow Sun' !important;
+}
+
+.pure-menu-heading {
+  font-size: 30px;
+}
+
 #contents {
   display: flex;
   flex-direction: column;
@@ -33,7 +46,7 @@ body {
 }
 
 body a.channel-owner {
-  background-color: #008bec;
+  background-color: #fdd835;
   color: #fff;
   border-radius: 9px;
   padding: 1px 6px;
@@ -126,10 +139,8 @@ body a.pure-button-primary,
 }
 
 button.pure-button-primary:hover,
-body a.pure-button-primary:hover,
-button.pure-button-primary:focus,
-body a.pure-button-primary:focus {
-  background-color: rgba(0, 182, 240, 1);
+body a.pure-button-primary:hover {
+  background-color: #fdd835;
   color: #fff;
 }
 
@@ -393,10 +404,8 @@ span > select {
 
 .light-theme a:hover,
 .light-theme a:active,
-.light-theme summary:hover,
-.light-theme a:focus,
-.light-theme summary:focus {
-  color: #075A9E !important;
+.light-theme summary:hover {
+  color: #fdd835 !important;
 }
 
 .light-theme a.pure-button-primary:hover,
@@ -423,10 +432,8 @@ span > select {
 @media (prefers-color-scheme: light) {
   .no-theme a:hover,
   .no-theme a:active,
-  .no-theme summary:hover,
-  .no-theme a:focus,
-  .no-theme summary:focus {
-    color: #075A9E !important;
+  .no-theme summary:hover  {
+    color: #fdd835 !important;
   }
 
   .no-theme a.pure-button-primary:hover,
@@ -457,10 +464,8 @@ span > select {
 
 .dark-theme a:hover,
 .dark-theme a:active,
-.dark-theme summary:hover,
-.dark-theme a:focus,
-.dark-theme summary:focus {
-  color: rgb(0, 182, 240);
+.dark-theme summary:hover {
+  color: #fdd835;
 }
 
 .dark-theme a {
@@ -498,9 +503,8 @@ body.dark-theme {
 
 @media (prefers-color-scheme: dark) {
   .no-theme a:hover,
-  .no-theme a:active,
-  .no-theme a:focus {
-    color: rgb(0, 182, 240);
+  .no-theme a:active {
+    color: #fdd835;
   }
 
   .no-theme a {

assets/css/embed.css

@@ -21,7 +21,6 @@
   color: white;
 }
 
-.watch-on-invidious > a:hover,
-.watch-on-invidious > a:focus {
-  color: rgba(0, 182, 240, 1);;
+.watch-on-invidious > a:hover {
+  color: #fdd835
 }

assets/css/player.css

@@ -169,11 +169,11 @@ ul.vjs-menu-content::-webkit-scrollbar {
 
 .video-js .vjs-slider:hover,
 .video-js button:hover {
-  color: rgba(0, 182, 240, 1);
+  color: #fdd835;
 }
 
 .video-js.player-style-invidious .vjs-play-progress {
-  background-color: rgba(0, 182, 240, 1);
+  background-color: #fdd835;
 }
 
 /* Overlay */

src/invidious/views/template.ecr

@@ -16,7 +16,7 @@
     <link rel="stylesheet" href="/css/pure-min.css?v=<%= ASSET_COMMIT %>">
     <link rel="stylesheet" href="/css/grids-responsive-min.css?v=<%= ASSET_COMMIT %>">
     <link rel="stylesheet" href="/css/ionicons.min.css?v=<%= ASSET_COMMIT %>">
-    <link rel="stylesheet" href="/css/default.css?v=<%= ASSET_COMMIT %>">
+    <link rel="stylesheet" href="/css/default.css">
     <script src="/js/_helpers.js?v=<%= ASSET_COMMIT %>"></script>
 </head>
 
@@ -114,7 +114,7 @@
             <%= content %>
 
             <footer>
-                <div class="pure-g">
+                <!-- <div class="pure-g">
                     <div class="pure-u-1 pure-u-md-1-3">
                         <span>
                             <i class="icon ion-logo-github"></i>
@@ -152,7 +152,7 @@
                         </span>
                         <span><%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %> @ <%= CURRENT_BRANCH %></span>
                     </div>
-                </div>
+                </div> -->
             </footer>
 
         </div>