Skip to content

Old Youtube Upload Icon by YoutubeEnjoyer

Screenshot of Old Youtube Upload Icon
Write a review Install Get Stylus

Details

AuthorYoutubeEnjoyer

LicenseNo License

CategoryYoutube Userstyle

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Brings back the upload icon from the Hitchhiker layout, works both on light and dark mode

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Old Upload Icon
@version      20230815.23.42
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
ytd-topbar-menu-button-renderer yt-icon-button#button.ytd-topbar-menu-button-renderer {
    border:1px solid #d3d3d3;
    background: #f8f8f8;
    height: 28px;
    padding: 0 30px;
    border-radius: 2px 0 0 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    width:25px
}
ytd-topbar-menu-button-renderer yt-icon-button#button.ytd-topbar-menu-button-renderer yt-icon:before {
    content:"Upload";
    display:inline-block;
    font:700 11px arial!important;
    color:#333
}

ytd-topbar-menu-button-renderer yt-icon-button#button.ytd-topbar-menu-button-renderer:hover, a.yt-simple-endpoint.ytd-topbar-menu-button-renderer:hover:after {
    box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
    border-color:#c6c6c6;
    background:#f0f0f0
}
ytd-topbar-menu-button-renderer div#button.ytd-topbar-menu-button-renderer {
    height:27.5px;
}

html[dark] ytd-topbar-menu-button-renderer yt-icon-button#button.ytd-topbar-menu-button-renderer {
    border:1px solid #535151;
    background: #222;
    height: 28px;
    padding: 0 30px;
    border-radius: 2px 0 0 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    width:25px
}
html[dark] ytd-topbar-menu-button-renderer yt-icon-button#button.ytd-topbar-menu-button-renderer yt-icon:before {
    content:"Upload";
    display:inline-block;
    font:700 11px roboto, arial, sans-serif!important;
    color:#FFF
}

html[dark] ytd-topbar-menu-button-renderer yt-icon-button#button.ytd-topbar-menu-button-renderer:hover, a.yt-simple-endpoint.ytd-topbar-menu-button-renderer:hover:after {
    box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
    border-color:#E6DFDF;
    background:#222
}
ytd-topbar-menu-button-renderer div#button.ytd-topbar-menu-button-renderer {
    height:27.5px;
}

}

Reviews

No reviews yet.