Skip to content

YouTube - Rounded download button style by magma_craft

Screenshot of YouTube - Rounded download button style

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

This style enables the rounded download button if you are on the new rounded YouTube layout.

Notes

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;
}
}

Reviews

No reviews yet.