Basic dark-on-light eink theme

Could use plenty of adjustment, but this is better than the default dark
theme for now.

bin/add_youtube_subscription.pl

@@ -27,7 +27,7 @@ if ($ARGV[0] =~ m%^UC[a-zA-Z0-9\-\_]{22}$%) {
     #print "Found raw channelId " . $params{channelId} . "\n";
 } elsif ($ARGV[0] =~ m%^(?:(?:https://)?(?:www\.|m\.)?youtube\.com/)?\@([^\/]+)%) {
     $params{channelHandle} = $1;
-    die("Handles are not yet supported. Found \@$params{channelHandle}\n");
+    #die("Handles are not yet supported. Found \@$params{channelHandle}\n");
 } elsif ($ARGV[0] =~ m%^(https://)?(www\.|m\.)?youtube\.com/channel/UC[a-zA-Z0-9\-\_]{22}%) {
     $params{channelId} = $ARGV[0];
     $params{channelId} =~ s%(https://)?(www\.|m\.)?youtube\.com/channel/(UC[^/]{22})(/.*)?%$3%;

lib/YTYT.pm

@@ -52,6 +52,11 @@ sub get_videos_page {
         $get = $self->{location} . '/' .
             'channel/' . $params{channelId} .
             '/videos';
+    } elsif (defined $params{channelHandle}) {
+        $target = $params{channelHandle};
+        $get = $self->{location} . '/' .
+            '@' . $params{channelHandle} .
+            '/videos';
     } elsif (defined $params{channelName}) {
         $target = $params{channelName};
         $get = $self->{location} . '/' .

www/css/eink.css

@@ -0,0 +1,100 @@
+/*
+ * This is the built-in 'default' theme. If you would like to make your own
+ * custom theme, you should make a copy of this file, apply the changes you
+ * want to that copy, then select that copy by name in the settings to apply.
+ */
+
+body {
+    background: #DBDBDB;
+    color: #000000;
+    font-family: Arial, sans-serif;
+}
+#debug {
+    background: #FFFFFF;
+    color: #f00;
+    border-color: #f00;
+}
+#debug button {
+    background: #b00;
+    color: #FFFFFF;
+}
+a {
+    color: #000000;
+}
+div#error {
+    background: #b00;
+}
+div#title {
+    background: #FFFFFF;
+}
+div#title h1 {
+    color: #b00;
+}
+div#subs {
+    background: #DBDBDB;
+    border-color: #b00;
+}
+div#subs img {
+    border-color: #000000;
+}
+div.row {
+    background: #FFFFFF;
+}
+div.playmodes {
+    background: #DBDBDB;
+}
+.mark {
+    background: #b00;
+}
+div.time h4 {
+    background: #FFFFFF;
+}
+.category, .no-category, .unsubscribe, .solo, .no-solo, .regex, .no-regex {
+    border-color: solid 2px #000000;
+}
+.category a, .no-category a, .unsubscribe a, .solo a, .no-solo a, .regex a, .no-regex a {
+    color: #000000;
+}
+.unsubscribe {
+    background: #bb0000;
+}
+.no-category, .no-solo, .no-regex {
+    background: #FFFFFF;
+}
+.category, .solo, .regex {
+    background: #00bb00;
+}
+.menu {
+    color: #FFFFFF;
+    background: #cdcdcd;
+}
+.menu button {
+    background: #bb0000;
+    color: #000000;
+}
+.menu select {
+    background: #000000;
+    color: #FFFFFF;
+}
+submit {
+    background: #bb0000;
+}
+#footer {
+    background: #FFFFFF;
+}
+#footer a {
+    color: #bb0000;
+}
+#timeout {
+    color: #bb0000;
+}
+#copied {
+    background: rgba(255,31,31,0.5);
+    color: #000000;
+}
+.web, .embed, .clip {
+    background: #FFFFFF;
+}
+img.tab-focused {
+    background: #CDCDCD;
+}

www/css/style.css

@@ -146,10 +146,13 @@ div.thumb, div.details {
     z-index: 20;
 }
 div.thumb {
-    padding: 0px 10px 0px 10px;
+    padding: 0px;
     position: relative;
     overflow-y: hidden;
 }
+div.letterbox {
+    padding: 0px 10px;
+}
 div.thumb img {
     display: block;
     padding-right: 0px;

www/index.php

@@ -233,7 +233,7 @@ function print_video($video,$settings,$mobile,$show_seen)
         }
         $html .= "
                  $default"  . '
-                    <div class="thumb" id="thumbnail:' . $video['videoId'] . '">
+                    <div class="thumb' . ($settings['thumbnail_quality'] == 'maxresdefault' || $settings['thumbnail_quality'] == 'mqdefault' ? '' : ' letterbox') . '" id="thumbnail:' . $video['videoId'] . '">
                         <img src="https://i.ytimg.com/vi/' . $video['videoId'] . '/' . ($settings['thumbnail_quality'] ? $settings['thumbnail_quality'] : 'default') . '.jpg"/>
                         <div class="time">
                             <h4>' . $video['lengthText'] . '</h4>
@@ -1131,7 +1131,7 @@ if (isset($permissions['readable']) && $permissions['readable']) {
         if ($settings['thumbnail_quality'] == 'medium' || $settings['thumbnail_quality'] == 'mqdefault') {
             $header .= ' selected="selected"';
         }
-        $header .= '>Medium (320x180*)</option><option value="default"';
+        $header .= '>Medium (320x180)</option><option value="default"';
         if ($settings['thumbnail_quality'] == 'low' || $settings['thumbnail_quality'] == 'default') {
             $header .= ' selected="selected"';
         }