diff --git a/Bloom/README.md b/Bloom/README.md new file mode 100644 index 0000000..47839d0 --- /dev/null +++ b/Bloom/README.md @@ -0,0 +1,22 @@ +# Bloom + +
+ + + +## Screenshots + +![dark-1](screenshots/Dark-1.png) + +### Important + +For the sidebar playlists to show properly, ensure that these two lines are added in the Patch section of your `config-xpui.ini` file: + +```ini +[Patch] +xpui.js_find_8008 = ,(\w+=)32, +xpui.js_repl_8008 = ,${1}56, +``` diff --git a/Bloom/manifest.json b/Bloom/manifest.json new file mode 100644 index 0000000..41994cb --- /dev/null +++ b/Bloom/manifest.json @@ -0,0 +1,17 @@ +{ + "name": "Bloom", + "description": "Spicetify theme inspired by Microsoft's Windows 11 Bloom Experience", + "preview": "Bloom/screenshots/dark.png", + "readme": "Bloom/README.md", + "usercss": "https://github.com/nimsandu/spicetify-bloom/blob/main/user.css", + "schemes": "https://github.com/nimsandu/spicetify-bloom/blob/main/color.ini", + "include": ["https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Bloom/bloom.js"], + "spotify-version": "1.1.88", + "spicetify-version": "2.10.2", + "authors": [ + { + "name": "nimsandu", + "url": "https://github.com/nimsandu" + } + ] +} diff --git a/Bloom/screenshots/dark.png b/Bloom/screenshots/dark.png new file mode 100644 index 0000000..c8a0c32 Binary files /dev/null and b/Bloom/screenshots/dark.png differ diff --git a/BurntSienna/manifest.json b/BurntSienna/manifest.json index b0dc4ae..e4966aa 100644 --- a/BurntSienna/manifest.json +++ b/BurntSienna/manifest.json @@ -1,14 +1,14 @@ { - "name": "BurntSienna", - "description": "BurntSienna", - "preview": "BurntSienna/screenshot.png", - "readme": "BurntSienna/README.md", - "usercss": "BurntSienna/user.css", - "schemes": "BurntSienna/color.ini", - "authors": [ - { - "name": "pjaspinski", - "url": "https://github.com/pjaspinski" - } - ] -} \ No newline at end of file + "name": "BurntSienna", + "description": "BurntSienna", + "preview": "BurntSienna/screenshot.png", + "readme": "BurntSienna/README.md", + "usercss": "BurntSienna/user.css", + "schemes": "BurntSienna/color.ini", + "authors": [ + { + "name": "pjaspinski", + "url": "https://github.com/pjaspinski" + } + ] +} diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md index 35b5167..88c4db8 100644 --- a/CODE_OF_CONDUCT.md +++ b/CODE_OF_CONDUCT.md @@ -17,23 +17,23 @@ diverse, inclusive, and healthy community. Examples of behavior that contributes to a positive environment for our community include: -* Demonstrating empathy and kindness toward other people -* Being respectful of differing opinions, viewpoints, and experiences -* Giving and gracefully accepting constructive feedback -* Accepting responsibility and apologizing to those affected by our mistakes, +- Demonstrating empathy and kindness toward other people +- Being respectful of differing opinions, viewpoints, and experiences +- Giving and gracefully accepting constructive feedback +- Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience -* Focusing on what is best not just for us as individuals, but for the overall +- Focusing on what is best not just for us as individuals, but for the overall community Examples of unacceptable behavior include: -* The use of sexualized language or imagery, and sexual attention or advances of +- The use of sexualized language or imagery, and sexual attention or advances of any kind -* Trolling, insulting or derogatory comments, and personal or political attacks -* Public or private harassment -* Publishing others' private information, such as a physical or email address, +- Trolling, insulting or derogatory comments, and personal or political attacks +- Public or private harassment +- Publishing others' private information, such as a physical or email address, without their explicit permission -* Other conduct which could reasonably be considered inappropriate in a +- Other conduct which could reasonably be considered inappropriate in a professional setting ## Enforcement Responsibilities @@ -119,14 +119,14 @@ version 2.1, available at [https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1]. Community Impact Guidelines were inspired by -[Mozilla's code of conduct enforcement ladder][Mozilla CoC]. +[Mozilla's code of conduct enforcement ladder][mozilla coc]. For answers to common questions about this code of conduct, see the FAQ at -[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at +[https://www.contributor-covenant.org/faq][faq]. Translations are available at [https://www.contributor-covenant.org/translations][translations]. [homepage]: https://www.contributor-covenant.org [v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html -[Mozilla CoC]: https://github.com/mozilla/diversity -[FAQ]: https://www.contributor-covenant.org/faq +[mozilla coc]: https://github.com/mozilla/diversity +[faq]: https://www.contributor-covenant.org/faq [translations]: https://www.contributor-covenant.org/translations diff --git a/Default/manifest.json b/Default/manifest.json index 612b6a4..5a252d8 100644 --- a/Default/manifest.json +++ b/Default/manifest.json @@ -1,14 +1,14 @@ { - "name": "Default", - "description": "Default", - "preview": "Default/ocean.png", - "readme": "Default/README.md", - "usercss": "Default/user.css", - "schemes": "Default/color.ini", - "authors": [ - { - "name": "Blacksuan19", - "url": "https://github.com/Blacksuan19" - } - ] -} \ No newline at end of file + "name": "Default", + "description": "Default", + "preview": "Default/ocean.png", + "readme": "Default/README.md", + "usercss": "Default/user.css", + "schemes": "Default/color.ini", + "authors": [ + { + "name": "Blacksuan19", + "url": "https://github.com/Blacksuan19" + } + ] +} diff --git a/Dreary/color.ini b/Dreary/color.ini deleted file mode 100644 index f7b4094..0000000 --- a/Dreary/color.ini +++ /dev/null @@ -1,154 +0,0 @@ -[Psycho] -; Red on dark grey background -text = e00000 -subtext = ffffff -button-text = ffffff -main = 101010 -sidebar = 171717 -player = 171717 -subbutton-text = 101010 -card = 171717 -shadow = 6d1414 -selected-row = 330d0d -sub-button = a20606 -button = e00000 -button-active = e00000 -button-disabled = 404040 -tab-active = 171717 -notification = 5e0000 -notification-error = 5e0000 -playback-bar = ff4700 -misc = adadad - -[Deeper] -; Light blue on Dark Background -text = 4f9a87 -subtext = 406560 -button-text = 4f9a87 -main = 040614 -sidebar = 0F111A -player = 0F111A -subbutton-text = 040614 -card = 0f1118 -shadow = 406560 -selected-row = 040614 -sub-button = 4f9a87 -button = 0d3a2e -button-active = 106165 -button-disabled = 0C1C19 -tab-active = 0a1527 -notification = 051024 -notification-error = 051024 -playback-bar = 4f9a87 -misc = 406560 - -[BIB] -; Green on dark grey background -text = 8bc34a -subtext = b4b4b4 -button-text = 202020 -main = 202020 -sidebar = 202020 -player = 242424 -subbutton-text = 202020 -card = 242424 -shadow = 000000 -selected-row = 2a3c17 -sub-button = 6a913d -button = 537b25 -button-active = 98da4b -button-disabled = 353535 -tab-active = 303030 -notification = 242424 -notification-error = 242424 -playback-bar = 8bc34a -misc = 8bc34a - -[Mono] -;Grays, Blacks, Whites, You get the gist. -text = FFFFFF -subtext = d3d3d3 -button-text = FFFFFF -main = 000000 -sidebar = 5d5e60 -subbutton-text = d3d3d3 -player = 181818 -card = 5d5e60 -selected-row = 2D2A32 -shadow = FFFFFF -sub-button = d3d3d3 -button = d3d3d3 -button-active = d3d3d3 -button-disabled = 181818 -tab-active = d3d3d3 -notification = 181818 -notification-error = b5cbb7 -playback-bar = d3d3d3 -misc = d3d3d3 - -[Golden] -;Gold -text = FFE002 -subtext = B28228 -button-text = FFE002 -main = 1C1C1C -sidebar = 3B3B3B -subbutton-text = 3B3B3B -player = 1C1C1C -card = 3B3B3B -selected-row = 1c1c1c -shadow = FFE002 -sub-button = B28228 -button = B28228 -button-active = B28228 -button-disabled = FFB606 -tab-active = B28228 -notification = FFB606 -notification-error = b5cbb7 -playback-bar = B28228 -misc = B28228 - - -[Graytone-Blue] -; Gray colors with blue highlights -text = 4f9a87 -subtext = 406560 -button-text = 4f9a87 -main = 111115 -sidebar = 1e2027 -subbutton-text = 040614 -player = 1a1b1d -card = 0f1118 -selected-row = 040614 -shadow = 406560 -sub-button = 4f9a87 -button = 0d3a2e -button-active = 106165 -button-disabled = 0C1C19 -tab-active = 0a1527 -notification = 051024 -notification-error = 051024 -playback-bar = 4f9a87 -misc = 406560 - -; Description - -; text = main text, playlist names in main field, name of playlist selected in sidebar, headings -; subtext = text in main buttons in sidebar, playlist names in sidebar, artist names, and mini infos -; button-text = text in main buttons in sidebar when active -; main = main field or main bg -; sidebar = sidebar bg -; subbutton-text = text of buttons that use the text color or subtext color as a background -; player = player bg -; card = card bg -; shadow = bg of buttons like account, pop-up lyrics, full app display in main field -; selected-row = color of the song selected -; sub-button = caption and details of playlist, download and options button -; button = playlist buttons bg in sidebar, drop-down menus, now playing song, like button -; button-active = hover on song selected -; button-disabled = seekbar bg, volume bar bg, scrollbar -; tab-active = button bg in main field (playlists, podcasts, artists, albums) -; notification = notification ('Added to liked songs' etc.) -; notification-error = error -; playback-bar = seekbar fg, main play/pause button bg -; misc = miscellaneous diff --git a/Dreary/manifest.json b/Dreary/manifest.json index 82c7750..4328f1a 100644 --- a/Dreary/manifest.json +++ b/Dreary/manifest.json @@ -1,17 +1,15 @@ { - "name": "Dreary", - "description": "Keep things boxed in and nice looking", - "preview": "Dreary/deeper.png", - "readme": "Dreary/README.md", - "usercss": "Dreary/user.css", - "schemes": "Dreary/color.ini", - "authors": [ - { - "name": "CharlieS1103", - "url": "https://github.com/CharlieS1103" - } - ], - "tags": [ - "dark" - ] + "name": "Dreary", + "description": "Keep things boxed in and nice looking", + "preview": "Dreary/screenshots/deeper.png", + "readme": "Dreary/README.md", + "usercss": "https://github.com/CharlieS1103/Dreary/blob/main/Dreary/user.css", + "schemes": "https://github.com/CharlieS1103/Dreary/blob/main/Dreary/color.ini", + "authors": [ + { + "name": "CharlieS1103", + "url": "https://github.com/CharlieS1103" + } + ], + "tags": ["dark"] } diff --git a/Dreary/user.css b/Dreary/user.css deleted file mode 100644 index c183927..0000000 --- a/Dreary/user.css +++ /dev/null @@ -1,611 +0,0 @@ -/* Dreary Theme*/ - -.main-rootlist-rootlistDividerGradient { - display: none; - visibility: hidden !important; -} - -.main-rootlist-rootlistDivider { - background-color: var(--spice-text) !important; -} - -input { - background-color: unset !important; - border-bottom: solid 1px var(--spice-text) !important; - border-radius: 0 !important; - padding: 6px 10px 6px 48px; - color: var(--spice-text) !important; -} - -.x-833-searchInput-searchInputSearchIcon { - color: var(--spice-text) !important; -} - -.main-home-homeHeader, -.x-441-entityHeader-overlay, -.main-actionBarBackground-background, -.main-entityHeader-overlay, -.main-entityHeader-backgroundColor { - background-color: unset !important; - background-image: unset !important; -} - -.main-playlistEditDetailsModal-textElement:focus { - border: 0; -} - -.connect-title, -.connect-header { - display: none; -} - -/* Topbar visibility bug */ - -.main-topBar-topbarContent:not(.main-topBar-topbarContentFadeIn) > * { - opacity: unset !important; -} - -.main-entityHeader-topbarContent:not(.main-entityHeader-topbarContentFadeIn) - > * { - opacity: 0 !important; -} - -/* Remove Topbar background colour */ - -.main-topBar-background { - background-color: unset !important; -} - -.main-topBar-overlay { - background-color: var(--spice-main); -} - -.main-entityHeader-shadow { - box-shadow: 0 04px 20px #21212130; -} - -.main-trackList-playingIcon { - -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='playing-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 24'%3E%3Cdefs%3E%3Cstyle%3E %23playing-icon %7B fill: %2320BC54; %7D @keyframes play %7B 0%25 %7Btransform: scaleY(1);%7D 3.3%25 %7Btransform: scaleY(0.9583);%7D 6.6%25 %7Btransform: scaleY(0.9166);%7D 9.9%25 %7Btransform: scaleY(0.8333);%7D 13.3%25 %7Btransform: scaleY(0.7083);%7D 16.6%25 %7Btransform: scaleY(0.5416);%7D 19.9%25 %7Btransform: scaleY(0.4166);%7D 23.3%25 %7Btransform: scaleY(0.25);%7D 26.6%25 %7Btransform: scaleY(0.1666);%7D 29.9%25 %7Btransform: scaleY(0.125);%7D 33.3%25 %7Btransform: scaleY(0.125);%7D 36.6%25 %7Btransform: scaleY(0.1666);%7D 39.9%25 %7Btransform: scaleY(0.1666);%7D 43.3%25 %7Btransform: scaleY(0.2083);%7D 46.6%25 %7Btransform: scaleY(0.2916);%7D 49.9%25 %7Btransform: scaleY(0.375);%7D 53.3%25 %7Btransform: scaleY(0.5);%7D 56.6%25 %7Btransform: scaleY(0.5833);%7D 59.9%25 %7Btransform: scaleY(0.625);%7D 63.3%25 %7Btransform: scaleY(0.6666);%7D 66.6%25 %7Btransform: scaleY(0.6666);%7D 69.9%25 %7Btransform: scaleY(0.6666);%7D 73.3%25 %7Btransform: scaleY(0.6666);%7D 76.6%25 %7Btransform: scaleY(0.7083);%7D 79.9%25 %7Btransform: scaleY(0.75);%7D 83.3%25 %7Btransform: scaleY(0.8333);%7D 86.6%25 %7Btransform: scaleY(0.875);%7D 89.9%25 %7Btransform: scaleY(0.9166);%7D 93.3%25 %7Btransform: scaleY(0.9583);%7D 96.6%25 %7Btransform: scaleY(1);%7D %7D %23bar1 %7B transform-origin: bottom; animation: play 0.9s -0.51s infinite; %7D %23bar2 %7B transform-origin: bottom; animation: play 0.9s infinite; %7D %23bar3 %7B transform-origin: bottom; animation: play 0.9s -0.15s infinite; %7D %23bar4 %7B transform-origin: bottom; animation: play 0.9s -0.75s infinite; %7D %3C/style%3E%3C/defs%3E%3Ctitle%3Eplaying-icon%3C/title%3E%3Crect id='bar1' class='cls-1' width='4' height='24'/%3E%3Crect id='bar2' class='cls-1' x='6' width='4' height='24'/%3E%3Crect id='bar3' class='cls-1' x='12' width='4' height='24'/%3E%3Crect id='bar4' class='cls-1' x='18' width='4' height='24'/%3E%3C/svg%3E"); - background: var(--spice-text); - content-visibility: hidden; -} - -span.artist-artistVerifiedBadge-badge svg:nth-child(1) { - fill: black; -} - -/* Hide Banner Ads */ - -.main-leaderboardComponent-container { - display: none; -} - -.desktoproutes-homepage-takeover-ad-hptoComponent-parentContainer, -.desktoproutes-homepage-takeover-ad-hptoComponent-container { - display: none !important; -} - -/* Hide Upgrade Button */ - -.main-topBar-UpgradeButton { - display: none; -} - -[aria-label="Playing"] { - color: var(--spice-text); -} - -/* Fix design fault */ - -@media (min-width: 1024px) { - .main-trackList-trackListHeader { - border-bottom: solid 1px; - margin: 10px; - } -} - -.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader { - background: var(--spice-main); - border: 0; -} - -.main-trackList-trackListHeaderStuck .main-trackList-trackListHeaderRow { - border-bottom: 1px solid rgba(var(--spice-rgb-button-disabled), 0.8); -} - -/* Changing Playback Bar Location */ - -.progress-bar__bg, -.progress-bar__fg_wrapper { - border-radius: 0; - z-index: 1; -} - -.playback-bar__progress-time { - display: none; -} - -.playback-bar { - width: 100%; - bottom: 83px; - position: absolute; - left: -1px; - z-index: 1; -} - -.main-playbackBarRemainingTime-container { - position: absolute; - left: 49.68%; - top: 60%; - border: solid 1px; - border-radius: 20px; - z-index: 5; - color: var(--spice-subtext) !important; - padding-left: 5px; -} - -.player-controls__buttons { - transform: translateY(6px); -} - -.main-playPauseButton-button { - background-color: var(--spice-main); - box-shadow: var(--spice-shadow) 0 5px 9px 0px; - --button-size: 50px !important; - color: var(--spice-text); - background-color: var(--spice-player) !important; - cursor: pointer; -} - -.player-controls__buttons { - align-items: center; - position: relative; - left: 2.3%; -} - -.main-entityTitle-subtitle.main-entityTitle-small.main-entityTitle-uppercase.main-entityTitle-bold { - border: 2px var(--spice-text) solid; - border-radius: 4px; - width: fit-content; - display: inline; - text-align: center; - padding: 0 5px; -} - -.os-theme-spotify.os-host-transition - > .os-scrollbar-vertical - > .os-scrollbar-track - > .os-scrollbar-handle { - border-radius: 4px; - background-color: var(--spice-text); -} - -/* Hide Profile Options in Nav Bar */ - -.main-userWidget-notificationIndicator { - display: none; -} - -.main-avatar-userIcon { - color: white; -} - -.main-userWidget-box { - background-color: var(--spice-sidebar); - text-decoration-line: underline; -} - -/* Improve Sidebar Buttons */ - -.main-likedSongsButton-likedSongsIcon { - background: var(--spice-text); -} - -.main-likedSongsButton-likedSongsIcon { - color: var(--spice-sidebar); -} - -.main-trackList-trackListHeaderRow { - border-bottom: 1px solid rgba(var(--spice-rgb-button-disabled), 0.8); -} - -.main-trackList-trackListHeaderStuck .main-trackList-trackListHeaderRow { - border-bottom: 1px solid rgba(var(--spice-rgb-button-disabled), 0.8); -} - -.main-trackList-trackListRow.main-trackList-selected, -.main-trackList-trackListRow.main-trackList-selected:hover { - background-color: rgba(var(--spice-rgb-selected-row), 0.8) !important; -} - -.main-trackList-trackListRow:focus-within, -.main-trackList-trackListRow:hover { - background-color: rgba(var(--spice-rgb-selected-row), 0.4); -} - -.main-duplicateTracksDialog-container { - background-color: var(--spice-card); - color: var(--spice-subtext); -} - -.main-duplicateTracksDialog-secondaryButton { - color: var(--spice-text); -} - -._9eb5acf729a98d62135ca21777fef244-scss { - color: var(--spice-card); -} - -.x-sortBox-sortDropdown, -.x-filterBox-expandButton { - color: var(--spice-text) !important; -} - -/* Main Play Button Change */ - -.main-playButton-PlayButton.main-playButton-primary { - color: var(--spice-main); - background-color: var(--spice-playback-bar); - cursor: pointer !important; -} - -.main-entityHeader-metaDataText.main-type-mesto:nth-child(2) { - display: none; -} - -.main-entityHeader-image { - border-radius: 10%; -} - -.x-downloadButton-button { - background: var(--spice-player); - border-radius: 50%; -} - -/* Link playback-bar color */ - -.playback-bar .progress-bar__fg { - background-color: var(--spice-playback-bar); -} - -:not(.no-focus-outline) .progress-bar:focus-within .progress-bar__fg { - background-color: var(--spice-playback-bar); -} - -.main-navBar-navBarLinkActive { - background-color: var(--spice-main); -} - -.main-navBar-navBarLinkActive, -.main-navBar-navBarLinkActive:focus, -.main-navBar-navBarLinkActive:hover, -.logo { - color: var(--spice-text) !important; - background-color: var(--spice-selected-row); -} - -.progress-bar__slider { - opacity: 1 !important; - background-color: var(--spice-sidebar) !important; - height: 16px !important; - border: solid 2px var(--spice-subtext) !important; - width: 16px !important; - display: unset !important; -} - -a.x-categoryCard-CategoryCard, -a.x-heroCategoryCard-HeroCategoryCard { - color: var(--spice-subtext); -} - -.main-heroCard-card a, -.collection-collectionEntityHeroCard-descriptionContainer { - color: var(--spice-subtext) !important; -} - -.main-buddyFeed-activityMetadata .main-buddyFeed-artistAndTrackName a, -.main-buddyFeed-activityMetadata .main-buddyFeed-username a, -.main-buddyFeed-activityMetadata .main-buddyFeed-playbackContextLink, -p.main-buddyFeed-timestamp.main-type-finale, -.main-buddyFeed-findFriendsButton .main-buddyFeed-findFriendsIcon { - color: var(--spice-subtext); -} - -/* Recolor sub-buttons */ - -.main-moreButton-button { - color: var(--spice-sub-button); -} - -.x-downloadButton-button { - color: var(--spice-sub-button) !important; -} - -.x-downloadButton-button:hover { - color: var(--spice-text) !important; -} - -.main-addButton-button { - color: var(--spice-sub-button); -} - -.main-entityHeader-metaDataText { - color: var(--spice-sub-button); -} - -.main-duration-container { - color: var(--spice-sub-button); -} - -.main-tag-container { - background-color: var(--spice-sub-button); -} - -.x-sortBox-sortDropdown { - background-color: var(--spice-selected-row) !important; -} - -.x-filterBox-searchIconContainer { - color: var(--spice-sub-button) !important; -} - -.x-filterBox-expandButton:focus, -.x-filterBox-expandButton:hover { - background-color: var(--spice-selected-row) !important; -} - -.main-contextMenu-menuItemButton:not(.main-contextMenu-disabled):focus, -.main-contextMenu-menuItemButton:not(.main-contextMenu-disabled):hover { - background-color: var(--spice-selected-row) !important; -} - -.view-homeShortcutsGrid-shortcut { - background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important; -} - -.view-homeShortcutsGrid-shortcut:focus-within, -.view-homeShortcutsGrid-shortcut:hover, -.view-homeShortcutsGrid-shortcut[data-context-menu-open="true"] { - background-color: var(--spice-selected-row) !important; -} - -.main-rootlist-textWrapper.main-type-viola { - cursor: pointer !important; -} - -.main-navBar-navBar { - border-right: 2px solid var(--spice-misc); -} - -.cMigZB * { - color: var(--spice-misc) !important; -} - -.main-trackInfo-name a { - color: var(--spice-misc) !important; -} - -.main-trackInfo-artists a:link { - color: var(--spice-misc) !important; -} - -[class*=" spoticon-"]:before { - color: var(--spice-misc) !important; -} - -.main-connectToFacebook-headerTitle { - color: var(--spice-misc) !important; -} - -.main-repeatButton-button, -.main-skipForwardButton-button, -.main-skipBackButton-button, -.main-shuffleButton-button { - cursor: pointer !important; -} - -#spicetify-playlist-list { - display: inline; - height: 10%; - align-items: center; - box-sizing: border-box; - position: relative; - left: -40px; - top: 50px; - overflow: hidden; - overflow-y: scroll; -} - -#spicetify-playlist-list > div > div:nth-child(2) > li { - margin: 4px 3.2vw; - width: 84%; - flex-shrink: 0; - padding-top: 10%; - padding-bottom: 10%; - box-sizing: border-box; - position: relative; - margin-bottom: -1px; - border-radius: 10px; - border: 2px solid var(--spice-text); - display: flex; - text-align: center; - flex-direction: column; - transition: all 500ms; -} - -#spicetify-playlist-list > div > div:nth-child(2) > li:hover { - border-color: var(--spice-button); -} - -.main-connectToFacebook-text, -.main-connectToFacebook-disclaimer { - color: unset !important; -} - -.main-type-mesto { - color: var(--spice-button); -} - -.main-rootlist-rootlistItemLink.main-rootlist-rootlistItemLinkActive, -.main-rootlist-rootlistItemLink { - transition: 500ms; -} - -.main-rootlist-rootlistItemLink.main-rootlist-rootlistItemLinkActive, -.main-rootlist-rootlistItemLink:focus { - color: var(--spice-text); -} - -.view-homeShortcutsGrid-shortcut { - background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important; - border: solid 3px var(--spice-text); - border-radius: 10px; - padding-bottom: 80.7px; - transition: 500ms; -} - -.main-card-card .main-card-cardLink { - border: solid 3px; - transition: 500ms; - border-radius: 27px; -} - -.main-card-card { - border-radius: 27px !important; -} - -.view-homeShortcutsGrid-shortcut:hover, -.main-card-card .main-card-cardLink:hover { - border-color: var(--spice-button); -} - -.main-createPlaylistButton-button, -.main-collectionLinkButton-collectionLinkButton { - padding-left: 16px !important; - padding-top: 8px; -} - -.main-trackCreditsModal-closeBtn { - color: var(--spice-button-disabled) !important; -} - -.main-contextMenu-menu { - max-height: 400px; - opacity: 0.9676; -} -.main-trackList-trackList { - border-radius: 30px; - background-color: var(--spice-player); - border: 1px solid; -} -.main-buddyFeed-friendsFeedContainer { - border-left: solid 2px var(--spice-text); -} -.main-yourEpisodesButton-yourEpisodesIcon { - background: var(--spice-text); -} -.main-yourEpisodesButton-yourEpisodesIcon path { - fill: var(--spice-player); - opacity: 0.7; -} -.main-navBar-entryPoints > div:first-of-type { - margin-top: 20px; -} -.cMigZB { - cursor: pointer; -} -.control-button { - color: var(--spice-misc); -} -.main-buddyFeed-buddyFeed { - -webkit-box-shadow: none; - box-shadow: none; -} -.main-buddyFeed-friendActivity { - border-bottom: solid 1px; -} -.collection-collectionEntityHeroCard-likedSongs { - background: linear-gradient( - 149.46deg, - var(--spice-sidebar), - var(--spice-main) 99.16% - ) !important; -} - -.main-repeatButton-button[disabled] { - color: var(--spice-button); -} -.main-shuffleButton-button[disabled] { - color: var(--spice-button); -} -.progress-bar_bg { - z-index: 20; -} -.main-deletePlaylistDialog-secondaryButton { - color: var(--spice-subbutton-text); -} -.main-connectToFacebook-facebookButton { - color: var(--spice-subbutton-text); -} -.div.GlueDropTarget.personal-library > *.active { - background: var(--spice-selected-row); -} -.main-connectBar-connectBar { - overflow: visible !important; - --triangle-position: 147px !important; - align-items: unset !important; - height: 0px !important; - position: absolute !important; - left: 80% !important; - display: flex !important; - bottom: 2% !important; - padding: unset !important; -} -#spicetify-playlist-list > div { - scroll-behavior: smooth; - overflow-y: scroll; - overflow: hidden; - contain: unset !important; - height: fit-content !important; - padding-bottom: 10px; -} -div.main-cardImage-imageWrapper.main-cardImage-roundedCorners - > div - > div - > svg - > path { - color: blue; - background-color: blue; - fill: var(--spice-sidebar); - opacity: 0.7; -} -div.main-cardImage-imageWrapper.main-cardImage-roundedCorners - > div - > div - > svg - > path { - color: blue; - background-color: blue; - fill: var(--spice-sidebar); - opacity: 0.7; -} -.main-yourEpisodes-coverContainer { - background-color: var(--spice-text); -} -.playback-bar__progress-time-elapsed { - visibility: hidden; - width: 0px; - height: 0px; - padding: 0px; - margin: 0px; - position: absolute; -} -.Root__nav-bar { - min-width: 281px !important; -} -.playback-bar__progress-time-elapsed { - display: none !important; -} -#spicetify-playlist-list > div { - height: 100% !important; -} diff --git a/Dribbblish/README.md b/Dribbblish/README.md index 5d5b482..a9064ef 100644 --- a/Dribbblish/README.md +++ b/Dribbblish/README.md @@ -1,148 +1,148 @@ -# Dribbblish - - - - - -### Base - -![base](screenshots/base.png) - -### White - -![white](screenshots/white.png) - -### Dark - -![dark](screenshots/dark.png) - -### Nord-Light - -![nord-light](screenshots/nord-light.png) - -### Nord-Dark - -![nord-dark](screenshots/nord-dark.png) - -### Beach-Sunset - -![beach-sunset](screenshots/beach-sunset.png) - -### Purple - -![purple](screenshots/purple.png) - -### Samourai - -![samourai](screenshots/samourai.png) - -### Gruvbox - -![gruvbox](screenshots/gruvbox.png) - -## Features - -### Resizable sidebar - - - -### Customizable sidebar - -Rearrange icons positions, stick icons to header or hide unnecessary to save space. -Turn on "Sidebar config" mode in Profile menu and hover on icon to show control buttons. -After you finish customizing, turn off Config mode in Profile menu to save. - - - -### Playlist Folder image - -Right click at folder and choose images for your playlist folder. Every image formats supported by Chrome can be used, but do keep image size small and in compressed format. - - - -### Left/Right expanded cover - -In profile menu, toggle option "Right expanded cover" to change expaned current track cover image to left or right side, whereever you prefer. - -## Auto-install - -Make sure you are using spicetify >= v2.5.0 and Spotify >= v1.1.56. - -### Windows - -```powershell -Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Dribbblish/install.ps1" | Invoke-Expression -``` - -## Manual Install - -Run these commands: - -### Linux and MacOS: - -In **Bash**: - -```bash -cd "$(dirname "$(spicetify -c)")/Themes/Dribbblish" -mkdir -p ../../Extensions -cp dribbblish.js ../../Extensions/. -spicetify config extensions dribbblish.js -spicetify config current_theme Dribbblish color_scheme base -spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 -spicetify apply -``` - -### Windows - -In **Powershell**: - -```powershell -cd "$(spicetify -c | Split-Path)\Themes\Dribbblish" -Copy-Item dribbblish.js ..\..\Extensions -spicetify config extensions dribbblish.js -spicetify config current_theme Dribbblish color_scheme base -spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 -spicetify apply -``` - -From Spotify > v1.1.62, in sidebar, they use an adaptive render mechanic to actively show and hide items on scroll. It helps reducing number of items to render, hence there is significant performance boost if you have a large playlists collection. But the drawbacks is that item height is hard-coded, it messes up user interaction when we explicity change, in CSS, playlist item height bigger than original value. So you need to add these 2 lines in Patch section in config file: - -```ini -[Patch] -xpui.js_find_8008 = ,(\w+=)32, -xpui.js_repl_8008 = ,${1}56, -``` - -## Change Color Schemes - -There are 9 color schemes you can choose: `base`, `white`, `dark`, `dracula`, `nord-dark`, `nord-light`, `beach-sunset`, `samourai`, `purple`. Change scheme with commands: - -``` -spicetify config color_scheme