midou/invidious
1
0
Fork 1
mirror of https://github.com/iv-org/invidious.git synced 2024-12-23 00:29:53 +05:30
Code Issues Packages Projects Releases Wiki Activity

Add dark light interoperability

Browse Source
This commit is contained in:
broquemonsieur 2024-08-10 22:59:17 -07:00
parent 6044c66407
commit 824206612d
3 changed files with 1277 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1261
assets/404_tv_box_light_theme.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

2
src/invidious/helpers/errors.cr
View File

@ -75,6 +75,7 @@ def error_template_helper(env : HTTP::Server::Context, status_code : Int32, exce
# proposed above the error message, just worded differently. # proposed above the error message, just worded differently.
next_steps = "" next_steps = ""
unfound_tv_box_dark_theme = File.read("assets/404_tv_box_dark_theme.svg") 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" return templated "error"
end end
@ -87,6 +88,7 @@ def error_template_helper(env : HTTP::Server::Context, status_code : Int32, mess
error_message = translate(locale, message) error_message = translate(locale, message)
unfound_tv_box_dark_theme = File.read("assets/404_tv_box_dark_theme.svg") 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) next_steps = error_redirect_helper(env)
return templated "error" return templated "error"

12
src/invidious/views/error.ecr
View File

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