Skip to content

Cleaner youtube by LauraAddams

Screenshot of Cleaner youtube

Details

AuthorLauraAddams

LicenseNo License

Categoryyoutube

Created

Updated

Size6.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Hides excess youtube feature noise (overlays, shorts, queues, explore, tags) and adds a more minimal style.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Cleaner youtube
@version      20231127.00.26
@namespace    userstyles.world/user/LauraAddams
@description  Hides excess youtube feature noise (overlays, shorts, queues, explore, tags) and adds a more minimal style.
@author       LauraAddams
@license      No License
==/UserStyle== */

@-moz-document domain("youtube.com") {
/* hide */
/* hide */
/* hide */
/* --------- menus --------- */
/* condensed menu buttons */
[aria-label="You"] {
    display: none;
}
a[title="Shorts"],
[tab-title="Shorts"] {
    display: none !important;
}

/* expanded menu buttons */
a[title="Your channel"],
a[title="Your videos"] {
    display: none !important;
}
#sections.ytd-guide-renderer > .ytd-guide-renderer:last-child,
#sections.ytd-guide-renderer > .ytd-guide-renderer:nth-child(3),
#sections.ytd-guide-renderer > .ytd-guide-renderer:nth-child(4) {
    display: none;
}
#footer {
    display: none;
}

/* --------- search --------- */
/* voice search */
#voice-search-button.ytd-masthead {
    display: none;
}
/* create */
ytd-topbar-menu-button-renderer #button.ytd-topbar-menu-button-renderer {
    display: none;
}

/* --------- gallery page --------- */
/* chip cloud (tags)  */
.style-scope .yt-related-chip-cloud-renderer,
[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_DEFAULT"] {
    display: none;
}
/* shorts */
#dismissible.ytd-rich-shelf-renderer {
    display: none;
}
ytd-reel-shelf-renderer {
    display: none;
}

/* --------- video thumbnails --------- */
/* overlay buttons: save for later, add to queue */
#hover-overlays,
ytd-watch-flexy[flexy][js-panel-height_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy {
    display: none;
}
/* overlay: paid content */
.ytp-exp-ppp-update .ytp-paid-content-overlay {
    display: none;
}

/* --------- video page --------- */
[aria-label="More actions"] {
    display: none;
}

/* --------- video buttons --------- */
/* sponsor */
#sponsor-button {
    display: none !important;
}
.ytp-ad-persistent-progress-bar-container {
    display: none;
}
.ytp-exp-ppp-update .ytp-paid-content-overlay,
.ytp-exp-ppp-update .ytp-paid-content-overlay-link {
    display: none;
}
[aria-label="View products"] {
    display: none;
}

/* thanks, clip, save */
#flexible-item-buttons {
    display: none;
}


/* styling */
/* styling */
/* styling */
/* --------- menus --------- */
div#sections,
#guide-content.ytd-app,
ytd-mini-guide-renderer.ytd-app,
ytd-mini-guide-entry-renderer {
    background-color: #fff5e6;
}
/* top */
#guide-icon.ytd-masthead {
    color: black;
}
#logo-icon {
    color: black;
}
.yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {
    color: black;
}
#container.ytd-searchbox {
    background-color: white;
    border: 1px solid #ccc;
    border-right: none;
    color: black;
    caret-color: black;
}
#container.ytd-searchbox input.ytd-searchbox, #search-icon.ytd-searchbox {
    color: black;
}
#search-icon-legacy.ytd-searchbox {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
}
ytd-searchbox[system-icons] #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
    color: black;
}

/* --------- main content --------- */
ytd-page-manager > *.ytd-page-manager,
#container.ytd-masthead,
body {
    background-color: #fff5e6;
}
/* lazy load background */
#container.ytd-watch {
    box-shadow: 0px 0px 20px 4px #111;
    padding: 10px;
    border-radius: 15px;
    background: #fff5e6;
}
/* links */
a.yt-simple-endpoint.yt-formatted-string,
.yt-core-attributed-string__link--call-to-action-color {
    color: sienna;
}

/* --------- video thumbnails --------- */
ytd-thumbnail.ytd-rich-grid-media::before {
    background-color: rgba(0, 0, 0, 0.1);
}
ytd-thumbnail.ytd-grid-video-renderer {
    border-radius: 15px;
    overflow: hidden;
}
/* progress bar color */
ytd-thumbnail-overlay-resume-playback-renderer {
    background-color: rosybrown;
}
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
    background-color: sienna;
}
/* progress bar height */
ytd-thumbnail-overlay-resume-playback-renderer {
    height: 8px;
}
/* time stamp */
ytd-thumbnail-overlay-time-status-renderer {
    bottom: 7px;
}
#time-status.ytd-thumbnail-overlay-time-status-renderer {
    background-color: sienna;
    padding: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* --------- video buttons --------- */
/* progress bar color */
.ytp-swatch-background-color {
    background-color: sienna;
}
/* subscriber count */
#owner-sub-count {
    opacity: 0.4;
}
/* not subscribed */
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
    color: black;
    background-color: rgba(0, 0, 0, 0.05);
}
.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
/* replies */
.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {
    color: sienna;
    margin-bottom: 10px;
}
/* reply timestamp */
.published-time-text.ytd-comment-renderer {
    opacity: 0.4;
}

.yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {
    background-color: rgba(0, 0, 0, 0.1);
}


/* --------- video info --------- */
h1.ytd-watch-metadata {
    padding-bottom: 5px;
    letter-spacing: 0.05em;
    font-style: italic;
    border-bottom: 3px solid black;
    margin-bottom: 5px;
    margin-top: 30px;
}
/* chapters */
#time.ytd-macro-markers-list-item-renderer,
ytd-macro-markers-list-item-renderer:hover #time.ytd-macro-markers-list-item-renderer,
ytd-macro-markers-list-item-renderer[active] #time.ytd-macro-markers-list-item-renderer {
    color: sienna;
    background-color: transparent;
}
ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] #items.ytd-horizontal-card-list-renderer::before {
    height: 0;
}

ytd-watch-metadata[description-collapsed] #description.ytd-watch-metadata,
ytd-watch-metadata[description-collapsed] #description.ytd-watch-metadata:hover {
    background: #fff5e6;
    border-radius: 0;
    padding-bottom: 5px;
    border-bottom: 3px solid black;
    margin-bottom: 20px;
}

/* --------- channel page --------- */
#channel-header.ytd-c4-tabbed-header-renderer,
#tabs-inner-container.ytd-c4-tabbed-header-renderer,
ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
    background-color: #fff5e6;
}

/* --------- video metadata --------- */
ytd-video-meta-block {
    opacity: 0.4;
}
}

Reviews

No reviews yet.