Add dark light interoperability

src/invidious/helpers/errors.cr

@@ -75,7 +75,8 @@ def error_template_helper(env : HTTP::Server::Context, status_code : Int32, exce
   # proposed above the error message, just worded differently.
   next_steps = ""
   unfound_tv_box_dark_theme = File.read("assets/404_tv_box_dark_theme.svg")
-  
+  unfound_tv_box_light_theme = File.read("assets/404_tv_box_light_theme.svg")
+
   return templated "error"
 end
 
@@ -87,6 +88,7 @@ def error_template_helper(env : HTTP::Server::Context, status_code : Int32, mess
 
   error_message = translate(locale, message)
   unfound_tv_box_dark_theme = File.read("assets/404_tv_box_dark_theme.svg")
+  unfound_tv_box_light_theme = File.read("assets/404_tv_box_light_theme.svg")
   next_steps = error_redirect_helper(env)
 
   return templated "error"
@@ -199,4 +201,4 @@ def error_redirect_helper(env : HTTP::Server::Context)
   else
     return ""
   end
-end
+end

src/invidious/views/error.ecr

@@ -1,11 +1,19 @@
+<%
+  dark_mode = env.get("preferences").as(Preferences).dark_mode
+%>
+
 <% content_for "header" do %>
 <title><%= "Error" %> - Invidious</title>
 <% end %>
 
 <div class="h-box">
-    <a id="error-parent">
+    <div style="display: flex; flex-direction: column;">
         <%= error_message %>
-    </a>
-    <%= unfound_tv_box_dark_theme %>
+        <% if dark_mode == "dark" %>
+            <%= unfound_tv_box_dark_theme %>  
+        <% else %>
+            <%= unfound_tv_box_light_theme %> 
+        <% end %>
+    </div>
     <%= next_steps %>
-</div>
+</div>