Skip to content

Commit

Permalink
feat(snippets): add Rounded Thicker Bars
Browse files Browse the repository at this point in the history
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)
  • Loading branch information
Climax12 authored Nov 28, 2024
1 parent f72604b commit b3c3a88
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions resources/snippets.json
Original file line number Diff line number Diff line change
Expand Up @@ -442,5 +442,11 @@
"description": "Add rounded coners to buttons and search bar",
"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;}",
"preview": "resources/assets/snippets/rounded-buttons.png"
},
{
"title": "Rounded Thicker Bars",
"description": "Makes the progress bar and volume bar thicker and rounded, inspired by Thicker Bars snippet.",
"code": ".x-progressBar-progressBarBg { height: 100% !important; --progress-bar-radius: 10px !important;} .x-progressBar-sliderArea { height: 100% !important; } .x-progressBar-fillColor { height: 100% !important; }",
"preview": "resources/assets/snippets/Rounded-Thicker-Bars.png"
}
]

0 comments on commit b3c3a88

Please sign in to comment.