Tabview Youtube Design Customization

Change some designs in Tabview Youtube

2023-06-01 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

/* ==UserStyle==
@name           Tabview Youtube Design Customization
@version        0.1.0
@namespace      github.com/cyfung1031
@license        MIT
@description    Change some designs in Tabview Youtube
@author         CY Fung
@supportURL     https://github.com/cyfung1031/Tabview-Youtube/
@preprocessor   stylus
@var checkbox   no-rounded-button               "No Rounded Button"                        0
@var checkbox   no-tab-btn-text                 "No Tab Button Text"                       0
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch?v=") {

    if no-rounded-button {
        html .yt-spec-button-shape-next--size-m,
        html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start,
        html .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end {
            border-radius:0;
        }
    }

    if no-tab-btn-text {
        .tab-btn[tyt-tab-content="#tab-info"] span,
        .tab-btn[tyt-tab-content="#tab-videos"] span,
        .tab-btn[tyt-tab-content="#tab-playlist"] span {
            display: none;
        }
    }
    
}