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 - -img - -### 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. - -img - -### 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. - -img - -### 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 -spicetify apply -``` - -## Auto-uninstall - -### Windows - -```powershell -Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/spicetify/spicetify-themes/v2/Dribbblish/uninstall.ps1" | Invoke-Expression -``` - -## Manual uninstall - -Remove the dribbblish script with the following commands - -``` -spicetify config extensions dribbblish.js- -``` - -And remove Patch lines you added in config file earlier. Finally, run: - -``` -spicetify apply -``` +# 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 + +img + +### 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. + +img + +### 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. + +img + +### 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 +spicetify apply +``` + +## Auto-uninstall + +### Windows + +```powershell +Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/spicetify/spicetify-themes/v2/Dribbblish/uninstall.ps1" | Invoke-Expression +``` + +## Manual uninstall + +Remove the dribbblish script with the following commands + +``` +spicetify config extensions dribbblish.js- +``` + +And remove Patch lines you added in config file earlier. Finally, run: + +``` +spicetify apply +``` diff --git a/Dribbblish/manifest.json b/Dribbblish/manifest.json index 3b61a5f..de333bf 100644 --- a/Dribbblish/manifest.json +++ b/Dribbblish/manifest.json @@ -1,17 +1,15 @@ { - "name": "Dribbblish", - "description": "Dribbblish", - "preview": "Dribbblish/base.png", - "readme": "Dribbblish/README.md", - "usercss": "Dribbblish/user.css", - "schemes": "Dribbblish/color.ini", - "include": [ - "https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Dribbblish/dribbblish.js" - ], - "authors": [ - { - "name": "khanhas", - "url": "https://github.com/khanhas" - } - ] -} \ No newline at end of file + "name": "Dribbblish", + "description": "Dribbblish", + "preview": "Dribbblish/base.png", + "readme": "Dribbblish/README.md", + "usercss": "Dribbblish/user.css", + "schemes": "Dribbblish/color.ini", + "include": ["https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Dribbblish/dribbblish.js"], + "authors": [ + { + "name": "khanhas", + "url": "https://github.com/khanhas" + } + ] +} diff --git a/Flow/manifest.json b/Flow/manifest.json index 6d3bfc5..cae5a1b 100644 --- a/Flow/manifest.json +++ b/Flow/manifest.json @@ -1,26 +1,26 @@ { - "name": "Flow", - "description": "Spicetify theme that has linear gradient effect and vertical playbar", - "preview": "https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Flow/screenshots/pink.png", - "readme": "Flow/README.md", - "usercss": "Flow/user.css", - "schemes": "Flow/color.ini", - "authors": [ - { - "name": "Ian Liao", - "url": "https://github.com/ian-Liaozy" - }, - { - "name": "Victoria Zhang", - "url": "https://github.com/Ruixi-Zhang" - }, - { - "name": "Yu Sung Lee", - "url": "https://github.com/yslDevelop" - }, - { - "name": "Alex Casieri", - "url": "https://github.com/alexcasieri30" - } - ] -} \ No newline at end of file + "name": "Flow", + "description": "Spicetify theme that has linear gradient effect and vertical playbar", + "preview": "https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Flow/screenshots/pink.png", + "readme": "Flow/README.md", + "usercss": "Flow/user.css", + "schemes": "Flow/color.ini", + "authors": [ + { + "name": "Ian Liao", + "url": "https://github.com/ian-Liaozy" + }, + { + "name": "Victoria Zhang", + "url": "https://github.com/Ruixi-Zhang" + }, + { + "name": "Yu Sung Lee", + "url": "https://github.com/yslDevelop" + }, + { + "name": "Alex Casieri", + "url": "https://github.com/alexcasieri30" + } + ] +} diff --git a/Glaze/manifest.json b/Glaze/manifest.json index 45de579..c78f85d 100644 --- a/Glaze/manifest.json +++ b/Glaze/manifest.json @@ -1,14 +1,14 @@ { - "name": "Glaze", - "description": "Glaze", - "preview": "Glaze/screenshots/dark.png", - "readme": "Glaze/README.md", - "usercss": "https://github.com/CharlieS1103/Glaze-theme/blob/main/user.css", - "schemes": "https://github.com/CharlieS1103/Glaze-theme/blob/main/color.ini", - "authors": [ - { - "name": "CharlieS1103", - "url": "https://github.com/CharlieS1103" - } - ] -} \ No newline at end of file + "name": "Glaze", + "description": "Glaze", + "preview": "Glaze/screenshots/dark.png", + "readme": "Glaze/README.md", + "usercss": "https://github.com/CharlieS1103/Glaze-theme/blob/main/user.css", + "schemes": "https://github.com/CharlieS1103/Glaze-theme/blob/main/color.ini", + "authors": [ + { + "name": "CharlieS1103", + "url": "https://github.com/CharlieS1103" + } + ] +} diff --git a/Onepunch/manifest.json b/Onepunch/manifest.json index 20b3e67..8f204b3 100644 --- a/Onepunch/manifest.json +++ b/Onepunch/manifest.json @@ -1,14 +1,14 @@ { - "name": "Onepunch", - "description": "Onepunch", - "preview": "Onepunch/screenshots/dark_home.png", - "readme": "Onepunch/README.md", - "usercss": "Onepunch/user.css", - "schemes": "Onepunch/color.ini", - "authors": [ - { - "name": "okarin001", - "url": "https://github.com/okarin001" - } - ] -} \ No newline at end of file + "name": "Onepunch", + "description": "Onepunch", + "preview": "Onepunch/screenshots/dark_home.png", + "readme": "Onepunch/README.md", + "usercss": "Onepunch/user.css", + "schemes": "Onepunch/color.ini", + "authors": [ + { + "name": "okarin001", + "url": "https://github.com/okarin001" + } + ] +} diff --git a/README.md b/README.md index cb7d550..de9055e 100644 --- a/README.md +++ b/README.md @@ -2,9 +2,9 @@ This repository holds the official list of all [Spicetify](https://github.com/spicetify/spicetify-cli) themes, a command-line tool to customize Spotify. If a theme is present here, then it will be present in Spicetify Marketplace. -> *Note*: Due to the development of Spicetify Marketplace, a game-changing addition to the Spicetify ecosystem, we are now shifting towards a more open-source friendly approach to theme development. This means that theme creators should now have the freedom to build their themes in a repository owned by them, rather than a repository owned by Spicetify. +> _Note_: Due to the development of Spicetify Marketplace, a game-changing addition to the Spicetify ecosystem, we are now shifting towards a more open-source friendly approach to theme development. This means that theme creators should now have the freedom to build their themes in a repository owned by them, rather than a repository owned by Spicetify. -> *Note*: Although in the past this repository held the whole code for themes, we are now simply holding the list of available themes. Think of it as an index of themes, or a Database *of sorts*. +> _Note_: Although in the past this repository held the whole code for themes, we are now simply holding the list of available themes. Think of it as an index of themes, or a Database _of sorts_. You can add your own theme simply by opening a Pull Request (more info in [CONTRIBUTING.md](./CONTRIBUTING.md)). @@ -12,15 +12,16 @@ You can add your own theme simply by opening a Pull Request (more info in [CONTR ## Notes: -* **These themes require that you have the latest version of Spotify and Spicetify.** -* **To install Dribbblish and Turntable themes, follow the instructions in their READMEs**. -* **Spotify ad-blocked version is not supported.** +- **These themes require that you have the latest version of Spotify and Spicetify.** +- **To install Dribbblish and Turntable themes, follow the instructions in their READMEs**. +- **Spotify ad-blocked version is not supported.** ## Installation and usage (If you use Arch Linux you can find this project on the [AUR](https://aur.archlinux.org/packages/spicetify-themes-git/)) 1. Clone this repository. Make sure [git](https://git-scm.com/) is installed and run: + ```bash git clone https://github.com/spicetify/spicetify-themes.git ``` @@ -76,5 +77,5 @@ If you are unsure about which channel to use, go for Reddit or Discord. ## Useful resources -* [Spicetify theme without free version UI elements (e.g. "Upgrade" button)](https://github.com/Daksh777/SpotifyNoPremium) -* [DribbblishDynamic theme for v2](https://github.com/JulienMaille/dribbblish-dynamic-theme) +- [Spicetify theme without free version UI elements (e.g. "Upgrade" button)](https://github.com/Daksh777/SpotifyNoPremium) +- [DribbblishDynamic theme for v2](https://github.com/JulienMaille/dribbblish-dynamic-theme) diff --git a/Sleek/manifest.json b/Sleek/manifest.json index 192e44f..4eb0c82 100644 --- a/Sleek/manifest.json +++ b/Sleek/manifest.json @@ -1,14 +1,14 @@ { - "name": "Sleek", - "description": "Sleek", - "preview": "Sleek/coral.png", - "readme": "Sleek/README.md", - "usercss": "Sleek/user.css", - "schemes": "Sleek/color.ini", - "authors": [ - { - "name": "harbassan", - "url": "https://github.com/harbassan" - } - ] -} \ No newline at end of file + "name": "Sleek", + "description": "Sleek", + "preview": "Sleek/coral.png", + "readme": "Sleek/README.md", + "usercss": "Sleek/user.css", + "schemes": "Sleek/color.ini", + "authors": [ + { + "name": "harbassan", + "url": "https://github.com/harbassan" + } + ] +} diff --git a/Turntable/manifest.json b/Turntable/manifest.json index 64fcfc4..b710702 100644 --- a/Turntable/manifest.json +++ b/Turntable/manifest.json @@ -1,17 +1,15 @@ { - "name": "Turntable", - "description": "Turntable", - "preview": "Turntable/screenshots/turntable.png", - "readme": "Turntable/README.md", - "usercss": "Turntable/user.css", - "schemes": "Turntable/color.ini", - "include": [ - "https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Turntable/turntable.js" - ], - "authors": [ - { - "name": "Grason Chan", - "url": "https://github.com/grasonchan" - } - ] -} \ No newline at end of file + "name": "Turntable", + "description": "Turntable", + "preview": "Turntable/screenshots/turntable.png", + "readme": "Turntable/README.md", + "usercss": "Turntable/user.css", + "schemes": "Turntable/color.ini", + "include": ["https://raw.githubusercontent.com/spicetify/spicetify-themes/master/Turntable/turntable.js"], + "authors": [ + { + "name": "Grason Chan", + "url": "https://github.com/grasonchan" + } + ] +} diff --git a/Ziro/manifest.json b/Ziro/manifest.json index 5ebfc89..daa05da 100644 --- a/Ziro/manifest.json +++ b/Ziro/manifest.json @@ -1,14 +1,14 @@ { - "name": "Ziro", - "description": "a smooth theme inspired by zorin os", - "preview": "https://raw.githubusercontent.com/schnensch0/ziro/main/preview/mockup.png", - "readme": "Ziro/README.md", - "usercss": "Ziro/user.css", - "schemes": "Ziro/color.ini", - "authors": [ - { - "name": "schnensch0", - "url": "https://github.com/schnensch0" - } - ] -} \ No newline at end of file + "name": "Ziro", + "description": "a smooth theme inspired by zorin os", + "preview": "https://raw.githubusercontent.com/schnensch0/ziro/main/preview/mockup.png", + "readme": "Ziro/README.md", + "usercss": "Ziro/user.css", + "schemes": "Ziro/color.ini", + "authors": [ + { + "name": "schnensch0", + "url": "https://github.com/schnensch0" + } + ] +}