Youtube Theater 1.2.9 release

## v1.2.9 ... (08 JULY 21) ### Note: `*` Change name from Youtube Theater to Youtube Tweaks ### Additions: `+` Add option to make youtube subtitle captions more akin to netflix subtitles.
StylusThemes · Jul 8, 2021 · f4005b1 · f4005b1
1 parent a2befc4
commit f4005b1
Show file tree

Hide file tree

Showing 10 changed files with 79 additions and 40 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,12 @@
-# YouTube Theater Changelog
+# YouTube Tweaks Changelog
+
+## v1.2.9 ... (08 JULY 21)
+
+### Note:
+`*` Change name from Youtube Theater to Youtube Tweaks
+
+### Additions:
+`+` Add option to make youtube subtitle captions more akin to netflix subtitles.
 
 ## v1.2.8 ... (29 APRIL 21)
 

diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
-# YouTube Theater [![Version][version]][1] [![Size][size]][1] [![Install directly from GitHub][install]][2] [![GitHub stars][stars]][3] [![GitHub watchers][watchers]][4] [![GitHub open issues][open issues]][5] [![GitHub closed issues][closed issues]][5] [![GitHub license][license]][6] [![GitHub last commit][last commit]][7]
+# YouTube Tweaks [![Version][version]][1] [![Size][size]][1] [![Install directly from GitHub][install]][2] [![GitHub stars][stars]][3] [![GitHub watchers][watchers]][4] [![GitHub open issues][open issues]][5] [![GitHub closed issues][closed issues]][5] [![GitHub license][license]][6] [![GitHub last commit][last commit]][7]
 
-**_Expands videos to fill all free space inside browser window_**
+**_Tweaks for [Youtube]_**
 
 ## Menu
 
@@ -14,7 +14,7 @@
    - xStyle: [Chrome][xstychrome], [Firefox][xstyfirefox].
 2. To install directly from GitHub, click here:
 
-   [![Install directly from GitHub][YouTube Theater]][2]
+   [![Install directly from GitHub][YouTube Tweaks]][2]
 
 3. Done! From now on it will automatically update.
 
@@ -26,33 +26,36 @@ If you would like to contribute to this repository, please...
 2. 👌 Create a pull request!
 
 <!-- BADGES -->
-[version]: https://flat.badgen.net/github/release/StylusThemes/YouTube-Theater
+[version]: https://flat.badgen.net/github/release/StylusThemes/YouTube-Tweaks
 [1]: #
-[size]: https://flat.badgen.net/badgesize/normal/StylusThemes/YouTube-Theater/master/style.user.css
+[size]: https://flat.badgen.net/badgesize/normal/StylusThemes/YouTube-Tweaks/master/style.user.css
 [install]: https://flat.badgen.net/badge/install%20directly%20from/GitHub/00ADAD "Click here!"
 [2]: https://rebrand.ly/InstallYouTube-Theater
-[stars]: https://flat.badgen.net/github/stars/StylusThemes/YouTube-Theater
-[3]: https://github.com/StylusThemes/YouTube-Theater/stargazers
-[watchers]: https://flat.badgen.net/github/watchers/StylusThemes/YouTube-Theater
-[4]: https://github.com/StylusThemes/YouTube-Theater/watchers
-[open issues]: https://flat.badgen.net/github/open-issues/StylusThemes/YouTube-Theater
-[closed issues]: https://flat.badgen.net/github/closed-issues/StylusThemes/YouTube-Theater
-[5]: https://github.com/StylusThemes/YouTube-Theater/issues
-[license]: https://flat.badgen.net/github/license/StylusThemes/YouTube-Theater
+[stars]: https://flat.badgen.net/github/stars/StylusThemes/YouTube-Tweaks
+[3]: https://github.com/StylusThemes/YouTube-Tweaks/stargazers
+[watchers]: https://flat.badgen.net/github/watchers/StylusThemes/YouTube-Tweaks
+[4]: https://github.com/StylusThemes/YouTube-Tweaks/watchers
+[open issues]: https://flat.badgen.net/github/open-issues/StylusThemes/YouTube-Tweaks
+[closed issues]: https://flat.badgen.net/github/closed-issues/StylusThemes/YouTube-Tweaks
+[5]: https://github.com/StylusThemes/YouTube-Tweaks/issues
+[license]: https://flat.badgen.net/github/license/StylusThemes/YouTube-Tweaks
 [6]: https://creativecommons.org/licenses/by-sa/4.0/
-[last commit]: https://flat.badgen.net/github/last-commit/StylusThemes/YouTube-Theater
-[7]: https://github.com/StylusThemes/YouTube-Theater/commits/master
+[last commit]: https://flat.badgen.net/github/last-commit/StylusThemes/YouTube-Tweaks
+[7]: https://github.com/StylusThemes/YouTube-Tweaks/commits/master
 [badges]: https://flat.badgen.net/badge/amount%20of%20badges/12/orange
 
+<!-- Youtube LINK -->
+[Youtube]: https://www.youtube.com/
+
 <!-- MENU -->
 [Installation]: README.md#installation
 [Contributions]: README.md#Contributions
 
 <!-- CONTRIBUTIONS -->
 [9]: https://user-images.githubusercontent.com/136959/42383736-c4cb0db8-80fd-11e8-91ca-12bae108bccc.png
-[10]: https://github.com/StylusThemes/YouTube-Theater/fork
+[10]: https://github.com/StylusThemes/YouTube-Tweaks/fork
 [11]: https://user-images.githubusercontent.com/136959/42401932-9ee9cae0-813d-11e8-8691-16e29a85d3b9.png
-[12]: https://github.com/StylusThemes/YouTube-Theater/releases
+[12]: https://github.com/StylusThemes/YouTube-Tweaks/releases
 
 <!-- STYLUS DOWNLOADS -->
 [STYChrome]: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
@@ -63,5 +66,5 @@ If you would like to contribute to this repository, please...
 [XSTYChrome]: https://chrome.google.com/webstore/detail/xstyle/hncgkmhphmncjohllpoleelnibpmccpj
 [XSTYFirefox]: https://addons.mozilla.org/firefox/addon/xstyle/
 
-<!-- INSTALL YouTube Theater BADGE -->
-[YouTube Theater]: https://flat.badgen.net/badge/YouTube%20Theater/install/00ADAD "Click here!"
+<!-- INSTALL YouTube Tweaks BADGE -->
+[YouTube Tweaks]: https://flat.badgen.net/badge/YouTube%20Tweaks/install/00ADAD "Click here!"
diff --git a/css/optionals/min/netflix-subtitles.min.css b/css/optionals/min/netflix-subtitles.min.css
diff --git a/css/optionals/netflix-subtitles.css b/css/optionals/netflix-subtitles.css
@@ -0,0 +1,10 @@
+/*::: Netflix subtitles with the drop shadow for the YouTube subtitles :::*/
+.ytp-caption-segment {
+  padding-bottom: 5 !important;
+  font-family: "Netflix Sans", sans-serif !important;
+  font-weight: 700 !important;
+
+/*font-size: 36px !important;*/
+  background: none !important;
+  text-shadow: rgba(0, 0, 0, 1) 0 0 .2em !important;
+}
diff --git a/css/theme/theme.css b/css/theme/theme.css
@@ -1,6 +1,6 @@
 #copyright div::after {
   white-space: pre;
-  content: "\aYoutube Theater - Version 1.2.8";
+  content: "\aYoutube Tweaks - Version 1.2.9";
 }
 
 ::-webkit-scrollbar {

diff --git a/css/usercss-template.css b/css/usercss-template.css
@@ -1,12 +1,12 @@
 /* ==UserStyle==
-@name         Youtube Theater
-@version      1.2.8
+@name         Youtube Tweaks
+@version      1.2.9
 @description  Expands videos to fill all free space inside browser window.
 @namespace    https://github.com/StylusThemes
 @author       StylusThemes <https://github.com/StylusThemes>
-@homepageURL  https://github.com/StylusThemes/YouTube-Theater
-@supportURL   https://github.com/StylusThemes/YouTube-Theater/issues/
-@updateURL    https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.user.css
+@homepageURL  https://github.com/StylusThemes/YouTube-Tweaks
+@supportURL   https://github.com/StylusThemes/YouTube-Tweaks/issues/
+@updateURL    https://raw.githubusercontent.com/StylusThemes/YouTube-Tweaks/master/style.user.css
 @license      CC-BY-SA-4.0
 
 @advanced dropdown VMaxWidth "Real Theater Mode?" {
@@ -30,6 +30,13 @@ WatchedBadgeN "No" <<<EOT
  EOT;
 }
 
+@advanced dropdown NetflixSubtitles "Change youtube subtitles to be more like netflix?" {
+NetflixSubtitlesY "Yes" <<<EOT
+{{netflix-subtitles}} EOT;
+NetflixSubtitlesN "No" <<<EOT
+ EOT;
+}
+
 @advanced dropdown WVC "Make the main video container on youtube wider?" {
 WVCY "Yes" <<<EOT
 {{wide-video-container}} EOT;
@@ -47,6 +54,7 @@ FadePPCompY "Yes" <<<EOT
 @-moz-document domain("youtube.com") {
 {{theme}}
 /*[[WatchedBadge]]*/
+/*[[NetflixSubtitles]]*/
 /*[[WVC]]*/
 /*[[FadePPComp]]*/
 }

diff --git a/gulpfile.js b/gulpfile.js
@@ -33,7 +33,8 @@ gulp.task( 'usercss', function () {
       '{{stretch-video}}': './css/optionals/min/stretch-video.min.css',
       '{{fade-watched}}': './css/optionals/min/fade-watched.min.css',
       '{{wide-video-container}}': './css/optionals/min/wide-video-container.min.css',
-      '{{fade++-compatibility}}': './css/optionals/min/fade++-compatibility.min.css'
+      '{{fade++-compatibility}}': './css/optionals/min/fade++-compatibility.min.css',
+      '{{netflix-subtitles}}': './css/optionals/min/netflix-subtitles.min.css'
     } ) )
     .pipe( rename( 'style.user.css' ) )
     .pipe( beautify.css( {

diff --git a/package.json b/package.json
@@ -1,11 +1,11 @@
 {
-  "name": "youtube-theater",
-  "title": "Youtube Theater",
-  "version": "1.2.8",
-  "description": "Expands videos to fill all free space inside browser window.",
+  "name": "youtube-tweaks",
+  "title": "Youtube Tweaks",
+  "version": "1.2.9",
+  "description": "Tweaks for Youtube!",
   "license": "CC-BY-SA-4.0",
-  "repository": "StylusThemes/YouTube-Theater",
-  "homepage": "https://github.com/StylusThemes/YouTube-Theater",
+  "repository": "StylusThemes/YouTube-Tweaks",
+  "homepage": "https://github.com/StylusThemes/YouTube-Tweaks",
   "main": "style.user.css",
   "dependencies": {
     "yarn": "^1.22.10"

diff --git a/sass/partials/_version.scss b/sass/partials/_version.scss
@@ -3,7 +3,7 @@
   div {
     &::after {
       white-space: pre;
-      content: "\A Youtube Theater - Version 1.2.8";
+      content: "\A Youtube Tweaks - Version 1.2.9";
     }
   }
 }
diff --git a/style.user.css b/style.user.css
@@ -1,12 +1,12 @@
 /* ==UserStyle==
-@name         Youtube Theater
-@version      1.2.8
+@name         Youtube Tweaks
+@version      1.2.9
 @description  Expands videos to fill all free space inside browser window.
 @namespace    https://github.com/StylusThemes
 @author       StylusThemes <https://github.com/StylusThemes>
-@homepageURL  https://github.com/StylusThemes/YouTube-Theater
-@supportURL   https://github.com/StylusThemes/YouTube-Theater/issues/
-@updateURL    https://raw.githubusercontent.com/StylusThemes/YouTube-Theater/master/style.user.css
+@homepageURL  https://github.com/StylusThemes/YouTube-Tweaks
+@supportURL   https://github.com/StylusThemes/YouTube-Tweaks/issues/
+@updateURL    https://raw.githubusercontent.com/StylusThemes/YouTube-Tweaks/master/style.user.css
 @license      CC-BY-SA-4.0
 
 @advanced dropdown VMaxWidth "Real Theater Mode?" {
@@ -30,6 +30,13 @@ WatchedBadgeN "No" <<<EOT
  EOT;
 }
 
+@advanced dropdown NetflixSubtitles "Change youtube subtitles to be more like netflix?" {
+NetflixSubtitlesY "Yes" <<<EOT
+.ytp-caption-segment{padding-bottom:5!important;font-family:"Netflix Sans",sans-serif!important;font-weight:700!important;background:0 0!important;text-shadow:#000 0 0 .2em!important} EOT;
+NetflixSubtitlesN "No" <<<EOT
+ EOT;
+}
+
 @advanced dropdown WVC "Make the main video container on youtube wider?" {
 WVCY "Yes" <<<EOT
 ytd-app #page-manager>ytd-browse:not([page-subtype=playlist]):not([page-subtype=home]) ytd-two-column-browse-results-renderer.ytd-browse{margin:10px!important;box-sizing:border-box;width:calc(100% - 25px)!important;max-width:none}ytd-app #page-manager>ytd-browse[page-subtype=channels] ytd-two-column-browse-results-renderer.ytd-browse ytd-item-section-renderer.ytd-section-list-renderer{width:calc(100% - 20px);max-width:none}ytd-app #page-manager>ytd-browse[page-subtype=channels] ytd-two-column-browse-results-renderer.ytd-browse ytd-item-section-renderer.ytd-section-list-renderer ytd-button-renderer.yt-horizontal-list-renderer.arrow{display:flex;opacity:1}#contentContainer.app-drawer[swipe-open].app-drawer::after{visibility:visible;position:fixed;top:0;bottom:0;left:100%;width:0;content:""}ytd-app #page-manager>ytd-browse:not([page-subtype]) #grid-container.ytd-expanded-shelf-contents-renderer>.ytd-expanded-shelf-contents-renderer,ytd-app #page-manager>ytd-browse:not([page-subtype]) #grid-container.ytd-expanded-shelf-contents-renderer>.ytd-expanded-shelf-contents-renderer>.ytd-video-renderer{max-width:600px}ytd-app #page-manager>ytd-browse:not([page-subtype]) ytd-video-renderer.ytd-expanded-shelf-contents-renderer{padding-right:15px}ytd-app #page-manager>ytd-browse:not([page-subtype]) ytd-thumbnail.ytd-video-renderer{margin-right:12px} EOT;
@@ -47,7 +54,7 @@ ytd-app #page-manager>ytd-browse:not([page-subtype=playlist]){display:block}ytd-
 @-moz-document domain("youtube.com") {
   #copyright div::after {
     white-space: pre;
-    content: "\aYoutube Theater - Version 1.2.8";
+    content: "\aYoutube Tweaks - Version 1.2.9";
   }
 
   ::-webkit-scrollbar {
@@ -86,6 +93,7 @@ ytd-app #page-manager>ytd-browse:not([page-subtype=playlist]){display:block}ytd-
   }
 
   /*[[WatchedBadge]]*/
+  /*[[NetflixSubtitles]]*/
   /*[[WVC]]*/
   /*[[FadePPComp]]*/
 }