Skip to content

Revive Sharp Youtube by hihumi12

Screenshot of Revive Sharp Youtube

Details

Authorhihumi12

LicenseCC0 1.0

Categoryyoutube

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

YouTube再生画面の角丸を元の角ばったものに戻します Restore the rounded corners of the YouTube playback screen to the original square ones.

Notes

このユーザースタイルについて

YouTubeの動画や生放送の再生画面の角が丸くなってしまって地味に嫌だったので、
元の四角に戻すスタイルを作成しました。

使うとどうなる?

再生画面やチャット欄の角が角ばったものなります。

切り替えが可能な機能

設定画面で切り替えが可能な項目について説明します。

・検索欄を四角くする

・動画を四角くする

・チャット欄を四角くする

・動画一覧を四角くする

更新履歴

1.0.0 - 2023/08/22

公開

Source code

/* ==UserStyle==
@name           Revive Sharp Youtube
@namespace      stylus/hihumi12/revive-sharp-youtube
@version        1.0.1
@description    YouTube再生画面の角丸を元の角ばったものに戻します Restore the rounded corners of the YouTube playback screen to the original square ones.
@author         hihumi12 (https://twitter.com/hihumin12)
@license        CC0 1.0
@preprocessor   stylus

@var checkbox square_search_box  '検索欄を四角くする' 1
@var checkbox square_video  '動画を四角くする' 1
@var checkbox square_chat_box  'チャット欄を四角くする' 1
@var checkbox square_video_list  '動画一覧を四角くする' 1

==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch?"), url-prefix("https://www.youtube.com/live/") {
    /* 上部検索欄 */
    if square_search_box {
        form#search-form > #container.ytd-searchbox,
        button#search-icon-legacy {
            border-radius: 0 !important;
        }
    }
    
    /* 動画 */
    if square_video {
        #ytd-player {
            border-radius: 0 !important;
        }
    }
    
    /* チャット欄 */
    if square_chat_box {
        ytd-live-chat-frame#chat {
            border-radius: 0 !important;
        }
    }
    
    /* チャット欄下の動画一覧 */
    if square_video_list {
        a#thumbnail {
            border-radius: 0 !important;
        }
    }
}

Reviews

No reviews yet.