☰

Return YouTube Dislike

Return of the YouTube Dislike, Based off https://www.returnyoutubedislike.com/

安装此脚本?
作者推荐脚本

你可能也喜欢 Dark Mode

安装此脚本 
  1. // ==UserScript==
  2. // @name         Return YouTube Dislike
  3. // @namespace    https://www.returnyoutubedislike.com/
  4. // @homepage     https://www.returnyoutubedislike.com/
  5. // @version      3.1.5
  6. // @encoding     utf-8
  7. // @description  Return of the YouTube Dislike, Based off https://www.returnyoutubedislike.com/
  8. // @icon         https://github.com/Anarios/return-youtube-dislike/raw/main/Icons/Return%20Youtube%20Dislike%20-%20Transparent.png
  9. // @author       Anarios & JRWR
  10. // @match        *://*.youtube.com/*
  11. // @exclude      *://music.youtube.com/*
  12. // @exclude      *://*.music.youtube.com/*
  13. // @compatible   chrome
  14. // @compatible   firefox
  15. // @compatible   opera
  16. // @compatible   safari
  17. // @compatible   edge
  18. // @grant        GM.xmlHttpRequest
  19. // @connect      youtube.com
  20. // @grant        GM_addStyle
  21. // @run-at       document-end
  22. // ==/UserScript==
  23.  
  24. const extConfig = {
  25.   // BEGIN USER OPTIONS
  26.   // You may change the following variables to allowed values listed in the corresponding brackets (* means default). Keep the style and keywords intact.
  27.   showUpdatePopup: false, // [true, false*] Show a popup tab after extension update (See what's new)
  28.   disableVoteSubmission: false, // [true, false*] Disable like/dislike submission (Stops counting your likes and dislikes)
  29.   disableLogging: true, // [true*, false] Disable Logging API Response in JavaScript Console.
  30.   coloredThumbs: false, // [true, false*] Colorize thumbs (Use custom colors for thumb icons)
  31.   coloredBar: false, // [true, false*] Colorize ratio bar (Use custom colors for ratio bar)
  32.   colorTheme: "classic", // [classic*, accessible, neon] Color theme (red/green, blue/yellow, pink/cyan)
  33.   numberDisplayFormat: "compactShort", // [compactShort*, compactLong, standard] Number format (For non-English locale users, you may be able to improve appearance with a different option. Please file a feature request if your locale is not covered)
  34.   numberDisplayRoundDown: true, // [true*, false] Round down numbers (Show rounded down numbers)
  35.   tooltipPercentageMode: "none", // [none*, dash_like, dash_dislike, both, only_like, only_dislike] Mode of showing percentage in like/dislike bar tooltip.
  36.   numberDisplayReformatLikes: false, // [true, false*] Re-format like numbers (Make likes and dislikes format consistent)
  37.   rateBarEnabled: false, // [true, false*] Enables ratio bar under like/dislike buttons
  38.   // END USER OPTIONS
  39. };
  40.  
  41. const LIKED_STATE = "LIKED_STATE";
  42. const DISLIKED_STATE = "DISLIKED_STATE";
  43. const NEUTRAL_STATE = "NEUTRAL_STATE";
  44. let previousState = 3; //1=LIKED, 2=DISLIKED, 3=NEUTRAL
  45. let likesvalue = 0;
  46. let dislikesvalue = 0;
  47. let preNavigateLikeButton = null;
  48.  
  49. let isMobile = location.hostname == "m.youtube.com";
  50. let isShorts = () => location.pathname.startsWith("/shorts");
  51. let mobileDislikes = 0;
  52. function cLog(text, subtext = "") {
  53.   if (!extConfig.disableLogging) {
  54.     subtext = subtext.trim() === "" ? "" : `(${subtext})`; 
  55.     console.log(`[Return YouTube Dislikes] ${text} ${subtext}`); 
  56.   }
  57. }
  58.  
  59. function isInViewport(element) {
  60.   const rect = element.getBoundingClientRect();
  61.   const height = innerHeight || document.documentElement.clientHeight;
  62.   const width = innerWidth || document.documentElement.clientWidth;
  63.   return (
  64.     // When short (channel) is ignored, the element (like/dislike AND short itself) is
  65.     // hidden with a 0 DOMRect. In this case, consider it outside of Viewport
  66.     !(rect.top == 0 && rect.left == 0 && rect.bottom == 0 && rect.right == 0) &&
  67.     rect.top >= 0 &&
  68.     rect.left >= 0 &&
  69.     rect.bottom <= height &&
  70.     rect.right <= width
  71.   );
  72. }
  73.  
  74. function getButtons() {
  75.   if (isShorts()) {
  76.     let elements = document.querySelectorAll(
  77.       isMobile ? "ytm-like-button-renderer" : "#like-button > ytd-like-button-renderer",
  78.     );
  79.     for (let element of elements) {
  80.       if (isInViewport(element)) {
  81.         return element;
  82.       }
  83.     }
  84.   }
  85.   if (isMobile) {
  86.     return (
  87.       document.querySelector(".slim-video-action-bar-actions .segmented-buttons") ??
  88.       document.querySelector(".slim-video-action-bar-actions")
  89.     );
  90.   }
  91.   if (document.getElementById("menu-container")?.offsetParent === null) {
  92.     return (
  93.       document.querySelector("ytd-menu-renderer.ytd-watch-metadata > div") ??
  94.       document.querySelector("ytd-menu-renderer.ytd-video-primary-info-renderer > div")
  95.     );
  96.   } else {
  97.     return document.getElementById("menu-container")?.querySelector("#top-level-buttons-computed");
  98.   }
  99. }
  100.  
  101. function getDislikeButton() {
  102.   if (getButtons().children[0].tagName === "YTD-SEGMENTED-LIKE-DISLIKE-BUTTON-RENDERER") {
  103.     if (getButtons().children[0].children[1] === undefined) {
  104.       return document.querySelector("#segmented-dislike-button");
  105.     } else {
  106.       return getButtons().children[0].children[1];
  107.     }
  108.   } else {
  109.     if (getButtons().querySelector("segmented-like-dislike-button-view-model")) {
  110.       const dislikeViewModel = getButtons().querySelector("dislike-button-view-model");
  111.       if (!dislikeViewModel) cLog("Dislike button wasn't added to DOM yet...");
  112.       return dislikeViewModel;
  113.     } else {
  114.       return getButtons().children[1];
  115.     }
  116.   }
  117. }
  118.  
  119. function getLikeButton() {
  120.   return getButtons().children[0].tagName === "YTD-SEGMENTED-LIKE-DISLIKE-BUTTON-RENDERER"
  121.     ? document.querySelector("#segmented-like-button") !== null
  122.       ? document.querySelector("#segmented-like-button")
  123.       : getButtons().children[0].children[0]
  124.     : getButtons().querySelector("like-button-view-model") ?? getButtons().children[0];
  125. }
  126.  
  127. function getLikeTextContainer() {
  128.   return (
  129.     getLikeButton().querySelector("#text") ??
  130.     getLikeButton().getElementsByTagName("yt-formatted-string")[0] ??
  131.     getLikeButton().querySelector("span[role='text']")
  132.   );
  133. }
  134.  
  135. function getDislikeTextContainer() {
  136.   const dislikeButton = getDislikeButton();
  137.   let result =
  138.     dislikeButton?.querySelector("#text") ??
  139.     dislikeButton?.getElementsByTagName("yt-formatted-string")[0] ??
  140.     dislikeButton?.querySelector("span[role='text']");
  141.   if (result === null) {
  142.     let textSpan = document.createElement("span");
  143.     textSpan.id = "text";
  144.     textSpan.style.marginLeft = "6px";
  145.     dislikeButton?.querySelector("button").appendChild(textSpan);
  146.     if (dislikeButton) dislikeButton.querySelector("button").style.width = "auto";
  147.     result = textSpan;
  148.   }
  149.   return result;
  150. }
  151.  
  152. function createObserver(options, callback) {
  153.   const observerWrapper = new Object();
  154.   observerWrapper.options = options;
  155.   observerWrapper.observer = new MutationObserver(callback);
  156.   observerWrapper.observe = function (element) {
  157.     this.observer.observe(element, this.options);
  158.   };
  159.   observerWrapper.disconnect = function () {
  160.     this.observer.disconnect();
  161.   };
  162.   return observerWrapper;
  163. }
  164.  
  165. let shortsObserver = null;
  166.  
  167. if (isShorts() && !shortsObserver) {
  168.   cLog("Initializing shorts mutation observer");
  169.   shortsObserver = createObserver(
  170.     {
  171.       attributes: true,
  172.     },
  173.     (mutationList) => {
  174.       mutationList.forEach((mutation) => {
  175.         if (
  176.           mutation.type === "attributes" &&
  177.           mutation.target.nodeName === "TP-YT-PAPER-BUTTON" &&
  178.           mutation.target.id === "button"
  179.         ) {
  180.           cLog("Short thumb button status changed");
  181.           if (mutation.target.getAttribute("aria-pressed") === "true") {
  182.             mutation.target.style.color =
  183.               mutation.target.parentElement.parentElement.id === "like-button"
  184.                 ? getColorFromTheme(true)
  185.                 : getColorFromTheme(false);
  186.           } else {
  187.             mutation.target.style.color = "unset";
  188.           }
  189.           return;
  190.         }
  191.         cLog("Unexpected mutation observer event: " + mutation.target + mutation.type);
  192.       });
  193.     },
  194.   );
  195. }
  196.  
  197. function isVideoLiked() {
  198.   if (isMobile) {
  199.     return getLikeButton().querySelector("button").getAttribute("aria-label") == "true";
  200.   }
  201.   return getLikeButton().classList.contains("style-default-active");
  202. }
  203.  
  204. function isVideoDisliked() {
  205.   if (isMobile) {
  206.     return getDislikeButton()?.querySelector("button").getAttribute("aria-label") == "true";
  207.   }
  208.   return getDislikeButton()?.classList.contains("style-default-active");
  209. }
  210.  
  211. function isVideoNotLiked() {
  212.   if (isMobile) {
  213.     return !isVideoLiked();
  214.   }
  215.   return getLikeButton().classList.contains("style-text");
  216. }
  217.  
  218. function isVideoNotDisliked() {
  219.   if (isMobile) {
  220.     return !isVideoDisliked();
  221.   }
  222.   return getDislikeButton()?.classList.contains("style-text");
  223. }
  224.  
  225. function checkForUserAvatarButton() {
  226.   if (isMobile) {
  227.     return;
  228.   }
  229.   if (document.querySelector("#avatar-btn")) {
  230.     return true;
  231.   } else {
  232.     return false;
  233.   }
  234. }
  235.  
  236. function getState() {
  237.   if (isVideoLiked()) {
  238.     return LIKED_STATE;
  239.   }
  240.   if (isVideoDisliked()) {
  241.     return DISLIKED_STATE;
  242.   }
  243.   return NEUTRAL_STATE;
  244. }
  245.  
  246. function setLikes(likesCount) {
  247.   if (isMobile) {
  248.     getButtons().children[0].querySelector(".button-renderer-text").innerText = likesCount;
  249.     return;
  250.   }
  251.   getLikeTextContainer().innerText = likesCount;
  252. }
  253.  
  254. function setDislikes(dislikesCount) {
  255.   if (isMobile) {
  256.     mobileDislikes = dislikesCount;
  257.     return;
  258.   }
  259.  
  260.   const _container = getDislikeTextContainer();
  261.   _container?.removeAttribute("is-empty");
  262.   if (_container?.innerText !== dislikesCount) {
  263.     _container.innerText = dislikesCount;
  264.   }
  265. }
  266.  
  267. function getLikeCountFromButton() {
  268.   try {
  269.     if (isShorts()) {
  270.       //Youtube Shorts don't work with this query. It's not necessary; we can skip it and still see the results.
  271.       //It should be possible to fix this function, but it's not critical to showing the dislike count.
  272.       return false;
  273.     }
  274.     let likeButton =
  275.       getLikeButton().querySelector("yt-formatted-string#text") ?? getLikeButton().querySelector("button");
  276.  
  277.     let likesStr = likeButton.getAttribute("aria-label").replace(/\D/g, "");
  278.     return likesStr.length > 0 ? parseInt(likesStr) : false;
  279.   } catch {
  280.     return false;
  281.   }
  282. }
  283.  
  284. (typeof GM_addStyle != "undefined"
  285.   ? GM_addStyle
  286.   : (styles) => {
  287.       let styleNode = document.createElement("style");
  288.       styleNode.type = "text/css";
  289.       styleNode.innerText = styles;
  290.       document.head.appendChild(styleNode);
  291.     })(`
  292.     #return-youtube-dislike-bar-container {
  293.       background: var(--yt-spec-icon-disabled);
  294.       border-radius: 2px;
  295.     }
  296.  
  297.     #return-youtube-dislike-bar {
  298.       background: var(--yt-spec-text-primary);
  299.       border-radius: 2px;
  300.       transition: all 0.15s ease-in-out;
  301.     }
  302.  
  303.     .ryd-tooltip {
  304.       position: absolute;
  305.       display: block;
  306.       height: 2px;
  307.       bottom: -10px;
  308.     }
  309.  
  310.     .ryd-tooltip-bar-container {
  311.       width: 100%;
  312.       height: 2px;
  313.       position: absolute;
  314.       padding-top: 6px;
  315.       padding-bottom: 12px;
  316.       top: -6px;
  317.     }
  318.  
  319.     ytd-menu-renderer.ytd-watch-metadata {
  320.       overflow-y: visible !important;
  321.     }
  322.     
  323.     #top-level-buttons-computed {
  324.       position: relative !important;
  325.     }
  326.   `);
  327.  
  328. function createRateBar(likes, dislikes) {
  329.   if (isMobile || !extConfig.rateBarEnabled) {
  330.     return;
  331.   }
  332.   let rateBar = document.getElementById("return-youtube-dislike-bar-container");
  333.  
  334.   const widthPx = getLikeButton().clientWidth + (getDislikeButton()?.clientWidth ?? 52);
  335.  
  336.   const widthPercent = likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 50;
  337.  
  338.   var likePercentage = parseFloat(widthPercent.toFixed(1));
  339.   const dislikePercentage = (100 - likePercentage).toLocaleString();
  340.   likePercentage = likePercentage.toLocaleString();
  341.  
  342.   var tooltipInnerHTML;
  343.   switch (extConfig.tooltipPercentageMode) {
  344.     case "dash_like":
  345.       tooltipInnerHTML = `${likes.toLocaleString()}&nbsp;/&nbsp;${dislikes.toLocaleString()}&nbsp;&nbsp;-&nbsp;&nbsp;${likePercentage}%`;
  346.       break;
  347.     case "dash_dislike":
  348.       tooltipInnerHTML = `${likes.toLocaleString()}&nbsp;/&nbsp;${dislikes.toLocaleString()}&nbsp;&nbsp;-&nbsp;&nbsp;${dislikePercentage}%`;
  349.       break;
  350.     case "both":
  351.       tooltipInnerHTML = `${likePercentage}%&nbsp;/&nbsp;${dislikePercentage}%`;
  352.       break;
  353.     case "only_like":
  354.       tooltipInnerHTML = `${likePercentage}%`;
  355.       break;
  356.     case "only_dislike":
  357.       tooltipInnerHTML = `${dislikePercentage}%`;
  358.       break;
  359.     default:
  360.       tooltipInnerHTML = `${likes.toLocaleString()}&nbsp;/&nbsp;${dislikes.toLocaleString()}`;
  361.   }
  362.  
  363.   if (!rateBar && !isMobile) {
  364.     let colorLikeStyle = "";
  365.     let colorDislikeStyle = "";
  366.     if (extConfig.coloredBar) {
  367.       colorLikeStyle = "; background-color: " + getColorFromTheme(true);
  368.       colorDislikeStyle = "; background-color: " + getColorFromTheme(false);
  369.     }
  370.  
  371.     getButtons().insertAdjacentHTML(
  372.       "beforeend",
  373.       `
  374.         <div class="ryd-tooltip" style="width: ${widthPx}px">
  375.         <div class="ryd-tooltip-bar-container">
  376.            <div
  377.               id="return-youtube-dislike-bar-container"
  378.               style="width: 100%; height: 2px;${colorDislikeStyle}"
  379.               >
  380.               <div
  381.                  id="return-youtube-dislike-bar"
  382.                  style="width: ${widthPercent}%; height: 100%${colorDislikeStyle}"
  383.                  ></div>
  384.            </div>
  385.         </div>
  386.         <tp-yt-paper-tooltip position="top" id="ryd-dislike-tooltip" class="style-scope ytd-sentiment-bar-renderer" role="tooltip" tabindex="-1">
  387.            <!--css-build:shady-->${tooltipInnerHTML}
  388.         </tp-yt-paper-tooltip>
  389.         </div>
  390. `,
  391.     );
  392.     let descriptionAndActionsElement = document.getElementById("top-row");
  393.     descriptionAndActionsElement.style.borderBottom = "1px solid var(--yt-spec-10-percent-layer)";
  394.     descriptionAndActionsElement.style.paddingBottom = "10px";
  395.   } else {
  396.     document.querySelector(".ryd-tooltip").style.width = widthPx + "px";
  397.     document.getElementById("return-youtube-dislike-bar").style.width = widthPercent + "%";
  398.  
  399.     if (extConfig.coloredBar) {
  400.       document.getElementById("return-youtube-dislike-bar-container").style.backgroundColor = getColorFromTheme(false);
  401.       document.getElementById("return-youtube-dislike-bar").style.backgroundColor = getColorFromTheme(true);
  402.     }
  403.   }
  404. }
  405.  
  406. function setState() {
  407.   cLog("Fetching votes...");
  408.   let statsSet = false;
  409.  
  410.   fetch(`https://returnyoutubedislikeapi.com/votes?videoId=${getVideoId()}`).then((response) => {
  411.     response.json().then((json) => {
  412.       if (json && !("traceId" in response) && !statsSet) {
  413.         const { dislikes, likes } = json;
  414.         cLog(`Received count: ${dislikes}`);
  415.         likesvalue = likes;
  416.         dislikesvalue = dislikes;
  417.         setDislikes(numberFormat(dislikes));
  418.         if (extConfig.numberDisplayReformatLikes === true) {
  419.           const nativeLikes = getLikeCountFromButton();
  420.           if (nativeLikes !== false) {
  421.             setLikes(numberFormat(nativeLikes));
  422.           }
  423.         }
  424.         createRateBar(likes, dislikes);
  425.         if (extConfig.coloredThumbs === true) {
  426.           const dislikeButton = getDislikeButton();
  427.           if (isShorts()) {
  428.             // for shorts, leave deactived buttons in default color
  429.             const shortLikeButton = getLikeButton().querySelector("tp-yt-paper-button#button");
  430.             const shortDislikeButton = dislikeButton?.querySelector("tp-yt-paper-button#button");
  431.             if (shortLikeButton.getAttribute("aria-pressed") === "true") {
  432.               shortLikeButton.style.color = getColorFromTheme(true);
  433.             }
  434.             if (shortDislikeButton && shortDislikeButton.getAttribute("aria-pressed") === "true") {
  435.               shortDislikeButton.style.color = getColorFromTheme(false);
  436.             }
  437.             shortsObserver.observe(shortLikeButton);
  438.             shortsObserver.observe(shortDislikeButton);
  439.           } else {
  440.             getLikeButton().style.color = getColorFromTheme(true);
  441.             if (dislikeButton) dislikeButton.style.color = getColorFromTheme(false);
  442.           }
  443.         }
  444.       }
  445.     });
  446.   });
  447. }
  448.  
  449. function updateDOMDislikes() {
  450.   setDislikes(numberFormat(dislikesvalue));
  451.   createRateBar(likesvalue, dislikesvalue);
  452. }
  453.  
  454. function likeClicked() {
  455.   if (checkForUserAvatarButton() == true) {
  456.     if (previousState == 1) {
  457.       likesvalue--;
  458.       updateDOMDislikes();
  459.       previousState = 3;
  460.     } else if (previousState == 2) {
  461.       likesvalue++;
  462.       dislikesvalue--;
  463.       updateDOMDislikes();
  464.       previousState = 1;
  465.     } else if (previousState == 3) {
  466.       likesvalue++;
  467.       updateDOMDislikes();
  468.       previousState = 1;
  469.     }
  470.     if (extConfig.numberDisplayReformatLikes === true) {
  471.       const nativeLikes = getLikeCountFromButton();
  472.       if (nativeLikes !== false) {
  473.         setLikes(numberFormat(nativeLikes));
  474.       }
  475.     }
  476.   }
  477. }
  478.  
  479. function dislikeClicked() {
  480.   if (checkForUserAvatarButton() == true) {
  481.     if (previousState == 3) {
  482.       dislikesvalue++;
  483.       updateDOMDislikes();
  484.       previousState = 2;
  485.     } else if (previousState == 2) {
  486.       dislikesvalue--;
  487.       updateDOMDislikes();
  488.       previousState = 3;
  489.     } else if (previousState == 1) {
  490.       likesvalue--;
  491.       dislikesvalue++;
  492.       updateDOMDislikes();
  493.       previousState = 2;
  494.       if (extConfig.numberDisplayReformatLikes === true) {
  495.         const nativeLikes = getLikeCountFromButton();
  496.         if (nativeLikes !== false) {
  497.           setLikes(numberFormat(nativeLikes));
  498.         }
  499.       }
  500.     }
  501.   }
  502. }
  503.  
  504. function setInitialState() {
  505.   setState();
  506. }
  507.  
  508. function getVideoId() {
  509.   const urlObject = new URL(window.location.href);
  510.   const pathname = urlObject.pathname;
  511.   if (pathname.startsWith("/clip")) {
  512.     return (document.querySelector("meta[itemprop='videoId']") || document.querySelector("meta[itemprop='identifier']")).content;
  513.   } else {
  514.     if (pathname.startsWith("/shorts")) {
  515.       return pathname.slice(8);
  516.     }
  517.     return urlObject.searchParams.get("v");
  518.   }
  519. }
  520.  
  521. function isVideoLoaded() {
  522.   if (isMobile) {
  523.     return document.getElementById("player").getAttribute("loading") == "false";
  524.   }
  525.   const videoId = getVideoId();
  526.  
  527.   return (
  528.     // desktop: spring 2024 UI
  529.     document.querySelector(`ytd-watch-grid[video-id='${videoId}']`) !== null ||
  530.     // desktop: older UI
  531.     document.querySelector(`ytd-watch-flexy[video-id='${videoId}']`) !== null ||
  532.     // mobile: no video-id attribute
  533.     document.querySelector('#player[loading="false"]:not([hidden])') !== null
  534.   );
  535. }
  536.  
  537. function roundDown(num) {
  538.   if (num < 1000) return num;
  539.   const int = Math.floor(Math.log10(num) - 2);
  540.   const decimal = int + (int % 3 ? 1 : 0);
  541.   const value = Math.floor(num / 10 ** decimal);
  542.   return value * 10 ** decimal;
  543. }
  544.  
  545. function numberFormat(numberState) {
  546.   let numberDisplay;
  547.   if (extConfig.numberDisplayRoundDown === false) {
  548.     numberDisplay = numberState;
  549.   } else {
  550.     numberDisplay = roundDown(numberState);
  551.   }
  552.   return getNumberFormatter(extConfig.numberDisplayFormat).format(numberDisplay);
  553. }
  554.  
  555. function getNumberFormatter(optionSelect) {
  556.   let userLocales;
  557.   if (document.documentElement.lang) {
  558.     userLocales = document.documentElement.lang;
  559.   } else if (navigator.language) {
  560.     userLocales = navigator.language;
  561.   } else {
  562.     try {
  563.       userLocales = new URL(
  564.         Array.from(document.querySelectorAll("head > link[rel='search']"))
  565.           ?.find((n) => n?.getAttribute("href")?.includes("?locale="))
  566.           ?.getAttribute("href"),
  567.       )?.searchParams?.get("locale");
  568.     } catch {
  569.       cLog("Cannot find browser locale. Use en as default for number formatting.");
  570.       userLocales = "en";
  571.     }
  572.   }
  573.  
  574.   let formatterNotation;
  575.   let formatterCompactDisplay;
  576.   switch (optionSelect) {
  577.     case "compactLong":
  578.       formatterNotation = "compact";
  579.       formatterCompactDisplay = "long";
  580.       break;
  581.     case "standard":
  582.       formatterNotation = "standard";
  583.       formatterCompactDisplay = "short";
  584.       break;
  585.     case "compactShort":
  586.     default:
  587.       formatterNotation = "compact";
  588.       formatterCompactDisplay = "short";
  589.   }
  590.  
  591.   const formatter = Intl.NumberFormat(userLocales, {
  592.     notation: formatterNotation,
  593.     compactDisplay: formatterCompactDisplay,
  594.   });
  595.   return formatter;
  596. }
  597.  
  598. function getColorFromTheme(voteIsLike) {
  599.   let colorString;
  600.   switch (extConfig.colorTheme) {
  601.     case "accessible":
  602.       if (voteIsLike === true) {
  603.         colorString = "dodgerblue";
  604.       } else {
  605.         colorString = "gold";
  606.       }
  607.       break;
  608.     case "neon":
  609.       if (voteIsLike === true) {
  610.         colorString = "aqua";
  611.       } else {
  612.         colorString = "magenta";
  613.       }
  614.       break;
  615.     case "classic":
  616.     default:
  617.       if (voteIsLike === true) {
  618.         colorString = "lime";
  619.       } else {
  620.         colorString = "red";
  621.       }
  622.   }
  623.   return colorString;
  624. }
  625.  
  626. let smartimationObserver = null;
  627.  
  628. function setEventListeners(evt) {
  629.   let jsInitChecktimer;
  630.  
  631.   function checkForJS_Finish() {
  632.     //console.log();
  633.     if (isShorts() || (getButtons()?.offsetParent && isVideoLoaded())) {
  634.       const buttons = getButtons();
  635.       const dislikeButton = getDislikeButton();
  636.  
  637.       if (preNavigateLikeButton !== getLikeButton() && dislikeButton) {
  638.         cLog("Registering button listeners...");
  639.         try {
  640.           getLikeButton().addEventListener("click", likeClicked);
  641.           dislikeButton?.addEventListener("click", dislikeClicked);
  642.           getLikeButton().addEventListener("touchstart", likeClicked);
  643.           dislikeButton?.addEventListener("touchstart", dislikeClicked);
  644.           dislikeButton?.addEventListener("focusin", updateDOMDislikes);
  645.           dislikeButton?.addEventListener("focusout", updateDOMDislikes);
  646.           preNavigateLikeButton = getLikeButton();
  647.  
  648.           if (!smartimationObserver) {
  649.             smartimationObserver = createObserver(
  650.               {
  651.                 attributes: true,
  652.                 subtree: true,
  653.                 childList: true,
  654.               },
  655.               updateDOMDislikes,
  656.             );
  657.             smartimationObserver.container = null;
  658.           }
  659.  
  660.           const smartimationContainer = buttons.querySelector("yt-smartimation");
  661.           if (smartimationContainer && smartimationObserver.container != smartimationContainer) {
  662.             cLog("Initializing smartimation mutation observer");
  663.             smartimationObserver.disconnect();
  664.             smartimationObserver.observe(smartimationContainer);
  665.             smartimationObserver.container = smartimationContainer;
  666.           }
  667.         } catch {
  668.           return;
  669.         } //Don't spam errors into the console
  670.       }
  671.       if (dislikeButton) {
  672.         setInitialState();
  673.         clearInterval(jsInitChecktimer);
  674.       }
  675.     }
  676.   }
  677.  
  678.   cLog("Setting up...");
  679.   jsInitChecktimer = setInterval(checkForJS_Finish, 111);
  680. }
  681.  
  682. (function () {
  683.   "use strict";
  684.   window.addEventListener("yt-navigate-finish", setEventListeners, true);
  685.   setEventListeners();
  686. })();
  687. if (isMobile) {
  688.   let originalPush = history.pushState;
  689.   history.pushState = function (...args) {
  690.     window.returnDislikeButtonlistenersSet = false;
  691.     setEventListeners(args[2]);
  692.     return originalPush.apply(history, args);
  693.   };
  694.   setInterval(() => {
  695.     const dislikeButton = getDislikeButton();
  696.     if (dislikeButton?.querySelector(".button-renderer-text") === null) {
  697.       getDislikeTextContainer().innerText = mobileDislikes;
  698.     } else {
  699.       if (dislikeButton) dislikeButton.querySelector(".button-renderer-text").innerText = mobileDislikes;
  700.     }
  701.   }, 1000);
  702. }