<a id="top"></a>

<div align="right">
    <h6>
        <picture>
            <source type="image/svg+xml" media="(prefers-color-scheme: dark)" srcset="https://cdn.jsdelivr.net/gh/adamlui/userscripts@50c7ad3/assets/images/icons/earth/white/icon32.svg">
            <img width=14 src="https://cdn.jsdelivr.net/gh/adamlui/userscripts@50c7ad3/assets/images/icons/earth/black/icon32.svg">
        </picture>
        &nbsp;English |
        <a href="https://github.com/adamlui/youtube-classic/tree/main/docs/zh-cn/#readme">簡體中文</a> |
        <a href="https://github.com/adamlui/youtube-classic/tree/main/docs/zh-tw/#readme">繁体中文</a>
    </h6>
</div>

<div align="center">

<h1>
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@1c92f98/assets/images/logos/youtube-classic/darkmode/logo535x75.png">
    <img src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@1c92f98/assets/images/logos/youtube-classic/lightmode/logo535x75.png">
  </picture>
</h1>

<a href="https://github.com/adamlui/youtube-classic/blob/main/docs/LICENSE.md">
    <img alt="[License: MIT]" src="https://img.shields.io/badge/License-MIT-f99b27.svg?logo=internetarchive&logoColor=white&style=for-the-badge"></a>
<a href="#">
    <img alt="[Support: Chrome/Firefox/Edge/Safari/Opera]" src="https://img.shields.io/badge/Support-Chrome/Firefox/Edge/Safari/Opera-989898.svg?logo=osf&logoColor=white&style=for-the-badge"></a>
<a href="https://www.codefactor.io/repository/github/adamlui/youtube-classic">
    <img alt="[CodeFactor grade]" src="https://img.shields.io/codefactor/grade/github/adamlui/youtube-classic?logo=codefactor&logoColor=white&label=Code%20Quality&style=for-the-badge"></a>
<a href="https://github.com/awesome-scripts/awesome-userscripts/#-youtube">
    <img alt="[Mentioned in Awesome]" src="https://img.shields.io/badge/Mentioned_in-Awesome-ff69b4?logo=awesomelists&logoColor=white&labelColor=464646&style=for-the-badge"></a>
<a href="https://sonarcloud.io/component_measures?metric=vulnerabilities&id=adamlui_youtube-classic">
    <img alt="[SonarCloud vulnerabilities]" src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fsonarcloud.io%2Fapi%2Fmeasures%2Fcomponent%3Fcomponent%3Dadamlui_youtube-classic%26metricKeys%3Dvulnerabilities&query=%24.component.measures.0.value&style=for-the-badge&logo=sonar&logoColor=white&labelColor=464646&label=Vulnerabilities&color=ffef00"></a>
<a href="https://www.jsdelivr.com/package/gh/adamlui/youtube-classic?tab=stats">
    <img alt="[jsDelivr requests]" src="https://img.shields.io/jsdelivr/gh/hm/adamlui/youtube-classic?label=jsDelivr+Requests&logo=jsdelivr&logoColor=white&color=2bbbd8&labelColor=464646&style=for-the-badge"></a>

<h3><b>YouTube Classic</b> restores YouTube back to its glory days of classic aesthetics</h3>

<a href="https://chromewebstore.google.com/detail/youtube-classic/keehjmmhefapnbammgjhdppfeekdiepk">
    <img alt="[Get for Chromium]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/chrome-web-store/available-in-the-chrome-web-store-green-square-border-light-498x152.png"></a>
<a href="https://microsoftedge.microsoft.com/addons/detail/youtube-classic/gbdiffmdamghkpgfljpmoflcleedkdeg">
    <img alt="[Get for Edge]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/microsoft-store/get-it-from-microsoft-blue-square-border-light-457x157.png"></a>
<a href="https://addons.mozilla.org/firefox/addon/yt-classic/">
    <img alt="[Get for Firefox]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/firefox/available-for-firefox/raspberry-border-334x128.png"></a>
<a href="https://scriptcat.org/scripts/code/6345/youtube-classic.user.js">
    <img alt="[Get for Greasemonkey]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/greasemonkey/install-userscript/en/badge860x262.png"></a>

</div>

<h2>What it does</h2>
<ul>
  <li><b>Restores dislike counter</b> so you can judge the quality of content before watching<br>
    (using Anarios' <a href="https://github.com/Anarios/return-youtube-dislike">Return YouTube Dislike</a>)
    <p><img width=400px src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@e8fc12f/assets/images/screenshots/dislike-counter.png"></li><br>
  <li><b>Removes rounded corners</b> that seemingly abound for the sake of being round<br>
    (evolved from magma_craft's <a href="https://userstyles.world/style/7243/css-adjustments-fixes-for-non-rounded-youtube-design">Non-Rounded YouTube Design</a>)
    <p><i>&nbsp;Before:</i><br>
      <img src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@e8fc12f/assets/images/screenshots/youtube-modern-ui.png">
    <p><i>&nbsp;After:</i><br>
      <img src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@e8fc12f/assets/images/screenshots/youtube-classic-ui.png"></li><br>
  <li><b>Redirects YouTube Shorts</b> to classic player for increased usability
    <p><img width=555 height="auto" src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@19ab985/assets/images/screenshots/shorts-redir.png"></li><br>
  <li><b>Hides sneaky recommendations</b> from search for more accurate results</li><br>
  <li><b>Reduces excessive animations</b> for faster navigation thus enjoyment of videos</li><br>
  <li><b>Prevents idling</b> to keep tabs from falling asleep for infinite auto-play</li><br>
  <li><b>Blocks thumbnail ads</b> for less clutter when browsing videos
    <p><i>&nbsp;Before:</i><br><br>
      <img width=535 height="auto" src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@1c92f98/assets/images/screenshots/ad-block/before.png">
    <p><i>&nbsp;After:</i><br><br>
      <img width=535 height="auto" src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@1c92f98/assets/images/screenshots/ad-block/after.png"></li><br>
</ul>

## 🚀 Installation

### <a href="#" title="Chrome"><img height=16 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/browsers/chrome/icon16.png"></a><a href="#" title="Edge"><img height=16 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/browsers/edge/icon16.png"></a><a href="#" title="Firefox"><img height=17 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/browsers/firefox/icon16.png"></a> Browser extension:

1. Install YouTube Classic extension ([Chrome](https://chromewebstore.google.com/detail/youtube-classic/keehjmmhefapnbammgjhdppfeekdiepk?utm_source=github&utm_medium=referral&utm_content=youtube-classic-readme), [Firefox](https://addons.mozilla.org/firefox/addon/yt-classic/?utm_source=github&utm_medium=referral&utm_content=youtube-classic-readme))

2. Visit [youtube.com](https://youtube.com) & UI is transformed!

*Pro tip: For easier access to extension toggles, (1) click <img height=12 width=12 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/icons/toolbar/chrome-puzzle-piece/gray.png"> in the browser's toolbar, (2) then <img height=12 width=12 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/icons/toolbar/push-pin/blue.png"> next to extension name.*

<div align="center">

<img width=268 src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@c83b32f/assets/images/screenshots/chrome/pin-instructions/en.png">
<img width=295 src="https://cdn.jsdelivr.net/gh/adamlui/youtube-classic@c83b32f/assets/images/screenshots/chrome/toolbar-menu/en.png">

</div>

#

### <a href="#" title="Tampermonkey"><img height=17 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/userscript-managers/tampermonkey/icon28.png"></a><a href="#" title="Violentmonkey"><img height=17.5 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/userscript-managers/violentmonkey/icon25.png"></a><a href="#" title="ScriptCat"><img height=16 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/userscript-managers/scriptcat/icon16.png"></a><a href="#" title="OrangeMonkey"><img height=16 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/userscript-managers/orangemonkey/icon16.png"></a><a href="#" title="Stay"><img height=18 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/userscript-managers/stay/icon32.png"></a><a href="#" title="Userscripts"><img height=17 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@d11d2ee/assets/images/icons/userscript-managers/userscripts/icon32.png"></a> Greasemonkey userscript:

1. Install a userscript manager, such as:
    - ScriptCat for [Chrome](https://chromewebstore.google.com/detail/scriptcat/ndcooeababalnlpkfedmmbbbgkljhpjf), [Firefox](https://addons.mozilla.org/firefox/addon/scriptcat/) or [Edge](https://microsoftedge.microsoft.com/addons/detail/scriptcat/liilgpjgabokdklappibcjfablkpcekh)
    - Violentmonkey for [Firefox](https://addons.mozilla.org/firefox/addon/violentmonkey/) or [Edge](https://microsoftedge.microsoft.com/addons/detail/eeagobfjdenkkddmbclomhiblgggliao)
    - OrangeMonkey for [Chrome](https://chromewebstore.google.com/detail/orangemonkey/ekmeppjgajofkpiofbebgcbohbmfldaf)
    - Tampermonkey for [Chrome](https://chromewebstore.google.com/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo), [Firefox](https://addons.mozilla.org/firefox/addon/tampermonkey/) or [Edge](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd)
    - [Stay](https://apps.apple.com/app/stay-for-safari/id1591620171) or [Userscripts](https://apps.apple.com/app/userscripts/id1463298887) for Safari

2. Install [YouTube Classic](https://scriptcat.org/scripts/code/6345/youtube-classic.user.js) userscript (will load in manager installed above)

3. Visit [youtube.com](https://youtube.com) & UI is transformed!

<br>

<div align="center">

<a href="https://chromewebstore.google.com/detail/youtube-classic/keehjmmhefapnbammgjhdppfeekdiepk">
    <img alt="[Get for Chromium]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/chrome-web-store/available-in-the-chrome-web-store-green-square-border-light-498x152.png"></a>
<a href="https://microsoftedge.microsoft.com/addons/detail/youtube-classic/gbdiffmdamghkpgfljpmoflcleedkdeg">
    <img alt="[Get for Edge]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/microsoft-store/get-it-from-microsoft-blue-square-border-light-457x157.png"></a>
<a href="https://addons.mozilla.org/firefox/addon/yt-classic/">
    <img alt="[Get for Firefox]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/firefox/available-for-firefox/raspberry-border-334x128.png"></a>
<a href="https://scriptcat.org/scripts/code/6345/youtube-classic.user.js">
    <img alt="[Get for Greasemonkey]" height=60 src="https://cdn.jsdelivr.net/gh/adamlui/ai-web-extensions@8841371/assets/images/badges/greasemonkey/install-userscript/zh-cn/badge729x262.png"></a>

</div>

<br>

<img height=10px width="100%" src="https://cdn.jsdelivr.net/gh/adamlui/userscripts@6b4fcd2/assets/images/separators/gradient-aqua.png">

[**More userscripts**](https://github.com/adamlui/userscripts/#readme) / [Back to top ↑](#top)
