☰

YouTube - Non-Rounded Design

This script disables YouTube's new rounded corners (reverts back to the previous layout before 2022 with extra stuff included such as the explore tab, auto redirect shorts to watch interface, old comment replies UI, etc...)

当前为 2023-07-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube - Non-Rounded Design
  3. // @version      4.0.6
  4. // @description  This script disables YouTube's new rounded corners (reverts back to the previous layout before 2022 with extra stuff included such as the explore tab, auto redirect shorts to watch interface, old comment replies UI, etc...)
  5. // @author       Magma_Craft
  6. // @license MIT
  7. // @match        https://www.youtube.com/*
  8. // @namespace    https://gf.qytechs.cn/en/users/933798
  9. // @icon         https://www.youtube.com/favicon.ico
  10. // @run-at       document-start
  11. // @grant        none
  12. // @require      https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js
  13. // ==/UserScript==
  14.  
  15. // Attributes to remove from <html>
  16. const ATTRS = [
  17.     "darker-dark-theme",
  18.     "darker-dark-theme-deprecate"
  19. ];
  20.  
  21. // Regular config keys.
  22. const CONFIGS = {
  23.     BUTTON_REWORK: false
  24. }
  25.  
  26. // Experiment flags.
  27. const EXPFLAGS = {
  28.     enable_header_channel_handler_ui: false,
  29.     kevlar_unavailable_video_error_ui_client: false,
  30.     kevlar_refresh_on_theme_change: false,
  31.     kevlar_watch_cinematics: false,
  32.     kevlar_watch_metadata_refresh: false,
  33.     kevlar_watch_modern_metapanel: false,
  34.     kevlar_watch_modern_panels: false,
  35.     kevlar_watch_panel_height_matches_player: false,
  36.     web_amsterdam_playlists: false,
  37.     web_animated_like: false,
  38.     web_button_rework: false,
  39.     web_button_rework_with_live: false,
  40.     web_darker_dark_theme: false,
  41.     web_filled_subscribed_button: false,
  42.     web_guide_ui_refresh: false,
  43.     web_modern_ads: false,
  44.     web_modern_buttons: false,
  45.     web_modern_chips: false,
  46.     web_modern_dialogs: false,
  47.     web_modern_playlists: false,
  48.     web_modern_subscribe: false,
  49.     web_rounded_containers: false,
  50.     web_rounded_thumbnails: false,
  51.     web_searchbar_style: "default",
  52.     web_segmented_like_dislike_button: false,
  53.     web_sheets_ui_refresh: false,
  54.     web_snackbar_ui_refresh: false
  55. }
  56.  
  57. // Player flags
  58. // !!! USE STRINGS FOR VALUES !!!
  59. // For example: "true" instead of true
  60. const PLYRFLAGS = {
  61.     web_rounded_containers: "false",
  62.     web_rounded_thumbnails: "false"
  63. }
  64.  
  65. class YTP {
  66.     static observer = new MutationObserver(this.onNewScript);
  67.  
  68.     static _config = {};
  69.  
  70.     static isObject(item) {
  71.         return (item && typeof item === "object" && !Array.isArray(item));
  72.     }
  73.  
  74.     static mergeDeep(target, ...sources) {
  75.         if (!sources.length) return target;
  76.         const source = sources.shift();
  77.  
  78.         if (this.isObject(target) && this.isObject(source)) {
  79.             for (const key in source) {
  80.                 if (this.isObject(source[key])) {
  81.                     if (!target[key]) Object.assign(target, { [key]: {} });
  82.                     this.mergeDeep(target[key], source[key]);
  83.                 } else {
  84.                     Object.assign(target, { [key]: source[key] });
  85.                 }
  86.             }
  87.         }
  88.  
  89.         return this.mergeDeep(target, ...sources);
  90.     }
  91.  
  92.  
  93.     static onNewScript(mutations) {
  94.         for (var mut of mutations) {
  95.             for (var node of mut.addedNodes) {
  96.                 YTP.bruteforce();
  97.             }
  98.         }
  99.     }
  100.  
  101.     static start() {
  102.         this.observer.observe(document, {childList: true, subtree: true});
  103.     }
  104.  
  105.     static stop() {
  106.         this.observer.disconnect();
  107.     }
  108.  
  109.     static bruteforce() {
  110.         if (!window.yt) return;
  111.         if (!window.yt.config_) return;
  112.  
  113.         this.mergeDeep(window.yt.config_, this._config);
  114.     }
  115.  
  116.     static setCfg(name, value) {
  117.         this._config[name] = value;
  118.     }
  119.  
  120.     static setCfgMulti(configs) {
  121.         this.mergeDeep(this._config, configs);
  122.     }
  123.  
  124.     static setExp(name, value) {
  125.         if (!("EXPERIMENT_FLAGS" in this._config)) this._config.EXPERIMENT_FLAGS = {};
  126.  
  127.         this._config.EXPERIMENT_FLAGS[name] = value;
  128.     }
  129.  
  130.     static setExpMulti(exps) {
  131.         if (!("EXPERIMENT_FLAGS" in this._config)) this._config.EXPERIMENT_FLAGS = {};
  132.  
  133.         this.mergeDeep(this._config.EXPERIMENT_FLAGS, exps);
  134.     }
  135.  
  136.     static decodePlyrFlags(flags) {
  137.         var obj = {},
  138.             dflags = flags.split("&");
  139.  
  140.         for (var i = 0; i < dflags.length; i++) {
  141.             var dflag = dflags[i].split("=");
  142.             obj[dflag[0]] = dflag[1];
  143.         }
  144.  
  145.         return obj;
  146.     }
  147.  
  148.     static encodePlyrFlags(flags) {
  149.         var keys = Object.keys(flags),
  150.             response = "";
  151.  
  152.         for (var i = 0; i < keys.length; i++) {
  153.             if (i > 0) {
  154.                 response += "&";
  155.             }
  156.             response += keys[i] + "=" + flags[keys[i]];
  157.         }
  158.  
  159.         return response;
  160.     }
  161.  
  162.     static setPlyrFlags(flags) {
  163.         if (!window.yt) return;
  164.         if (!window.yt.config_) return;
  165.         if (!window.yt.config_.WEB_PLAYER_CONTEXT_CONFIGS) return;
  166.         var conCfgs = window.yt.config_.WEB_PLAYER_CONTEXT_CONFIGS;
  167.         if (!("WEB_PLAYER_CONTEXT_CONFIGS" in this._config)) this._config.WEB_PLAYER_CONTEXT_CONFIGS = {};
  168.  
  169.         for (var cfg in conCfgs) {
  170.             var dflags = this.decodePlyrFlags(conCfgs[cfg].serializedExperimentFlags);
  171.             this.mergeDeep(dflags, flags);
  172.             this._config.WEB_PLAYER_CONTEXT_CONFIGS[cfg] = {
  173.                 serializedExperimentFlags: this.encodePlyrFlags(dflags)
  174.             }
  175.         }
  176.     }
  177. }
  178.  
  179. window.addEventListener("yt-page-data-updated", function tmp() {
  180.     YTP.stop();
  181.     for (i = 0; i < ATTRS.length; i++) {
  182.         document.getElementsByTagName("html")[0].removeAttribute(ATTRS[i]);
  183.     }
  184.     window.removeEventListener("yt-page-date-updated", tmp);
  185. });
  186.  
  187. YTP.start();
  188.  
  189. YTP.setCfgMulti(CONFIGS);
  190. YTP.setExpMulti(EXPFLAGS);
  191. YTP.setPlyrFlags(PLYRFLAGS);
  192.  
  193. function $(q) {
  194.     return document.querySelector(q);
  195. }
  196.  
  197. // Re-add 'Explore' tab in sidebar (it also replaces the 'Shorts' tab)
  198. function waitForElm(selector) {
  199.     return new Promise(resolve => {
  200.         if (document.querySelector(selector)) {
  201.             return resolve(document.querySelector(selector));
  202.         }
  203.  
  204.         const observer = new MutationObserver(mutations => {
  205.             if (document.querySelector(selector)) {
  206.                 resolve(document.querySelector(selector));
  207.                 observer.disconnect();
  208.             }
  209.         });
  210.  
  211.         observer.observe(document.body, {
  212.             childList: true,
  213.             subtree: true
  214.         });
  215.     });
  216. }
  217.  
  218.     function restoreTrending() {
  219.  
  220.         var trendingData = {
  221.             "navigationEndpoint": {
  222.                 "clickTrackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  223.                 "commandMetadata": {
  224.                     "webCommandMetadata": {
  225.                         "url": "/feed/explore",
  226.                         "webPageType": "WEB_PAGE_TYPE_BROWSE",
  227.                         "rootVe": 6827,
  228.                         "apiUrl": "/youtubei/v1/browse"
  229.                     }
  230.                 },
  231.                 "browseEndpoint": {
  232.                     "browseId": "FEtrending"
  233.                 }
  234.             },
  235.             "icon": {
  236.                 "iconType": "EXPLORE"
  237.             },
  238.             "trackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  239.             "formattedTitle": {
  240.                 "simpleText": "Explore"
  241.             },
  242.             "accessibility": {
  243.                 "accessibilityData": {
  244.                     "label": "Explore"
  245.                 }
  246.             },
  247.             "isPrimary": true
  248.         };
  249.  
  250.         var guidetemplate = `<ytd-guide-entry-renderer class="style-scope ytd-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  251.         document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(2)`).data = trendingData;
  252.  
  253.         var miniguidetemplate = `<ytd-mini-guide-entry-renderer class="style-scope ytd-mini-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  254.         document.querySelector(`#items > ytd-mini-guide-entry-renderer:nth-child(2)`).data = trendingData;
  255.  
  256.     }
  257.  
  258.  
  259. waitForElm("#items.ytd-guide-section-renderer").then((elm) => {
  260.     restoreTrending();
  261. });
  262.  
  263. waitForElm("#items.ytd-mini-guide-section-renderer").then((elm) => {
  264.     restoreTrending();
  265. });
  266.  
  267. // Auto redirect shorts to watch page (credit goes to YukisCoffee and Fuim)
  268. var oldHref = document.location.href;
  269. if (window.location.href.indexOf('youtube.com/shorts') > -1) {
  270.     window.location.replace(window.location.toString().replace('/shorts/', '/watch?v='));
  271. }
  272. window.onload = function() {
  273.     var bodyList = document.querySelector("body")
  274.     var observer = new MutationObserver(function(mutations) {
  275.         mutations.forEach(function(mutation) {
  276.             if (oldHref != document.location.href) {
  277.                 oldHref = document.location.href;
  278.                 console.log('location changed!');
  279.                 if (window.location.href.indexOf('youtube.com/shorts') > -1) {
  280.                     window.location.replace(window.location.toString().replace('/shorts/', '/watch?v='));
  281.                 }
  282.             }
  283.         });
  284.     });
  285.     var config = {
  286.         childList: true,
  287.         subtree: true
  288.     };
  289.     observer.observe(bodyList, config);
  290. };
  291.  
  292. /**
  293.  * Shorts URL redirect.
  294.  *
  295.  * This is called on initial visit only. Successive navigations
  296.  * are managed by modifying the YouTube Desktop application.
  297.  */
  298. (function(){
  299.  
  300. /** @type {string} */
  301. var path = window.location.pathname;
  302.  
  303. if (0 == path.search("/shorts"))
  304. {
  305.     // Extract the video ID from the shorts link and redirect.
  306.  
  307.     /** @type {string} */
  308.     var id = path.replace(/\/|shorts|\?.*/g, "");
  309.  
  310.     window.location.replace("https://www.youtube.com/watch?v=" + id);
  311. }
  312.  
  313. })();
  314.  
  315. /**
  316.  * YouTube Desktop Shorts remover.
  317.  *
  318.  * If the initial URL was not a shorts link, traditional redirection
  319.  * will not work. This instead modifies video elements to replace them with
  320.  * regular links.
  321.  */
  322. (function(){
  323.  
  324. /**
  325.  * @param {string} selector (CSS-style) of the element
  326.  * @return {Promise<Element>}
  327.  */
  328. async function querySelectorAsync(selector)
  329. {
  330.     while (null == document.querySelector(selector))
  331.     {
  332.         // Pause for a frame and let other code go on.
  333.         await new Promise(r => requestAnimationFrame(r));
  334.     }
  335.  
  336.     return document.querySelector(selector);
  337. }
  338.  
  339. /**
  340.  * Small toolset for interacting with the Polymer
  341.  * YouTube Desktop application.
  342.  *
  343.  * @author Taniko Yamamoto <kirasicecreamm@gmail.com>
  344.  * @version 1.0
  345.  */
  346. class YtdTools
  347. {
  348.     /** @type {string} Page data updated event */
  349.     static EVT_DATA_UPDATE = "yt-page-data-updated";
  350.  
  351.     /** @type {Element} Main YT Polymer manager */
  352.     static YtdApp;
  353.  
  354.     /** @type {bool} */
  355.     static hasInitialLoaded = false;
  356.  
  357.     /** @return {Promise<bool>} */
  358.     static async isPolymer()
  359.     {
  360.         /** @return {Promise<void>} */
  361.         function waitForBody() // nice hack lazy ass
  362.         {
  363.             return new Promise(r => {
  364.                 document.addEventListener("DOMContentLoaded", function a(){
  365.                     document.removeEventListener("DOMContentLoaded", a);
  366.                     r();
  367.                 });
  368.             });
  369.         }
  370.  
  371.         await waitForBody();
  372.  
  373.         if ("undefined" != typeof document.querySelector("ytd-app"))
  374.         {
  375.             this.YtdApp = document.querySelector("ytd-app");
  376.             return true;
  377.         }
  378.         return false;
  379.     }
  380.  
  381.     /** @async @return {Promise<void|string>} */
  382.     static waitForInitialLoad()
  383.     {
  384.         var updateEvent = this.EVT_DATA_UPDATE;
  385.         return new Promise((resolve, reject) => {
  386.             if (!this.isPolymer())
  387.             {
  388.                 reject("Not Polymer :(");
  389.             }
  390.  
  391.             function _listenerCb()
  392.             {
  393.                 document.removeEventListener(updateEvent, _listenerCb);
  394.                 resolve();
  395.             }
  396.  
  397.             document.addEventListener(updateEvent, _listenerCb);
  398.         });
  399.     }
  400.  
  401.     /** @return {string} */
  402.     static getPageType()
  403.     {
  404.         return this.YtdApp.data.page;
  405.     }
  406. }
  407.  
  408. class ShortsTools
  409. {
  410.     /** @type {MutationObserver} */
  411.     static mo = new MutationObserver(muts => {
  412.         muts.forEach(mut => {
  413.             Array.from(mut.addedNodes).forEach(node => {
  414.                 if (node instanceof HTMLElement) {
  415.                     this.onMutation(node);
  416.                 }
  417.             });
  418.         });
  419.     });
  420.  
  421.     /** @return {void} */
  422.     static watchForShorts()
  423.     {
  424.         /*
  425.         this.mo.observe(YtdTools.YtdApp, {
  426.             childList: true,
  427.             subtree: true
  428.         });
  429.         */
  430.         var me = this;
  431.         YtdTools.YtdApp.arrive("ytd-video-renderer, ytd-grid-video-renderer", function() {
  432.             me.onMutation(this);
  433.  
  434.             // This is literally the worst hack I ever wrote, but it works ig...
  435.             (new MutationObserver(function(){
  436.                 if (me.isShortsRenderer(this))
  437.                 {
  438.                     me.onMutation(this);
  439.                 }
  440.             }.bind(this))).observe(this, {"subtree": true, "childList": true, "characterData": "true"});
  441.         });
  442.     }
  443.  
  444.     /** @return {void} */
  445.     static stopWatchingForShorts()
  446.     {
  447.         this.mo.disconnect();
  448.     }
  449.  
  450.     /**
  451.      * @param {HTMLElement} node
  452.      * @return {void}
  453.      */
  454.     static onMutation(node)
  455.     {
  456.         if (node.tagName.search("VIDEO-RENDERER") > -1 && this.isShortsRenderer(node))
  457.         {
  458.             this.transformShortsRenderer(node);
  459.         }
  460.     }
  461.  
  462.     /** @return {bool} */
  463.     static isShortsRenderer(videoRenderer)
  464.     {
  465.         return "WEB_PAGE_TYPE_SHORTS" == videoRenderer?.data?.navigationEndpoint?.commandMetadata?.webCommandMetadata?.webPageType;
  466.     }
  467.  
  468.     /** @return {string} */
  469.     static extractLengthFromA11y(videoData)
  470.     {
  471.         // A11y = {title} by {creator} {date} {*length*} {viewCount} - play Short
  472.         // tho hopefully this works in more than just English
  473.         var a11yTitle = videoData.title.accessibility.accessibilityData.label;
  474.  
  475.         var publishedTimeText = videoData.publishedTimeText.simpleText;
  476.         var viewCountText = videoData.viewCountText.simpleText;
  477.  
  478.         var isolatedLengthStr = a11yTitle.split(publishedTimeText)[1].split(viewCountText)[0]
  479.             .replace(/\s/g, "");
  480.  
  481.         var numbers = isolatedLengthStr.split(/\D/g);
  482.  
  483.         var string = "";
  484.  
  485.         // Remove all empties before iterating it
  486.         for (var i = 0; i < numbers.length; i++)
  487.         {
  488.             if ("" === numbers[i])
  489.             {
  490.                 numbers.splice(i, 1);
  491.                 i--;
  492.             }
  493.         }
  494.  
  495.         for (var i = 0; i < numbers.length; i++)
  496.         {
  497.             // Lazy 0 handling idc im tired
  498.             if (1 == numbers.length)
  499.             {
  500.                 string += "0:";
  501.                 if (1 == numbers[i].length)
  502.                 {
  503.                     string += "0" + numbers[i];
  504.                 }
  505.                 else
  506.                 {
  507.                     string += numbers[i];
  508.                 }
  509.  
  510.                 break;
  511.             }
  512.  
  513.             if (0 != i) string += ":";
  514.             if (0 != i && 1 == numbers[i].length) string += "0";
  515.             string += numbers[i];
  516.         }
  517.  
  518.         return string;
  519.     }
  520.  
  521.     /**
  522.      * @param {HTMLElement} videoRenderer
  523.      * @return {void}
  524.      */
  525.     static transformShortsRenderer(videoRenderer)
  526.     {
  527.  
  528.         /** @type {string} */
  529.         var originalOuterHTML = videoRenderer.outerHTML;
  530.  
  531.         /** @type {string} */
  532.         var lengthText = videoRenderer.data?.lengthText?.simpleText ?? this.extractLengthFromA11y(videoRenderer.data);
  533.  
  534.         /** @type {string} */
  535.         var lengthA11y = videoRenderer.data?.lengthText?.accessibility?.accessibilityData?.label ?? "";
  536.  
  537.         /** @type {string} */
  538.         var originalHref = videoRenderer.data.navigationEndpoint.commandMetadata.webCommandMetadata.url;
  539.         var href = "/watch?v=" + originalHref.replace(/\/|shorts|\?.*/g, "");
  540.  
  541.         var reelWatchEndpoint = videoRenderer.data.navigationEndpoint.reelWatchEndpoint;
  542.  
  543.         var i;
  544.         videoRenderer.data.thumbnailOverlays.forEach((a, index) =>{
  545.             if ("thumbnailOverlayTimeStatusRenderer" in a)
  546.             {
  547.                 i = index;
  548.             }
  549.         });
  550.  
  551.         // Set the thumbnail overlay style
  552.         videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.style = "DEFAULT";
  553.  
  554.         delete videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.icon;
  555.  
  556.         // Set the thumbnail overlay text
  557.         videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.text.simpleText = lengthText;
  558.  
  559.         // Set the thumbnail overlay accessibility label
  560.         videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.text.accessibility.accessibilityData.label = lengthA11y;
  561.  
  562.         // Set the navigation endpoint metadata (used for middle click)
  563.         videoRenderer.data.navigationEndpoint.commandMetadata.webCommandMetadata.webPageType = "WEB_PAGE_TYPE_WATCH";
  564.         videoRenderer.data.navigationEndpoint.commandMetadata.webCommandMetadata.url = href;
  565.  
  566.         videoRenderer.data.navigationEndpoint.watchEndpoint = {
  567.             "videoId": reelWatchEndpoint.videoId,
  568.             "playerParams": reelWatchEndpoint.playerParams,
  569.             "params": reelWatchEndpoint.params
  570.         };
  571.         delete videoRenderer.data.navigationEndpoint.reelWatchEndpoint;
  572.  
  573.         //var _ = videoRenderer.data; videoRenderer.data = {}; videoRenderer.data = _;
  574.  
  575.         // Sometimes the old school data cycle trick fails,
  576.         // however this always works.
  577.         var _ = videoRenderer.cloneNode();
  578.         _.data = videoRenderer.data;
  579.         for (var i in videoRenderer.properties)
  580.         {
  581.             _[i] = videoRenderer[i];
  582.         }
  583.         videoRenderer.insertAdjacentElement("afterend", _);
  584.         videoRenderer.remove();
  585.     }
  586. }
  587.  
  588. /**
  589.  * Sometimes elements are reused on page updates, so fix that
  590.  *
  591.  * @return {void}
  592.  */
  593. function onDataUpdate()
  594. {
  595.     var videos = document.querySelectorAll("ytd-video-renderer, ytd-grid-video-renderer");
  596.  
  597.     for (var i = 0, l = videos.length; i < l; i++) if (ShortsTools.isShortsRenderer(videos[i]))
  598.     {
  599.         ShortsTools.transformShortsRenderer(videos[i]);
  600.     }
  601. }
  602.  
  603. /**
  604.  * I hope she makes lotsa spaghetti :D
  605.  * @async @return {Promise<void>}
  606.  */
  607. async function main()
  608. {
  609.     // If not Polymer, nothing happens
  610.     if (await YtdTools.isPolymer())
  611.     {
  612.         ShortsTools.watchForShorts();
  613.  
  614.         document.addEventListener("yt-page-data-updated", onDataUpdate);
  615.     }
  616. }
  617.  
  618. main();
  619.  
  620. })();
  621.  
  622. // Fix for like and dislike ratio (Return YouTube Dislike is required)
  623. function $(q) {
  624.     return document.querySelector(q);
  625. }
  626.  
  627. addEventListener('yt-page-data-updated', function() {
  628.     if(!location.pathname.startsWith('/watch')) return;
  629.     
  630.     var lds = $('ytd-video-primary-info-renderer div#top-level-buttons-computed');
  631.     var like = $('ytd-video-primary-info-renderer div#segmented-like-button > ytd-toggle-button-renderer');
  632.     var share = $('ytd-video-primary-info-renderer div#top-level-buttons-computed > ytd-segmented-like-dislike-button-renderer + ytd-button-renderer');
  633.     
  634.     lds.insertBefore(like, share);
  635.     
  636.     like.setAttribute('class', like.getAttribute('class').replace('ytd-segmented-like-dislike-button-renderer', 'ytd-menu-renderer force-icon-button'));
  637.     like.removeAttribute('is-paper-button-with-icon');
  638.     like.removeAttribute('is-paper-button');
  639.     like.setAttribute('style-action-button', '');
  640.     like.setAttribute('is-icon-button', '');
  641.     like.querySelector('a').insertBefore(like.querySelector('yt-formatted-string'), like.querySelector('tp-yt-paper-tooltip'));
  642.     try { like.querySelector('paper-ripple').remove(); } catch(e) {}
  643.     var paper = like.querySelector('tp-yt-paper-button');
  644.     paper.removeAttribute('style-target');
  645.     paper.removeAttribute('animated');
  646.     paper.removeAttribute('elevation');
  647.     like.querySelector('a').insertBefore(paper.querySelector('yt-icon'), like.querySelector('yt-formatted-string'));
  648.     paper.outerHTML = paper.outerHTML.replace('<tp-yt-paper-button ', '<yt-icon-button ').replace('</tp-yt-paper-button>', '</yt-icon-button>');
  649.     paper = like.querySelector('yt-icon-button');
  650.     paper.querySelector('button#button').appendChild(like.querySelector('yt-icon'));
  651.     
  652.     var dislike = $('ytd-video-primary-info-renderer div#segmented-dislike-button > ytd-toggle-button-renderer');
  653.     lds.insertBefore(dislike, share);
  654.     $('ytd-video-primary-info-renderer ytd-segmented-like-dislike-button-renderer').remove();
  655.     dislike.setAttribute('class', dislike.getAttribute('class').replace('ytd-segmented-like-dislike-button-renderer', 'ytd-menu-renderer force-icon-button'));
  656.     dislike.removeAttribute('has-no-text');
  657.     dislike.setAttribute('style-action-button', '');
  658.     var dlabel = document.createElement('yt-formatted-stringx');
  659.     dlabel.setAttribute('id', 'text');
  660.     if(dislike.getAttribute('class').includes('style-default-active'))
  661.         dlabel.setAttribute('class', dlabel.getAttribute('class').replace('style-default', 'style-default-active'));
  662.     dislike.querySelector('a').insertBefore(dlabel, dislike.querySelector('tp-yt-paper-tooltip'));
  663.     
  664.     $('ytd-video-primary-info-renderer').removeAttribute('flex-menu-enabled');
  665. });
  666.  
  667. // Restore old comment replies UI
  668. var observingComments = false;
  669. var hl;
  670.  
  671. const cfconfig = {
  672.     unicodeEmojis: false
  673. };
  674.  
  675. const cfi18n = {
  676.     en: {
  677.         viewSingular: "View reply",
  678.         viewMulti: "View %s replies",
  679.         viewSingularOwner: "View reply from %s",
  680.         viewMultiOwner: "View %s replies from %s and others",
  681.         hideSingular: "Hide reply",
  682.         hideMulti: "Hide replies",
  683.         replyCountIsolator: /( REPLIES)|( REPLY)/
  684.     }
  685. }
  686.  
  687. /**
  688.  * Get a string from the localization strings.
  689.  *
  690.  * @param {string}   string  Name of string to get
  691.  * @param {string}   hl      Language to use.
  692.  * @param {...array} args    Strings.
  693.  * @returns {string}
  694.  */
  695.  function getString(string, hl = "en", ...args) {
  696.     if (!string) return;
  697.     var str;
  698.     if (cfi18n[hl]) {
  699.         if (cfi18n[hl][string]) {
  700.             str = cfi18n[hl][string];
  701.         } else if (cfi18n.en[string]) {
  702.             str = cfi18n.en[string];
  703.         } else {
  704.             return;
  705.         }
  706.     } else {
  707.         if (cfi18n.en[string]) str = cfi18n.en[string];
  708.     }
  709.  
  710.     for (var i = 0; i < args.length; i++) {
  711.         str = str.replace(/%s/, args[i]);
  712.     }
  713.  
  714.     return str;
  715. }
  716.  
  717. /**
  718.  * Wait for a selector to exist
  719.  *
  720.  * @param {string}       selector  CSS Selector
  721.  * @param {HTMLElement}  base      Element to search inside
  722.  * @returns {Node}
  723.  */
  724. async function waitForElm(selector, base = document) {
  725.     if (!selector) return null;
  726.     if (!base.querySelector) return null;
  727.     while (base.querySelector(selector) == null) {
  728.         await new Promise(r => requestAnimationFrame(r));
  729.     };
  730.     return base.querySelector(selector);
  731. };
  732.  
  733. /**
  734.  * Is a value in an array?
  735.  *
  736.  * @param {*}     needle    Value to search
  737.  * @param {Array} haystack  Array to search
  738.  * @returns {boolean}
  739.  */
  740.  function inArray(needle, haystack) {
  741.     for (var i = 0; i < haystack.length; i++) {
  742.         if (needle == haystack[i]) return true;
  743.     }
  744.     return false;
  745. }
  746.  
  747. /**
  748.  * Get text of an InnerTube string.
  749.  *
  750.  * @param {object} object  String container.
  751.  */
  752. function getSimpleString(object) {
  753.     if (object.simpleText) return object.simpleText;
  754.  
  755.     var str = "";
  756.     for (var i = 0; i < object.runs.length; i++) {
  757.         str += object.runs[i].text;
  758.     }
  759.     return str;
  760. }
  761.  
  762. /**
  763.  * Format a commentRenderer.
  764.  *
  765.  * @param {object} comment  commentRenderer from InnerTube.
  766.  */
  767. function formatComment(comment) {
  768.     if (cfconfig.unicodeEmojis) {
  769.         var runs;
  770.         try {
  771.             runs = comment.contentText.runs
  772.             for (var i = 0; i < runs.length; i++) {
  773.                 delete runs[i].emoji;
  774.                 delete runs[i].loggingDirectives;
  775.             }
  776.         } catch(err) {}
  777.     }
  778.  
  779.     return comment;
  780. }
  781.  
  782. /**
  783.  * Format a commentThreadRenderer.
  784.  *
  785.  * @param {object} thread  commentThreadRenderer from InnerTube.
  786.  */
  787. async function formatCommentThread(thread) {
  788.     if (thread.comment.commentRenderer) {
  789.         thread.comment.commentRenderer = formatComment(thread.comment.commentRenderer);
  790.     }
  791.  
  792.     var replies;
  793.     try {
  794.         replies = thread.replies.commentRepliesRenderer;
  795.         if (replies.viewRepliesIcon) {
  796.             replies.viewReplies.buttonRenderer.icon = replies.viewRepliesIcon.buttonRenderer.icon;
  797.             delete replies.viewRepliesIcon;
  798.         }
  799.  
  800.         if (replies.hideRepliesIcon) {
  801.             replies.hideReplies.buttonRenderer.icon = replies.hideRepliesIcon.buttonRenderer.icon;
  802.             delete replies.hideRepliesIcon;
  803.         }
  804.  
  805.         var creatorName;
  806.         try {
  807.             creatorName = replies.viewRepliesCreatorThumbnail.accessibility.accessibilityData.label;
  808.             delete replies.viewRepliesCreatorThumbnail;
  809.         } catch(err) {}
  810.  
  811.         var replyCount = getSimpleString(replies.viewReplies.buttonRenderer.text);
  812.         replyCount = +replyCount.replace(getString("replyCountIsolator", hl), "");
  813.  
  814.         var viewMultiString = creatorName ? "viewMultiOwner" : "viewMulti";
  815.         var viewSingleString = creatorName ? "viewSingularOwner" : "viewSingular";
  816.  
  817.         replies.viewReplies.buttonRenderer.text = {
  818.             runs: [
  819.                 {
  820.                     text: (replyCount > 1) ? getString(viewMultiString, hl, replyCount, creatorName) : getString(viewSingleString, hl, creatorName)
  821.                 }
  822.             ]
  823.         }
  824.  
  825.         replies.hideReplies.buttonRenderer.text = {
  826.             runs: [
  827.                 {
  828.                     text: (replyCount > 1) ? getString("hideMulti", hl) :  getString("hideSingular", hl)
  829.                 }
  830.             ]
  831.         };
  832.     } catch(err) {}
  833.  
  834.     return thread;
  835. }
  836.  
  837. /**
  838.  * Force Polymer to refresh data of an element.
  839.  *
  840.  * @param {Node} element  Element to refresh data of.
  841.  */
  842. function refreshData(element) {
  843.     var clone = element.cloneNode();
  844.     clone.data = element.data;
  845.     // Let the script know we left our mark
  846.     // in a way that doesn't rely on classes
  847.     // because Polymer likes to cast comments
  848.     // into the void for later reuse
  849.     clone.data.fixedByCF = true;
  850.     for (var i in element.properties) {
  851.         clone[i] = element[i];
  852.     }
  853.     element.insertAdjacentElement("afterend", clone);
  854.     element.remove();
  855. }
  856.  
  857. var commentObserver = new MutationObserver((list) => {
  858.     list.forEach(async (mutation) => {
  859.         if (mutation.addedNodes) {
  860.             for (var i = 0; i < mutation.addedNodes.length; i++) {
  861.                 var elm = mutation.addedNodes[i];
  862.                 if (elm.classList && elm.data && !elm.data.fixedByCF) {
  863.                     if (elm.tagName == "YTD-COMMENT-THREAD-RENDERER") {
  864.                         elm.data = await formatCommentThread(elm.data);
  865.                         refreshData(elm);
  866.                     } else if (elm.tagName == "YTD-COMMENT-RENDERER") {
  867.                         if (!elm.classList.contains("ytd-comment-thread-renderer")) {
  868.                             elm.data = formatComment(elm.data);
  869.                             refreshData(elm);
  870.                         }
  871.                     }
  872.                 }
  873.             }
  874.         }
  875.     });
  876. });
  877.  
  878. document.addEventListener("yt-page-data-updated", async (e) => {
  879.     hl = yt.config_.HL;
  880.     commentObserver.observe(document.querySelector("ytd-app"),  { childList: true, subtree: true });
  881. });
  882.  
  883. // CSS adjustments and UI fixes
  884. (function() {
  885. ApplyCSS();
  886. function ApplyCSS() {
  887. var styles = document.createElement("style");
  888. styles.innerHTML=`
  889. ytd-masthead {
  890.   background: var(--yt-spec-brand-background-solid) !important;
  891. }
  892.     
  893. ytd-app {
  894.   background: var(--yt-spec-general-background-a) !important;
  895. }
  896.  
  897. ytd-browse[page-subtype="channels"] {
  898.   background: var(--yt-spec-general-background-b) !important;
  899. }
  900.  
  901. ytd-c4-tabbed-header-renderer {
  902.   --yt-lightsource-section1-color: var(--yt-spec-general-background-a) !important;
  903. }
  904.  
  905. #tabs-divider.ytd-c4-tabbed-header-renderer {
  906.   border-bottom: 0px !important;
  907. }
  908.     
  909. #container.ytd-searchbox {
  910.   background-color: var(--ytd-searchbox-background) !important;
  911.   border-radius: 2px 0 0 2px !important;
  912.   box-shadow: inset 0 1px 2px var(--ytd-searchbox-legacy-border-shadow-color) !important;
  913.   color: var(--ytd-searchbox-text-color) !important;
  914.   padding: 2px 6px !important;
  915. }
  916.  
  917. ytd-searchbox[desktop-searchbar-style="rounded_corner_dark_btn"] #searchbox-button.ytd-searchbox {
  918.   display: none !important;
  919. }
  920.  
  921. ytd-searchbox[desktop-searchbar-style="rounded_corner_light_btn"] #searchbox-button.ytd-searchbox {
  922.   display: none !important;
  923. }
  924.  
  925. #search[has-focus] #search-input {
  926.   margin-left: 32px !important;
  927. }
  928.  
  929. #search-icon-legacy.ytd-searchbox {
  930.   display: block !important;
  931.   border-radius: 0px 2px 2px 0px !important;
  932. }
  933.  
  934. .sbsb_a {
  935.   border-radius: 2px !important;
  936. }
  937.  
  938. .sbsb_c {
  939.   padding-left: 10px !important;
  940. }
  941.  
  942. div.sbqs_c::before {
  943.   margin-right: 10px !important;
  944. }
  945.  
  946. ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
  947.   padding-left: 10px !important;
  948.   padding-right: 10px !important;
  949. }
  950.  
  951. #voice-search-button.ytd-masthead {
  952.   background-color: var(--yt-spec-general-background-a) !important;
  953.   margin-left: 4px !important;
  954. }
  955.  
  956. #guide-content.ytd-app {
  957.   background: var(--yt-spec-brand-background-solid) !important;
  958. }
  959.  
  960. yt-interaction.ytd-guide-entry-renderer,
  961. ytd-guide-entry-renderer {
  962.   border-radius: 0px !important;
  963. }
  964.  
  965. ytd-guide-entry-renderer[guide-refresh] {
  966.   width: 100% !important;
  967.   border-radius: 0px !important;
  968. }
  969.  
  970. tp-yt-paper-item.ytd-guide-entry-renderer {
  971.   --paper-item-focused-before-border-radius: 0px !important;
  972. }
  973.  
  974. ytd-mini-guide-renderer {
  975.   background-color: var(--yt-spec-brand-background-solid) !important;
  976. }
  977.  
  978. ytd-mini-guide-entry-renderer {
  979.   background-color: var(--yt-spec-brand-background-solid) !important;
  980.   border-radius: 0 !important;
  981. }
  982.  
  983. ytd-guide-section-renderer.style-scope.ytd-guide-renderer {
  984.   padding-left: 0px !important;
  985. }
  986.  
  987. ytd-mini-guide-renderer[guide-refresh] {
  988.   padding: 0 !important;
  989. }
  990.  
  991. ytd-guide-entry-renderer[active] {
  992.   border-radius: 0px !important;
  993. }
  994.  
  995. .style-scope.ytd-guide-entry-renderer:hover {
  996.   border-radius: 0 !important;
  997. }
  998.  
  999. tp-yt-paper-item.style-scope.ytd-guide-entry-renderer {
  1000.   border-radius: 0px !important;
  1001.   padding-left: 24px !important;
  1002. }
  1003.  
  1004. #guide-section-title.ytd-guide-section-renderer {
  1005.   color: var(--yt-spec-text-secondary) !important;
  1006.   padding: 8px 24px !important;
  1007.   font-size: var(--ytd-tab-system-font-size) !important;
  1008.   font-weight: var(--ytd-tab-system-font-weight) !important;
  1009.   letter-spacing: var(--ytd-tab-system-letter-spacing) !important;
  1010.   text-transform: var(--ytd-tab-system-text-transform) !important;
  1011. }
  1012.  
  1013. yt-chip-cloud-chip-renderer {
  1014.   height: 32px !important;
  1015.   border: 1px solid var(--yt-spec-10-percent-layer) !important;
  1016.   border-radius: 16px !important;
  1017.   box-sizing: border-box !important;
  1018. }
  1019.  
  1020. yt-formatted-string.style-scope.yt-chip-cloud-chip-renderer {
  1021.   font-weight: 400 !important;
  1022. }
  1023.  
  1024. [page-subtype="home"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  1025.   background-color: var(--yt-spec-brand-background-primary) !important;
  1026.   border-top: 1px solid var(--yt-spec-10-percent-layer) !important;
  1027.   border-bottom: 1px solid var(--yt-spec-10-percent-layer) !important;
  1028. }
  1029.  
  1030. ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer::after {
  1031.   background: linear-gradient(to right, var(--yt-spec-brand-background-primary) 20%, rgba(33, 33, 33, 0) 80%) !important;
  1032. }
  1033.  
  1034. ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer::before {
  1035.   background: linear-gradient(to left, var(--yt-spec-brand-background-primary) 20%, rgba(33, 33, 33, 0) 80%) !important;
  1036. }
  1037.  
  1038. ytd-feed-filter-chip-bar-renderer #left-arrow-button.ytd-feed-filter-chip-bar-renderer,
  1039. ytd-feed-filter-chip-bar-renderer #right-arrow-button.ytd-feed-filter-chip-bar-renderer {
  1040.   background-color: var(--yt-spec-brand-background-primary) !important;
  1041. }
  1042.  
  1043. yt-chip-cloud-renderer[is-dark-theme] #right-arrow.yt-chip-cloud-renderer::before {
  1044.   background: linear-gradient(to left, var(--ytd-chip-cloud-background, var(--yt-spec-general-background-a)) 10%, rgba(24, 24, 24, 0) 90%) !important;
  1045. }
  1046.  
  1047. yt-chip-cloud-renderer #left-arrow-button.yt-chip-cloud-renderer,
  1048. yt-chip-cloud-renderer #right-arrow-button.yt-chip-cloud-renderer {
  1049.   background: var(--ytd-chip-cloud-background, var(--yt-spec-general-background-a)) !important;
  1050. }
  1051.  
  1052. yt-chip-cloud-renderer[is-dark-theme] #left-arrow.yt-chip-cloud-renderer::after {
  1053.   background: linear-gradient(to right, var(--ytd-chip-cloud-background, var(--yt-spec-general-background-a)) 10%, rgba(24, 24, 24, 0) 90%) !important;
  1054. }
  1055.  
  1056. yt-chip-cloud-renderer #left-arrow.yt-chip-cloud-renderer::after {
  1057.   background: linear-gradient(to right, var(--ytd-chip-cloud-background, var(--yt-spec-general-background-a)) 10%, rgba(249, 249, 249, 0) 90%) !important;
  1058. }
  1059.  
  1060. yt-chip-cloud-renderer #right-arrow.yt-chip-cloud-renderer::before {
  1061.   background: linear-gradient(to left, var(--ytd-chip-cloud-background, var(--yt-spec-general-background-a)) 10%, rgba(249, 249, 249, 0) 90%) !important;
  1062. }
  1063.  
  1064. ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_HASHTAG_LANDING_PAGE"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer,
  1065. ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  1066.   background-color: var(--yt-spec-general-background-b) !important;
  1067. }
  1068.     
  1069. .style-scope.ytd-rich-item-renderer {
  1070.   border-radius: 2px !important;
  1071. }
  1072.  
  1073. .style-scope.ytd-item-section-renderer {
  1074.   border-radius: 0px !important;
  1075. }
  1076.  
  1077. #tooltip.tp-yt-paper-tooltip {
  1078.   border-radius: 2px !important;
  1079. }
  1080.  
  1081. .style-scope.ytd-topic-link-renderer {
  1082.   border-radius: 2px !important;
  1083. }
  1084. 	
  1085. .bold.style-scope.yt-formatted-string {
  1086.   font-family: Roboto !important;
  1087. }
  1088.  
  1089. .style-scope.yt-formatted-string {
  1090.   font-family: Roboto !important;
  1091. }
  1092.  
  1093. #bar {
  1094.   border-radius: 2px !important;
  1095. }
  1096.  
  1097. ytd-multi-page-menu-renderer {
  1098.   border-radius: 0px !important;
  1099.   border: 1px solid var(--yt-spec-10-percent-layer) !important;
  1100.   border-top: none !important;
  1101.   box-shadow: none !important;
  1102. }
  1103.  
  1104. yt-dropdown-menu {
  1105.   --paper-menu-button-content-border-radius:  2px !important;
  1106. }
  1107.  
  1108. ytd-menu-popup-renderer {
  1109.   border-radius: 2px !important;
  1110. }
  1111.  
  1112. .style-scope.ytd-shared-post-renderer {
  1113.   border-radius: 0px !important;	
  1114. }
  1115. 	
  1116. div#dismissed.style-scope.ytd-compact-video-renderer {
  1117.   border-radius: 0px !important;	
  1118. }
  1119. 	
  1120. .style-scope.ytd-feed-nudge-renderer {
  1121.   border-radius: 2px !important;
  1122. }
  1123. 	
  1124. .style-scope.ytd-inline-survey-renderer {
  1125.   border-radius: 2px !important;
  1126. }
  1127. 	
  1128. .style-scope.ytd-brand-video-shelf-renderer {
  1129.   border-radius: 0px !important;
  1130. }
  1131.  
  1132. tp-yt-paper-button#button.style-scope.ytd-button-renderer.style-inactive-outline.size-default {
  1133.   border-radius: 2px !important;
  1134. }	
  1135.  
  1136. div#dismissed.style-scope.ytd-rich-grid-media {
  1137.   border-radius: 0px !important;
  1138. }	
  1139. 	
  1140. ytd-thumbnail-overlay-toggle-button-renderer.style-scope.ytd-thumbnail {
  1141.   border-radius: 2px !important;
  1142. }
  1143.  
  1144. ytd-compact-link-renderer.ytd-settings-sidebar-renderer {
  1145.   margin: 0px !important;
  1146.   border-radius: 0 !important;
  1147. }
  1148.  
  1149. ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar][active] {
  1150.   border-radius: 0 !important;
  1151. }
  1152.     
  1153. tp-yt-paper-item.style-scope.ytd-compact-link-renderer::before {
  1154.   border-radius: 0 !important;
  1155. }
  1156.     
  1157. ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar] tp-yt-paper-item.ytd-compact-link-renderer {
  1158.   padding-left: 24px !important;
  1159.   padding-right: 24px !important;
  1160. }
  1161.  
  1162. img#img.style-scope.yt-image-shadow {
  1163.   border-radius: 50px !important;
  1164. }
  1165. 	
  1166. #title.style-scope.ytd-feed-nudge-renderer {
  1167.   font-family: Roboto !important;
  1168. }
  1169.  
  1170. yt-chip-cloud-chip-renderer.style-scope.ytd-feed-nudge-renderer {
  1171.   border-radius: 50px !important;
  1172. }
  1173.  
  1174. #meta #avatar { 
  1175.   width: 48px;
  1176.   height: 48px;
  1177.   margin-right: 16px;
  1178. }
  1179.     
  1180. #meta #avatar img {
  1181.   width: 100%;
  1182. }
  1183.     
  1184. #channel-name.ytd-video-owner-renderer {
  1185.   font-size: 1.4rem !important;
  1186. }
  1187.  
  1188. #info.ytd-video-primary-info-renderer {
  1189.   height: 40px !important;
  1190. }
  1191.     
  1192. ytd-merch-shelf-renderer {
  1193.   background-color: transparent !important;
  1194. }
  1195.     
  1196. div#clarify-box.attached-message.style-scope.ytd-watch-flexy {
  1197.   margin-top: 0px !important;
  1198. }
  1199.  
  1200. ytd-clarification-renderer.style-scope.ytd-item-section-renderer {
  1201.   border: 1px solid !important;
  1202.   border-color: #0000001a !important;
  1203.   border-radius: 0px !important;
  1204. }
  1205.  
  1206. ytd-clarification-renderer.style-scope.ytd-watch-flexy {
  1207.   border: 1px solid !important;
  1208.   border-color: #0000001a !important;
  1209.   border-radius: 0px !important;
  1210. }
  1211.  
  1212. yt-formatted-string.description.style-scope.ytd-clarification-renderer {
  1213.   font-size: 1.4rem !important;
  1214. }
  1215.  
  1216. div.content-title.style-scope.ytd-clarification-renderer {
  1217.   padding-bottom: 4px !important;
  1218. }
  1219.  
  1220. ytd-rich-metadata-renderer[rounded] {
  1221.   border-radius: 0px !important;
  1222. }
  1223.  
  1224. ytd-live-chat-frame[rounded-container] {
  1225.   border-radius: 0px !important;
  1226. }
  1227.  
  1228. ytd-live-chat-frame[rounded-container] #show-hide-button.ytd-live-chat-frame ytd-toggle-button-renderer.ytd-live-chat-frame {
  1229.   border-radius: 0px !important;
  1230. }
  1231.  
  1232. ytd-toggle-button-renderer.style-scope.ytd-live-chat-frame {
  1233.   background: var(--yt-spec-brand-background-solid) !important;
  1234. }
  1235.  
  1236. yt-live-chat-header-renderer.style-scope.yt-live-chat-renderer {
  1237.   background: var(--yt-spec-brand-background-solid) !important;
  1238. }
  1239.  
  1240. ytd-toggle-button-renderer.style-scope.ytd-live-chat-frame > a.yt-simple-endpoint.style-scope.ytd-toggle-button-renderer > tp-yt-paper-button.style-scope.ytd-toggle-button-renderer {
  1241.   padding-top: 4px !important;
  1242.   padding-bottom: 4px !important;
  1243. }
  1244.  
  1245. iframe.style-scope.ytd-live-chat-frame {
  1246.   border-radius: 0px !important;
  1247. }
  1248.  
  1249. ytd-playlist-panel-renderer[modern-panels]:not([within-miniplayer]) #container.ytd-playlist-panel-renderer {
  1250.   border-radius: 0px !important;
  1251. }
  1252.  
  1253. ytd-playlist-panel-renderer[modern-panels]:not([hide-header-text]) .title.ytd-playlist-panel-renderer {
  1254.   font-family: Roboto !important;
  1255.   font-size: 1.4rem !important;
  1256.   line-height: 2rem !important;
  1257.   font-weight: 500 !important;
  1258. }
  1259.  
  1260. ytd-tvfilm-offer-module-renderer[modern-panels] {
  1261.   border-radius: 0px !important;
  1262. }
  1263.  
  1264. ytd-tvfilm-offer-module-renderer[modern-panels] #header.ytd-tvfilm-offer-module-renderer {
  1265.   border-radius: 0px !important;
  1266.   font-family: Roboto !important;
  1267.   font-size: 1.6rem !important;
  1268.   line-height: 2.2rem !important;
  1269.   font-weight: 400 !important;
  1270. }
  1271.  
  1272. ytd-donation-shelf-renderer.style-scope.ytd-watch-flexy {
  1273.   border-radius: 0px !important;
  1274. }
  1275.  
  1276. ytd-donation-shelf-renderer[modern-panels] #header-text.ytd-donation-shelf-renderer {
  1277.   font-family: Roboto !important;
  1278.   font-size: 1.6rem !important;
  1279.   font-weight: 500 !important;
  1280. }
  1281.  
  1282. ytd-channel-video-player-renderer[rounded] #player.ytd-channel-video-player-renderer {
  1283.   border-radius: 0px !important;
  1284. }
  1285.  
  1286. ytd-universal-watch-card-renderer[rounded] #header.ytd-universal-watch-card-renderer {
  1287.   border-radius: 0px !important;
  1288. }
  1289.  
  1290. ytd-universal-watch-card-renderer[rounded] #hero.ytd-universal-watch-card-renderer {
  1291.   border-radius: 0px !important;
  1292. }
  1293.  
  1294. #title.ytd-settings-sidebar-renderer {
  1295.   font-family: Roboto !important;
  1296.   font-weight: 400 !important;
  1297. }
  1298.  
  1299. span.style-scope.ytd-rich-shelf-renderer {
  1300.   font-weight: 400 !important;
  1301. }
  1302.  
  1303. span.style-scope.ytd-shelf-renderer {
  1304.   font-size: 1.6rem !important;
  1305.   font-weight: 500 !important;
  1306. }
  1307.  
  1308. .count-text.ytd-comments-header-renderer {
  1309.   font-size: 1.6rem !important;
  1310.   line-height: 2.2rem !important;
  1311.   font-weight: 400 !important;
  1312. }
  1313.  
  1314. #channel-container.ytd-c4-tabbed-header-renderer {
  1315.   height: 100px !important;
  1316. }
  1317.  
  1318. #contentContainer.tp-yt-app-header-layout {
  1319.   padding-top: 353px !important;
  1320. }
  1321.  
  1322. #channel-header-container.ytd-c4-tabbed-header-renderer {
  1323.   padding-top: 0 !important;
  1324. }
  1325.  
  1326. ytd-c4-tabbed-header-renderer[use-modern-style] #channel-name.ytd-c4-tabbed-header-renderer {
  1327.   margin-bottom: 0px !important;
  1328. }
  1329.  
  1330. ytd-c4-tabbed-header-renderer[use-modern-style] #avatar-editor.ytd-c4-tabbed-header-renderer {
  1331.   --ytd-channel-avatar-editor-size: 80px !important;
  1332. }
  1333.  
  1334. #avatar.ytd-c4-tabbed-header-renderer {
  1335.   width: 80px !important;
  1336.   height: 80px !important;
  1337.   margin: 0 24px 0 0 !important;
  1338.   flex: none !important;
  1339.   border-radius: 50% !important;
  1340.   background-color: transparent !important;
  1341.   overflow: hidden !important;
  1342. }
  1343.  
  1344. yt-formatted-string#channel-handle.style-scope.ytd-c4-tabbed-header-renderer {
  1345.   display: none !important;
  1346. }
  1347.  
  1348. yt-formatted-string#subscriber-count.style-scope.ytd-c4-tabbed-header-renderer {
  1349.   margin: -8px !important;
  1350. }
  1351.  
  1352. #wrapper > .ytd-channel-tagline-renderer.style-scope,#videos-count {
  1353.   display: none !important;
  1354. }
  1355.  
  1356. .yt-tab-shape-wiz {
  1357.   padding: 0 32px !important;
  1358.   margin-right: 0 !important;
  1359. }
  1360.  
  1361. .yt-tab-shape-wiz__tab {
  1362.   font-size: 14px !important;
  1363.   font-weight: 500 !important;
  1364.   letter-spacing: var(--ytd-tab-system-letter-spacing) !important;
  1365.   text-transform: uppercase !important;
  1366. }
  1367.  
  1368. .yt-tab-group-shape-wiz__slider {
  1369.   display: none !important; 
  1370. }
  1371.  
  1372. .yt-tab-shape-wiz__tab-bar {
  1373.   display: none !important;   
  1374. }
  1375.  
  1376. /* Remove rounded corners on Featured shelfs */
  1377. div#dismissible.style-scope.ytd-brand-video-shelf-renderer {
  1378.   border-radius: 0px !important;
  1379. }
  1380.  
  1381. div#dismissible.style-scope.ytd-brand-video-singleton-renderer {
  1382.   border-radius: 0px !important;
  1383. }
  1384.  
  1385. #inline-survey-compact-video-renderer {
  1386.   border-radius: 0px !important;
  1387. }
  1388.  
  1389. /* Remove rounded corners on unloaded elements */
  1390. #top-row.ytd-watch-metadata > div#actions.item.style-scope.ytd-watch-metadata > div#actions-inner.style-scope.ytd-watch-metadata > div#menu.style-scope.ytd-watch-metadata > ytd-menu-renderer.style-scope.ytd-watch-metadata > div#top-level-buttons-computed.top-level-buttons.style-scope.ytd-menu-renderer > ytd-button-renderer, #top-row.ytd-watch-metadata > div#actions.item.style-scope.ytd-watch-metadata > div#actions-inner.style-scope.ytd-watch-metadata > div#menu.style-scope.ytd-watch-metadata > ytd-menu-renderer.style-scope.ytd-watch-metadata > div#flexible-item-buttons.style-scope.ytd-menu-renderer > ytd-button-renderer, #top-row.ytd-watch-metadata > div#actions.item.style-scope.ytd-watch-metadata > div#actions-inner.style-scope.ytd-watch-metadata > div#menu.style-scope.ytd-watch-metadata > ytd-menu-renderer.style-scope.ytd-watch-metadata > div#top-level-buttons-computed.top-level-buttons.style-scope.ytd-menu-renderer > ytd-segmented-like-dislike-button-renderer.style-scope.ytd-menu-renderer > yt-smartimation.style-scope.ytd-segmented-like-dislike-button-renderer > div#segmented-buttons-wrapper.style-scope.ytd-segmented-like-dislike-button-renderer > div#segmented-like-button.style-scope.ytd-segmented-like-dislike-button-renderer > ytd-toggle-button-renderer {
  1391.   text-transform: capitalize !important;
  1392. }
  1393.  
  1394. #top-row.ytd-watch-metadata > div#actions.item.style-scope.ytd-watch-metadata > div#actions-inner.style-scope.ytd-watch-metadata > div#menu.style-scope.ytd-watch-metadata > ytd-menu-renderer.style-scope.ytd-watch-metadata > div#top-level-buttons-computed.top-level-buttons.style-scope.ytd-menu-renderer > ytd-segmented-like-dislike-button-renderer.style-scope.ytd-menu-renderer > yt-smartimation.style-scope.ytd-segmented-like-dislike-button-renderer > div#segmented-buttons-wrapper.style-scope.ytd-segmented-like-dislike-button-renderer > div#segmented-dislike-button.style-scope.ytd-segmented-like-dislike-button-renderer > ytd-toggle-button-renderer.style-scope.ytd-segmented-like-dislike-button-renderer.style-text > a.yt-simple-endpoint.style-scope.ytd-toggle-button-renderer > yt-icon-button#button.yt-simple-endpoint.style-scope.ytd-toggle-button-renderer > button#button.style-scope.yt-icon-button {
  1395.   width: 24px !important;
  1396.   height: 24px !important;
  1397. }
  1398.  
  1399. #top-row.ytd-watch-metadata > div#actions.item.style-scope.ytd-watch-metadata > div#actions-inner.style-scope.ytd-watch-metadata > div#menu.style-scope.ytd-watch-metadata > ytd-menu-renderer.style-scope.ytd-watch-metadata > div#top-level-buttons-computed.top-level-buttons.style-scope.ytd-menu-renderer > ytd-segmented-like-dislike-button-renderer.style-scope.ytd-menu-renderer > yt-smartimation.style-scope.ytd-segmented-like-dislike-button-renderer > div#segmented-buttons-wrapper.style-scope.ytd-segmented-like-dislike-button-renderer > div#segmented-dislike-button.style-scope.ytd-segmented-like-dislike-button-renderer > ytd-toggle-button-renderer.style-scope.ytd-segmented-like-dislike-button-renderer.style-text > a.yt-simple-endpoint.style-scope.ytd-toggle-button-renderer > yt-icon-button#button.yt-simple-endpoint.style-scope.ytd-toggle-button-renderer {
  1400.   padding: 6px !important;
  1401. }
  1402.  
  1403. ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata, #description.ytd-watch-metadata {
  1404. background-color: transparent !important;
  1405. border-radius: 0px !important;
  1406. }
  1407.  
  1408. ytd-watch-metadata[modern-metapanel] #description-inner.ytd-watch-metadata, #description-inner.ytd-watch-metadata {
  1409. margin: 0px !important;
  1410. }
  1411.  
  1412. ytd-watch-metadata[modern-metapanel-order] #comment-teaser.ytd-watch-metadata, #comment-teaser.ytd-watch-metadata {
  1413. border: 1px solid var(--yt-spec-10-percent-layer) !important;
  1414. border-radius: 4px !important;
  1415. }
  1416.  
  1417. ytd-comments-entry-point-header-renderer[modern-metapanel], #comment-teaser.ytd-watch-metadata {
  1418. background-color: transparent !important;
  1419. }
  1420.  
  1421. div#title.text-shell.skeleton-bg-color {
  1422.   border-radius: 0px !important;
  1423. }
  1424. 	
  1425. div#count.text-shell.skeleton-bg-color {
  1426.   border-radius: 0px !important;
  1427. }
  1428. 	
  1429. div#owner-name.text-shell.skeleton-bg-color {
  1430.   border-radius: 0px !important;
  1431. }
  1432.  
  1433. div#published-date.text-shell.skeleton-bg-color {
  1434.   border-radius: 0px !important;
  1435. }
  1436.  
  1437. div#subscribe-button.skeleton-bg-color {
  1438.   border-radius: 2px !important;
  1439. }
  1440.  
  1441. div.rich-thumbnail.skeleton-bg-color {
  1442.   border-radius: 0px !important;
  1443. }
  1444. 	
  1445. div.rich-video-title.text-shell.skeleton-bg-color {
  1446.   border-radius: 0px !important;
  1447. }
  1448.  
  1449. div.rich-video-meta.text-shell.skeleton-bg-color {
  1450.   border-radius: 0px !important;
  1451. }
  1452. 	
  1453. a#endpoint.yt-simple-endpoint.style-scope.ytd-mini-guide-entry-renderer {
  1454.   margin: 0px !important;
  1455. }
  1456.  
  1457. /* Remove rounded corners from the video player (Thanks to oldbutgoldyt for the code) */
  1458. .ytp-ad-player-overlay-flyout-cta-rounded {
  1459. border-radius: 2px !important;
  1460. }
  1461.  
  1462. .ytp-flyout-cta .ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded {
  1463. font-family: Arial !important;
  1464. background: #167ac6 !important;
  1465. border: solid 1px transparent !important;
  1466. border-color: #167ac6 !important;
  1467. border-radius: 2px !important;
  1468. box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
  1469. font-size: 11px !important;
  1470. font-weight: 500 !important;
  1471. height: 28px !important;
  1472. margin: 0 8px 0 0 !important;
  1473. max-width: 140px !important;
  1474. padding: 0 10px !important;
  1475. }
  1476.  
  1477. .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-rounded {
  1478. background-color: #167ac6 !important;
  1479. border: none !important;
  1480. border-radius: 2px;
  1481. font-family: Arial !important;
  1482. font-size: 23px !important;
  1483. height: 46px !important;
  1484. line-height: 46px !important;
  1485. min-width: 164px !important;
  1486. padding: 0 20px !important;
  1487. }
  1488.  
  1489. .ytp-settings-menu {
  1490. border-radius: 2px !important;
  1491. }
  1492.  
  1493. .ytp-sb-subscribe {
  1494. border-radius: 2px !important;
  1495. background-color: #f00 !important;
  1496. color: #fff !important;
  1497. text-transform: uppercase !important;
  1498. }
  1499.  
  1500. .ytp-sb-unsubscribe {
  1501. border-radius: 2px !important;
  1502. background-color: #eee !important;
  1503. color: #606060 !important;
  1504. text-transform: uppercase !important;
  1505. }
  1506.  
  1507. .ytp-sb-subscribe.ytp-sb-disabled {
  1508. background-color: #f3908b !important;
  1509. }
  1510.  
  1511. .branding-context-container-inner.ytp-rounded-branding-context {
  1512. border-radius: 2px !important;
  1513. }
  1514.  
  1515. .ytp-tooltip.ytp-rounded-tooltip:not(.ytp-preview) .ytp-tooltip-text {
  1516. border-radius: 2px !important;
  1517. }
  1518.  
  1519. .ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-button-rounded {
  1520. border-radius: 2px !important;
  1521. }
  1522.  
  1523. .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-overlay-image img, .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-text-overlay, .ytp-ad-overlay-container.ytp-rounded-overlay-ad .ytp-ad-enhanced-overlay {
  1524. border-radius: 0 !important;
  1525. }
  1526.  
  1527. .ytp-videowall-still-image {
  1528. border-radius: 0 !important;
  1529. }
  1530.  
  1531. div.iv-card.iv-card-video.ytp-rounded-info {
  1532. border-radius: 0 !important;
  1533. }
  1534.  
  1535. div.iv-card.iv-card-playlist.ytp-rounded-info {
  1536. border-radius: 0 !important;
  1537. }
  1538.  
  1539. div.iv-card.iv-card-channel.ytp-rounded-info {
  1540. border-radius: 0 !important;
  1541. }
  1542.  
  1543. div.iv-card.ytp-rounded-info {
  1544. border-radius: 0 !important;
  1545. }
  1546.  
  1547. .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview, .ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
  1548. border-radius: 2px !important;
  1549. }
  1550.  
  1551. .ytp-ce-video.ytp-ce-medium-round, .ytp-ce-playlist.ytp-ce-medium-round, .ytp-ce-medium-round .ytp-ce-expanding-overlay-background {
  1552. border-radius: 0 !important;
  1553. }
  1554.  
  1555. .ytp-autonav-endscreen-upnext-thumbnail {
  1556. border-radius: 0 !important;
  1557. }
  1558.  
  1559. @font-face {
  1560. font-family: no-parens;
  1561. src: url("data:application/x-font-woff;base64,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");;
  1562. unicode-range: U+0028, U+0029;
  1563. }
  1564.  
  1565. span.ytp-menu-label-secondary {
  1566. font-family: "no-parens", "Roboto", sans-serif;
  1567. }
  1568.  
  1569. .ytp-swatch-color-white {
  1570. color: #f00 !important;
  1571. }
  1572.  
  1573. .iv-card {
  1574. border-radius: 0 !important;
  1575. }
  1576.  
  1577. .iv-branding .branding-context-container-inner {
  1578. border-radius: 2px !important;
  1579. }
  1580.  
  1581. .ytp-offline-slate-bar {
  1582. border-radius: 2px !important;
  1583. }
  1584.  
  1585. .ytp-offline-slate-button {
  1586. border-radius: 2px !important;
  1587. }
  1588.  
  1589. .ytp-ce-video.ytp-ce-large-round, .ytp-ce-playlist.ytp-ce-large-round, .ytp-ce-large-round .ytp-ce-expanding-overlay-background {
  1590. border-radius: 0 !important;
  1591. }
  1592.  
  1593. .ytp-flyout-cta .ytp-flyout-cta-icon.ytp-flyout-cta-icon-rounded {
  1594. border-radius: 0 !important;
  1595. }
  1596.  
  1597. .ytp-player-minimized .html5-main-video, .ytp-player-minimized .ytp-miniplayer-scrim, .ytp-player-minimized.html5-video-player {
  1598. border-radius: 0 !important;
  1599. }
  1600.  
  1601. ytd-miniplayer #player-container.ytd-miniplayer, ytd-miniplayer #video-container.ytd-miniplayer .video.ytd-miniplayer, ytd-miniplayer #card.ytd-miniplayer, ytd-miniplayer {
  1602. border-radius: 0 !important;
  1603. }
  1604.  
  1605. #player.ytd-channel-video-player-renderer {
  1606. border-radius: 0 !important;
  1607. }
  1608.  
  1609. #player.ytd-channel-video-player-renderer .ytp-small-mode .ytp-chrome-bottom {
  1610. height: 36px !important;
  1611. }
  1612.  
  1613. ytd-video-masthead-ad-primary-video-renderer[rounded] #player-container.ytd-video-masthead-ad-primary-video-renderer {
  1614. border-radius: 0 !important;
  1615. }
  1616.  
  1617. /* Subscribe button fix when you are logged in + other button adjustments */
  1618. #buttons.ytd-c4-tabbed-header-renderer {
  1619. flex-direction: row-reverse !important;
  1620. }
  1621.  
  1622. yt-button-shape.style-scope.ytd-subscribe-button-renderer {
  1623. display: flex !important;
  1624. }
  1625.  
  1626. #subscribe-button ytd-subscribe-button-renderer button {
  1627. height: 37px !important;
  1628. letter-spacing: 0.5px !important;
  1629. border-radius: 2px !important;
  1630. text-transform: uppercase !important;
  1631. }
  1632.  
  1633. .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
  1634. color: #fff !important;
  1635. background: #c00 !important;
  1636. border-radius: 2px !important;
  1637. text-transform: uppercase !important;
  1638. letter-spacing: 0.5px !important;
  1639. }
  1640.  
  1641. button.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-m {
  1642. height: 37px !important;
  1643. letter-spacing: 0.5px !important;
  1644. border-radius: 2px !important;
  1645. text-transform: uppercase !important;
  1646. }
  1647.  
  1648. button.yt-spec-button-shape-next.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--size-s {
  1649. height: 25px !important;
  1650. letter-spacing: 0.5px !important;
  1651. border-radius: 2px !important;
  1652. text-transform: uppercase !important;
  1653. }
  1654.  
  1655. div#notification-preference-button.style-scope.ytd-subscribe-button-renderer > ytd-subscription-notification-toggle-button-renderer-next.style-scope.ytd-subscribe-button-renderer > yt-button-shape > .yt-spec-button-shape-next--size-m {
  1656. background-color: transparent !important;
  1657. border-radius: 16px !important;
  1658. padding-left: 14px !important;
  1659. padding-right: 2px !important;
  1660. margin-left: 4px !important;
  1661. }
  1662.  
  1663. div#notification-preference-button.style-scope.ytd-subscribe-button-renderer > ytd-subscription-notification-toggle-button-renderer-next.style-scope.ytd-subscribe-button-renderer > yt-button-shape > .yt-spec-button-shape-next--size-m > div.cbox.yt-spec-button-shape-next__button-text-content {
  1664.   display: none !important;
  1665. }
  1666.  
  1667. div#notification-preference-button.style-scope.ytd-subscribe-button-renderer > ytd-subscription-notification-toggle-button-renderer-next.style-scope.ytd-subscribe-button-renderer > yt-button-shape > .yt-spec-button-shape-next--size-m > div.yt-spec-button-shape-next__secondary-icon {
  1668.   display: none !important;
  1669. }
  1670.  
  1671. div#notification-preference-button.style-scope.ytd-subscribe-button-renderer > ytd-subscription-notification-toggle-button-renderer-next.style-scope.ytd-subscribe-button-renderer > yt-button-shape > .yt-spec-button-shape-next--size-m {
  1672.   border-radius: 100px !important;
  1673.   width: 37px !important;
  1674. }
  1675.  
  1676. yt-smartimation.ytd-subscribe-button-renderer {
  1677.   display: flex !important;
  1678. }
  1679.  
  1680. /* Remove Shorts, Trending, Podcasts and Shopping in the guide menus + Other elements to be fixed and removed */
  1681. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Shorts"] {
  1682.   display: none !important;
  1683. }
  1684.  
  1685. #endpoint.yt-simple-endpoint.ytd-mini-guide-entry-renderer.style-scope[title="Shorts"] {
  1686.   display: none !important;
  1687. }
  1688.  
  1689. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Trending"] {
  1690.   display: none !important;
  1691. }
  1692.  
  1693. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Podcasts"] {
  1694.   display: none !important;
  1695. }
  1696.  
  1697. ytd-guide-entry-renderer > a[href*="/channel/UCkYQyvc_i9hXEo4xic9Hh2g"] {
  1698.   display: none !important;
  1699. }
  1700.  
  1701. ytd-reel-shelf-renderer.style-scope.ytd-item-section-renderer {
  1702.   display: none !important;
  1703. }
  1704.  
  1705. ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[inline-structured-description] ytd-error-corrections-section-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[inline-structured-description] ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer {
  1706.   display: none !important;
  1707. }
  1708.  
  1709. button.ytp-button.ytp-jump-button.ytp-jump-button-enabled {
  1710.   display: none !important;
  1711. }
  1712.  
  1713. a.ytp-next-button.ytp-button {
  1714.   display: block !important;
  1715. }`
  1716. document.head.appendChild(styles);
  1717. }
  1718. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址