From d539c657d213b8a68cd1093c2d9fa61b9a8b5ff2 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Fri, 2 Jun 2023 21:44:34 +0000
Subject: [PATCH] add dark info panel :3
---
html/poketube.ejs | 66 +++++++++++++++++++++++++++++++++++++++++++++--
1 file changed, 64 insertions(+), 2 deletions(-)
diff --git a/html/poketube.ejs b/html/poketube.ejs
index 27ba9f49..c5562b0a 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -418,7 +418,7 @@ text-shadow: 1px 1px #000,1px 1px 0.1px #000;!important;
<% } %>
-
+
<style data-universe="2">
:root {
@@ -476,7 +476,48 @@ text-shadow: 1px 1px #000,1px 1px 0.1px #000;!important;
<% } %>
</style>
-
+ <% if(dm) { %>
+ <style>
+ :root {
+ --div-gradient: linear-gradient(to bottom right, #33078c, #7a4d3f) !important;
+ }
+
+ .subscribe-button > a {
+ color: rgb(232, 230, 227) !important;
+ text-decoration-color: currentcolor;
+ }
+
+ .subscribe-button {
+ color: rgb(255, 26, 26);
+ background-color: rgb(24, 26, 27);
+ background-image: none;
+ }
+
+ .subscribe-button:hover {
+ background-color: rgb(24, 26, 27);
+ background-image: linear-gradient(90deg, rgb(166, 30, 99), rgb(111, 88, 0), rgb(166, 30, 99), rgb(111, 88, 0));
+ box-shadow: rgb(0, 0, 0) 0px 3px 14px;
+}
+
+ * {
+ scrollbar-color: #454a4d #202324;
+}
+
+.new-button:hover {
+ border-color: rgb(48, 52, 54);
+ box-shadow: rgb(0, 0, 0) 0px 3px 14px;
+}
+
+.new-button.engagement:hover {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.new-button {
+ border-color: rgb(61, 11, 120);
+}
+ </style>
+ <% } %>
+
</head>
@@ -615,6 +656,27 @@ But Please note that unofficial instances can add the same lock icon, so please
<% } %>
+
+
+ <% if (!dm) { %>
+
+ <a href="/watch?v=<%=inv_vid.videoId%>&dm=true" title="Enable dark video info panel" style="text-decoration: none;" class="dropdown__item">
+<i class="fa-light fa-sun-bright"></i>
+ Dark Info Panel • off
+ </a>
+
+ <% } %>
+ <% if (dm) { %>
+
+
+ <a title="Enable Dark video info" href="/watch?v=<%=inv_vid.videoId%>" style="text-decoration: none;" class="dropdown__item">
+<i class="fa-light fa-moon" style="width: 1em;margin-left: 4px;"></i>
+ Dark Info Panel • on
+ </a>
+
+
+ <% } %>
+
<% if (!universe) { %>