Skip to content

Commit b3c3a88

Browse files
authored
feat(snippets): add Rounded Thicker Bars
Snippet to makes the progress bar and volume bar thicker and rounded, inspired by "Thicker Bars" snippet. ![Rounded-Thicker-Bars](https://github.com/user-attachments/assets/d5217adb-5d89-48fc-b985-bb059a34b1a4)
1 parent f72604b commit b3c3a88

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

resources/snippets.json

+6
Original file line numberDiff line numberDiff line change
@@ -442,5 +442,11 @@
442442
"description": "Add rounded coners to buttons and search bar",
443443
"code": ".x-filterBox-expandButton, .main-avatar-avatar, .main-topBar-buddyFeed, .main-topBar-button, .Button-sc-1dqy6lx-0, .main-coverSlotCollapsed-expandButton, .NqzueDshzvgXEygqOGPG, .main-embedWidgetGenerator-themeRadio, .Psc33HXPyazZYAAr1tgz {border-radius: 15% !important;} .XNFZdOLgMlx491fEWdYJ, .ChipClear__ChipClearComponent-sc-zv5btm-0, .Button-sc-1dqy6lx-0, .Button-sc-y0gtbx-0, .main-nowPlayingView-aboutArtistV2FollowButton, .main-playPauseButton-button, .ButtonInner-sc-14ud5tc-0, .search-searchCategory-carouselButton, .ChipInnerComponent-sm, .ChipInnerComponent-sm-selected, .switch, .arrow-btn, .pSxFsY9Fgcj5f8Gf05mh, .qyKJPLjz8o4jnbk92JOn, .reset, .rdp-button, .btn, .TabItem__StyledTabItem-sc-2ani5y-0, .main-playlistEditDetailsModal-closeBtn, .main-embedWidgetGenerator-closeBtn, .Chip__ChipComponent-sc-ry3uox-0 {border-radius: 6px !important;} .view-homeShortcutsGrid-playButton, .ButtonInner-medium-iconOnly, .button-module__button___hf2qg_marketplace {border-radius: 10px !important;} .ButtonInner-large-iconOnly {border-radius: 12px !important;} .main-globalNav-searchInputContainer, .SFAoASy0S_LZJmYZ3Fh9, .x-searchInput-searchInputInput, .toggle-module__toggle-indicator-wrapper___6Lcp0_marketplace, .x-toggle-indicatorWrapper, .main-topBar-searchBar {border-collapse: separate; border-radius: 6px !important;}",
444444
"preview": "resources/assets/snippets/rounded-buttons.png"
445+
},
446+
{
447+
"title": "Rounded Thicker Bars",
448+
"description": "Makes the progress bar and volume bar thicker and rounded, inspired by Thicker Bars snippet.",
449+
"code": ".x-progressBar-progressBarBg { height: 100% !important; --progress-bar-radius: 10px !important;} .x-progressBar-sliderArea { height: 100% !important; } .x-progressBar-fillColor { height: 100% !important; }",
450+
"preview": "resources/assets/snippets/Rounded-Thicker-Bars.png"
445451
}
446452
]

0 commit comments

Comments
 (0)