☰

YouTube - Bring back colored thumbs up and down buttons and like bar

White/grayscale and stroke-only transparent buttons suck.

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！） 

/* ==UserStyle==
@name         YouTube - Bring back colored thumbs up and down buttons and like bar
@description  White/grayscale and stroke-only transparent buttons suck.
@version      2021.09.21
@author       Swyter
@license      CC-BY-SA 4.0
@namespace    https://greasyfork.org/users/4813
==/UserStyle== */

@-moz-document url-prefix('https://www.youtube.com/')
{
    :root
    {
      --swy-blue-color: #2e93ff;
    }

    #info > #info-contents  #container ytd-toggle-button-renderer.style-default-active:first-of-type /* swy: only make blue the first/thumbs up */
    {
      color: var(--swy-blue-color) !important;
    }

    #like-bar.ytd-sentiment-bar-renderer
    {
      background-color: var(--swy-blue-color) !important;
    }
}