☰

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-06-27 提交的版本，查看 最新版本。

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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