diff --git a/src/css/dark_theme.css b/src/css/dark_theme.css index 960b34f..8112f8f 100644 --- a/src/css/dark_theme.css +++ b/src/css/dark_theme.css @@ -26,6 +26,15 @@ h2 { .li-h3 { text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5); } +.titlefont { + color: rgb(241, 241, 241); +} +.metafont { + color: rgb(170, 170, 170); +} +.overlayfont { + color: rgb(255, 255, 255); +} @@ -68,136 +77,15 @@ h2 { box-shadow: 5px 5px rgb(5, 5, 5); } -/* CORE - ELEMENTS BOX */ -.tube-helper-element-box { - border: 2px solid rgb(64, 64, 64); - box-shadow: 5px 5px rgb(5, 5, 5); - background-color: rgb(32, 32, 32); -} -.tube-helper-subtext { - color: rgb(170, 170, 170); -} - -/* VIDEO PLAYER - SIDEBAR - ELEMENT ITEM PROPERTIES */ -.sidebar-item { - border: 2px solid rgb(64, 64, 64); - box-shadow: 5px 5px rgb(5, 5, 5); - background-color: rgb(32, 32, 32); -} - -/* VIDEO PLAYER - SIDEBAR - THUMBNAIL OVERLAY PROPERTIES */ -.sidebar-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.sidebar-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - TITLE PROPERTIES */ -.sidebar-details-title { - color: rgb(241, 241, 241); -} -.sidebar-details-title p { - color: rgb(241, 241, 241); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - CHANNEL NAME PROPERTIES */ -.sidebar-details-channel div div div p { - color: rgb(170, 170, 170); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - METADATA PROPERTIES */ -.sidebar-details-stats p { - color: rgb(170, 170, 170); -} - - - - -/* CHANNELS - CHANNEL VIDEOS - ELEMENT ITEM PROPERTIES */ -.channel-videos-item { - border: 2px solid rgb(64, 64, 64); - box-shadow: 5px 5px rgb(5, 5, 5); - background-color: rgb(32, 32, 32); -} - -/* CHANNELS - CHANNEL VIDEOS - THUMBNAIL OVERLAY PROPERTIES */ -.channel-videos-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.channel-videos-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - TITLE PROPERTIES */ -.channel-videos-details-title { - color: rgb(241, 241, 241); -} -.channel-videos-details-title p { - color: rgb(241, 241, 241); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - METADATA PROPERTIES */ -.channel-videos-details-meta div div p { - color: rgb(170, 170, 170); -} - - - -/* CHANNELS - CHANNEL VIDEOS - ELEMENT ITEM PROPERTIES */ - - -/* CHANNELS - CHANNEL VIDEOS - THUMBNAIL OVERLAY PROPERTIES */ - -.channel-for-you-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - TITLE PROPERTIES */ -.channel-for-you-details-title { - color: rgb(241, 241, 241); -} -.channel-for-you-details-title p { - color: rgb(241, 241, 241); -} - -/* CHANNELS - CHANNEL VIDEOS - DETAILS - METADATA PROPERTIES */ -.channel-for-you-details-meta div div p { - color: rgb(170, 170, 170); -} - - - - - - -/* CHANNELS - CHANNEL FEATURED - ELEMENT ITEM PROPERTIES */ -.channel-featured-item { +/* CORE - ELEMENTS BOX */ +.tube-helper-element-box { border: 2px solid rgb(64, 64, 64); box-shadow: 5px 5px rgb(5, 5, 5); background-color: rgb(32, 32, 32); } - -/* CHANNELS - CHANNEL FEATURED - THUMBNAIL OVERLAY PROPERTIES */ -.channel-featured-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.channel-featured-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* CHANNELS - CHANNEL FEATURED - DETAILS - TITLE PROPERTIES */ -.channel-featured-details-title { - color: rgb(241, 241, 241); -} -.channel-featured-details-title p { - color: rgb(241, 241, 241); -} - -/* CHANNELS - CHANNEL FEATURED - DETAILS - METADATA PROPERTIES */ -.channel-featured-details-meta div div p { +.tube-helper-subtext { color: rgb(170, 170, 170); } \ No newline at end of file diff --git a/src/css/light_theme.css b/src/css/light_theme.css index 4642eac..f15c785 100644 --- a/src/css/light_theme.css +++ b/src/css/light_theme.css @@ -27,7 +27,15 @@ h2 { .li-h3 { text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4); } - +.titlefont { + color: rgb(75, 75, 75); +} +.metafont { + color: rgb(125, 125, 125); +} +.overlayfont { + color: rgb(255, 255, 255); +} @@ -68,7 +76,6 @@ h2 { - /* CORE - MESSAGE BOX PROPERTIES */ .message-box { box-shadow: 5px 5px rgb(200, 200, 200); @@ -77,40 +84,12 @@ h2 { - -/* VIDEO PLAYER - SIDEBAR - ELEMENT ITEM PROPERTIES */ -.sidebar-item { +/* CORE - ELEMENTS BOX */ +.tube-helper-element-box { border: 2px solid rgb(175, 175, 175); box-shadow: 5px 5px rgb(200, 200, 200); background-color: rgb(210, 210, 210); } - -/* VIDEO PLAYER - SIDEBAR - THUMBNAIL OVERLAY PROPERTIES */ -.sidebar-thumbnail-overlay div div { - background-color: rgba(0, 0, 0, 0.8); -} -.sidebar-thumbnail-overlay div div p { - color: rgb(255, 255, 255); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - TITLE PROPERTIES */ -.sidebar-details-title { - color: rgb(75, 75, 75); -} -.sidebar-details-title p { - color: rgb(0, 0, 0); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - CHANNEL NAME PROPERTIES */ -.sidebar-details-channel div div div p { - color: rgb(125, 125, 125); -} - -/* VIDEO PLAYER - SIDEBAR - DETAILS - METADATA PROPERTIES */ -.sidebar-details-stats p { - color: rgb(125, 125, 125); -} - -.end-screen-video-group div img { - box-shadow: 5px 5px rgb(200, 200, 200); +.tube-helper-subtext { + color: rgb(170, 170, 170); } \ No newline at end of file diff --git a/src/tube_helper_dark_channels.html b/src/tube_helper_dark_channels.html index 0d55352..e58cdcf 100644 --- a/src/tube_helper_dark_channels.html +++ b/src/tube_helper_dark_channels.html @@ -145,7 +145,7 @@
+
18:34
+
Your Channel Name
+
1.5K views • 2 hours ago
+
Welcome to my channel! I am a content creator that makes lets plays. Every season I ask YOU what game you want me to play on the community tab. Video selection is based on the first two games you great folks pick and @@ -232,7 +232,7 @@
+
18:34
+
I Built and INDUSTRIAL CITY in Minecraft Create
@@ -253,13 +253,13 @@+
Your Channel Name • 1.5K views • 2 hours ago
+
Welcome back to another let's play for Cities Skylines. Today we worked on some critical traffic issues and expanded out city to one more chunk. @@ -316,7 +316,7 @@
25:06
++ 25:06 +
I Built and INDUSTRIAL CITY in Minecraft Create
++ I Built and INDUSTRIAL CITY in Minecraft Create +
1.5K views • 2 hours ago
++ 1.5K views • 2 hours ago +
10:15
++ 10:15 +
1000 Players Build MASSIVE Civilization in Minecraft
++ 1000 Players Build MASSIVE Civilization in Minecraft +
1.8M views • 1 month ago
++ 1.8M views • 1 month ago +
+
18:34
+
I Built and INDUSTRIAL CITY in Minecraft Create
+
12K views • 2 days ago
28:19
++ 28:19 +
50 Building Tips YOU NEED To Know
++ 50 Building Tips YOU NEED To Know +
750K views • 2 years ago
++ 750K views • 2 years ago +
1:18:53
++ 1:18:53 +
TimberWoods Minecraft Lets Play FULL SEASON
++ TimberWoods Minecraft Lets Play FULL SEASON +
253 views • 20 minutes ago
++ 253 views • 20 minutes ago +
5:42
++ 5:42 +
I Gave 1000 Diamonds To An ENTIRE SERVER
++ I Gave 1000 Diamonds To An ENTIRE SERVER +
2.7M views • 5 years ago
++ 2.7M views • 5 years ago +
+
10:15
+
1000 Players Build MASSIVE Civilization in Minecraft
+
1.8M views • 1 month ago
+
18:34
+
I Built and INDUSTRIAL CITY in Minecraft Create
+
1.5K views • 2 hours ago
+
28:19
+
50 Building Tips YOU NEED To Know
+
750K views • 2 years ago
+
How To Use Global Variables #minecraft #modding
@@ -724,7 +754,7 @@+
1.5K views
+
Money Rebound Project Se1 Ep17 #citiesskylines
@@ -754,7 +784,7 @@+
1.5K views
+
Building the CARGO Train Station #citiesskylines
@@ -784,7 +814,7 @@+
1.5K views
+
Best Minecraft Forge Mods 2024 #minecraft
@@ -814,7 +844,7 @@+
1.5K views
+
We Servived the WINTER #goingmedieval
@@ -844,7 +874,7 @@+
1.5K views
+
Game REVIEW 2024 #medievaldynasty
@@ -874,7 +904,7 @@+
1.5K views
+ + | +
+ + TUBE HELPER +++ THIS IS NOT AN OFFICIAL YOUTUBE PRODUCT AND IS NOT APPROVED BY OR ASSOCIATED WITH GOOGLE OR ALPHABET. + + |
+
+ When person is not subscribed to your channel they will see a video you set as the channel trailer video! +
++ Your Channel Name +
++ 1.5K views • 2 hours ago +
++ Welcome to my channel! I am a content creator that makes lets plays. + Every season I ask YOU what game you want me to play on the community tab. + Video selection is based on the first two games you great folks pick and + a couple new games that we did not do in last years selection. + Remember to vote for what games you want in spring and summer as this helps shape + next years selection. +
+ ++ When person is subscribed already to your channel they will see a video you set as the featured video! +
++ Your Channel Name • 1.5K views • 2 hours ago +
++ Welcome back to another let's play for Cities Skylines. + Today we worked on some critical traffic issues and expanded out city to one more chunk. + + Cities Skylines is a modern take on the classic city simulation. + The game introduces new gameplay elements to realize the thrill and hardships of creating and + maintaining a real city whilst expanding on some well-established tropes of the city-building experience. +
+ +
+ If you add some videos sections this will be the size of the thumbnail.
+
+ The following sections are supported:
+
+ I Built and INDUSTRIAL CITY in Minecraft Create +
+ ++ 1.5K views • 2 hours ago +
++ 1000 Players Build MASSIVE Civilization in Minecraft +
+ ++ 1.8M views • 1 month ago +
++ I Built and INDUSTRIAL CITY in Minecraft Create +
+ ++ 12K views • 2 days ago +
++ 50 Building Tips YOU NEED To Know +
+ ++ 750K views • 2 years ago +
++ TimberWoods Minecraft Lets Play FULL SEASON +
+ ++ 253 views • 20 minutes ago +
++ I Gave 1000 Diamonds To An ENTIRE SERVER +
+ ++ 2.7M views • 5 years ago +
++ If you enable the FOR YOU section people viwing your channel will see recommended videos with this size of thumbnail. +
++ 1000 Players Build MASSIVE Civilization in Minecraft +
+ ++ 1.8M views • 1 month ago +
++ I Built and INDUSTRIAL CITY in Minecraft Create +
+ ++ 1.5K views • 2 hours ago +
++ 50 Building Tips YOU NEED To Know +
+ ++ 750K views • 2 years ago +
+
+ Though shorts don't currently have custom thumbnial support you can use the Title Helper to design your titles.
+ The first item uses the Title Helper for its shorts title.
+
+ How To Use Global Variables #minecraft #modding +
+ ++ 1.5K views +
++ Money Rebound Project Se1 Ep17 #citiesskylines +
+ ++ 1.5K views +
++ Building the CARGO Train Station #citiesskylines +
+ ++ 1.5K views +
++ Best Minecraft Forge Mods 2024 #minecraft +
+ ++ 1.5K views +
++ We Servived the WINTER #goingmedieval +
+ ++ 1.5K views +
++ Game REVIEW 2024 #medievaldynasty +
+ ++ 1.5K views +
+
+ When person is not subscribed to your channel they will see a video you set as the channel trailer video!
+ They resize based on the browser window or device but are static in sizing.
+
+ The videos page and live page on channels look like this when people view them.
+ Shorts will expand only if there is room to add another short the same size.
+
+ When you make a podcast playlist you will find podscasts under the Podcast tab.
+ They resize based on the browser window or device but are static in sizing.
+
+ + | + |
+ + TUBE HELPER +++ THIS IS NOT AN OFFICIAL YOUTUBE PRODUCT AND IS NOT APPROVED BY OR ASSOCIATED WITH GOOGLE OR ALPHABET. + + | + |