This style enables the rounded download button if you are on the new rounded YouTube layout.
YouTube - Rounded download button style by magma_craft
Details
Authormagma_craft
LicenseCC Zero
Categoryyoutube
Created
Updated
Size1.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Works with both YouTube rounded UI and SF helper script.
The script for the "Action buttons fix (modified) userscript" is required here at: https://greasyfork.org/en/scripts/466532
Source code
/* ==UserStyle==
@name YouTube - Rounded download button style
@version 20230711.01.23
@namespace ?
==/UserStyle== */
/* ==UserStyle==
@name YouTube - Rounded download button style
@namespace userstyles.world/user/magma_craft
@version 1.0.1
@description This style enables the rounded download button if you are on the new rounded YouTube layout.
@author Magma_Craft
==/UserStyle== */
@-moz-document domain("youtube.com") {
#savefrom__yt_btn {
height: 36px !important;
background-color: var(--yt-spec-badge-chip-background) !important;
border-radius: 18px !important;
}
a.sf-quick-dl-btn {
height: 36px !important;
padding-left: 18px !important;
background-color: #00b75a !important;
border: none !important;
border-top-left-radius: 18px !important;
border-bottom-left-radius: 18px !important;
}
div a i {
display: none !important;
}
span.sf-btn-name {
font-size: 14px !important;
font-weight: 500 !important;
line-height: 36px !important;
}
#savefrom__yt_btn > button > i, #savefrom__yt_btn > button > span, #savefrom__yt_btn > button > img { display: none !important; }
#savefrom__yt_btn > button {
width: 24px !important;
height: 24px !important;
margin: -3px 3px 0px 6px !important;
background-color: transparent !important;
border: none !important;
background-image: url("data:image/svg+xml,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg class='style-scope yt-icon'%3E%3Cpath d='M9 11 8 11 8 12 12.5 16.5 17 12 17 11 16 11 13 14 13 3 12 3 12 14ZM4 16 3 16 3 21 22 21 22 16 21 16 21 20 4 20z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}
#savefrom__yt_btn .sf-quick-dl-btn .sf-btn-name {
display: block !important;
}
#sf-popupMenu {
margin-top: 6px !important;
}
}