[Spotify] Spotify PC 버전에 스킨을 입혀보자, Spicetify 설치법

※ Spotify가 무슨 프로그램인지, 현재 PC로도 사용중이고 구독중이신 분이라는 가정하에 설명합니다. ※

현재 제 Spotify 스킨이랍니다. 이쁘죠?

Spicetify에 GitHub 주소는 https://github.com/khanhas/spicetify-cli 과 같습니다. 여기서도 설치 및 사용법에 관해 찾으실 수 있어요. 모든 정보가 여기 담겨있으니, 확인해보세요.
우선, 설치하려면 Spotify가 PC에 설치되어야 합니다. 설치하신 후 차근차근 따라오세요.
윈도우 검색창에, Windows Powershell을 실행해주세요. 이를 통해 설치를 진행합니다.

이와 같이 파란 화면이 나오면, 다음과 같이 입력해주세요.

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/khanhas/spicetify-cli/master/install.ps1" | Invoke-Expression

혹시 다운로드에 문제가 생기면, 다음과 같이 입력해주세요.

Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/khanhas/spicetify-cli/master/install_curl.ps1" | Invoke-Expression

그러면 주루루룩 설치가 됩니다. 이때 Spotify가 깜빡거리면서 재실행될 수도 있습니다.
설치가 되면, 혹시 모르니 최신버전으로 업그레이드를 진행해주세요.

spicetify upgrade apply

다음과 같이 입력하면, Spicetify 옵션을 볼 수 있습니다.

spicetify -h

이런식으로 볼 수 있습니다. 우선, 사진에 있는 스킨 테마를 설정해볼게요.

spicetify path

를 입력하여, 테마파일의 위치가 어디에 있는지 먼저 알아야됩니다.
이 중에 color.ini로 끝나는 파일의 경로를 복사하세요.
저같은 경우에는, 다음과 같았습니다.

C:\Users\Admin\spicetify-cli\Themes\SpicetifyDefault\color.ini

그래서, 이 폴더에 들어가기 위해 ... \SpicetifyDefault 까지 복사하여 폴더에 들어갑니다. 그러면 color.ini와, user.css 폴더가 있는데요. 다음 파일들을 메모장으로 열어, 이 내용들을 복사하여 저장해주세요.

; COLOR EXPLANATION; main, sidebar, player = background; card = cards, tracklist, dropdowns, input fields; shadow = text on button, tab active & selected row; selected row = selected song & tab; button-active = play button, outline on focused input; button = all other buttons; button-disabled = volume & seekbar background, scrollbar handle, borders; everything else = self-explanatory [blue-dark]text = bde6fbsubtext = 6d8692main = 1e2529sidebar = 1e2529player = 1e2529card = 171d20shadow = 171d20selected-row = bde6fbbutton = bde6fbbutton-active = bde6fbbutton-disabled = 2a3439tab-active = bde6fbnotification = 171d20notification-error = fb7c7cmisc = 1e2529

color.ini

:root { --border-radius-1: 10px; --border-radius-2: 8px; --border-radius-3: 4px; --scrollbars: unset; --green: #1db954;}/* scrollbars */.os-scrollbar { display: var(--scrollbars);}.os-scrollbar-handle { border-radius: 50px; background: var(--spice-button-disabled) !important;}/* remove shadows */* { box-shadow: none !important;}/* remove gradients */.main-home-homeHeader, .main-actionBarBackground-background { background-image: none;}.main-actionBarBackground-background, .main-home-homeHeader, .main-topBar-background, .main-topBar-overlay, .x-entityHeader-overlay, .x-actionBarBackground-background { background-color: var(--spice-main) !important;}.x-actionBarBackground-background, .x-entityHeader-overlay { background-image: none !important;}.main-entityHeader-backgroundColor { background: var(--spice-main);}/* remove dividers */.main-trackList-trackListHeaderRow, .main-trackCreditsModal-header { border-bottom: none;}.now-playing-bar-container, ._6e96ad0ba78d75ffb2a0156aa1834a21-scss { border-top: none;}.main-rootlist-rootlistDivider, .main-contextMenu-dividerBefore::before, .main-contextMenu-dividerAfter::after, .show-episodeList-divider, .main-rootlist-rootlistDividerContainer { display: none;}/* cards */.main-cardImage-image, .main-cardImage-imageWrapper { border-radius: var(--border-radius-2);}.main-card-card, .x-heroCategoryCard-HeroCategoryCard, .x-categoryCard-CategoryCard, .main-heroCard-card { border-radius: var(--border-radius-1);}.main-card-card { background-color: var(--spice-card);}/* transitions */.main-card-card { transition: background-color 150ms ease;}.link-subtle { transition-duration: 150ms;}/* headers */.main-entityHeader-withBackgroundImage { padding: 0 64px 24px; margin-top: 48px;}.main-entityHeader-title { font-size: unset;}/* menus */.main-contextMenu-menuItemButton, .main-userWidget-dropDownMenuItemButton { border-radius: var(--border-radius-2); color: var(--spice-text); height: 32px; padding-left: 8px;}.main-contextMenu-menuItem, ._60cb742e518d084c3c959007b9463b51-scss > li { margin: 2px 6px;}.main-contextMenu-menuItem:first-child, ._60cb742e518d084c3c959007b9463b51-scss > :first-child { margin: 6px 6px 2px;}.main-contextMenu-menuItem:last-child { margin: 2px 6px 6px;}._60cb742e518d084c3c959007b9463b51-scss > :last-child { margin: 2px 6px 8px;}.main-contextMenu-menu, ._60cb742e518d084c3c959007b9463b51-scss { border-radius: var(--border-radius-1); border: 1px solid var(--spice-button-disabled);}/* buttons */.main-playButton-PlayButton.main-playButton-primary, .main-pageErrorTemplate-errorButton { color: var(--spice-shadow);}.main-skipBackButton-button, .main-skipForwardButton-button, .control-button { color: var(--spice-button);}button.switch { background-color: transparent !important;}#spicetify-home-config button, #spicetify-sidebar-config button { background-color: var(--spice-button) !important; color: var(--spice-shadow) !important; border: none !important;}#spicetify-home-config button { border-radius: var(--border-radius-2) !important;}#spicetify-sidebar-config button { border-radius: var(--border-radius-3) !important;}#spicetify-home-config button:disabled, #spicetify-sidebar-config button:disabled { background-color: var(--spice-button-disabled) !important; color: var(--spice-text) !important;}/* category sidebar */.main-navBar-navBarLink { border-radius: var(--border-radius-2); color: var(--spice-text);}.main-navBar-navBarLink:hover { background-color: rgba(var(--spice-rgb-selected-row),.05);}.main-navBar-navBarLink:active { background-color: rgba(var(--spice-rgb-selected-row),.1);}.main-navBar-navBarLinkActive, .main-navBar-navBarLinkActive:hover, .main-navBar-navBarLinkActive:active, .main-navBar-navBarLinkActive:focus { background-color: var(--spice-selected-row); color: var(--spice-shadow);}/* playlist sidebar */.main-createPlaylistButton-button, ._6b5bc370e9834a4932f57284a96a0748-scss, ._928aa704d6ac22c1e288a4ddbed11a40-scss, .main-collectionLinkButton-icon, .main-collectionLinkButton-collectionLinkText { opacity: 1 !important;}._6b5bc370e9834a4932f57284a96a0748-scss, .main-createPlaylistButton-button, .main-createPlaylistButton-svg, .ac0df040748287f39652cc42e3b762ba-scss, .main-collectionLinkButton-collectionLinkButton { border-radius: var(--border-radius-2) !important;}.main-createPlaylistButton-createPlaylistIcon, .main-likedSongsButton-likedSongsIcon, .main-yourEpisodesButton-yourEpisodesIcon { border-radius: var(--border-radius-3);}.main-rootlist-rootlistItemLink:link, .main-rootlist-rootlistItemLink:visited, .main-rootlist-rootlistPlaylistHeader { color: var(--spice-text);}.ac0df040748287f39652cc42e3b762ba-scss, .main-createPlaylistButton-button, .main-collectionLinkButton-collectionLinkButton { padding: 0 12px !important;}.main-rootlist-rootlistPlaylistsScrollNode, .main-createPlaylistButton-button { margin-top: 24px;}.main-createPlaylistButton-button { width: -webkit-fill-available;}.main-rootlist-rootlistItem { padding-left: calc(8px + var(--indentation)*16px); padding-right: 8px;}.main-rootlist-rootlistItem { height: 32px;}.main-rootlist-rootlistItemLinkActive ~ .main-rootlist-expandArrow:focus, .main-rootlist-rootlistItemLinkActive ~ .main-rootlist-expandArrow:hover, .main-rootlist-rootlistItemLinkActive ~ .main-rootlist-expandArrow { color: var(--spice-shadow);}.main-rootlist-expandArrow { color: var(--spice-text);}.main-rootlist-rootlistItemLink { height: 32px; border-radius: var(--border-radius-2); padding: 0 12px;}.main-rootlist-expandArrow { margin-inline-start: -32px; padding: 8px;}.main-rootlist-statusIcons { margin-inline-start: -24px; position: relative; right: 8px;}.main-rootlist-rootlistItemLink:hover, .main-createPlaylistButton-button:hover, .ac0df040748287f39652cc42e3b762ba-scss:hover, .main-collectionLinkButton-collectionLinkButton:hover { background-color: rgba(var(--spice-rgb-selected-row),.05);}.main-rootlist-rootlistItemLink:active, .main-createPlaylistButton-button:active, .ac0df040748287f39652cc42e3b762ba-scss:active, .main-collectionLinkButton-collectionLinkButton:active { background-color: rgba(var(--spice-rgb-selected-row),.1);}.main-rootlist-rootlistItemLinkActive, .main-rootlist-rootlistItemLinkActive:hover { background-color: var(--spice-selected-row);}.ac0df040748287f39652cc42e3b762ba-scss._926f2bd73c2ddb23fb86b430a2f48707-scss, .main-collectionLinkButton-selected { background: var(--spice-selected-row) !important; color: var(--spice-shadow);}.main-rootlist-rootlistItemLinkActive .main-rootlist-textWrapper, .main-rootlist-rootlistItemLinkActive .main-rootlist-textWrapper:hover, .ac0df040748287f39652cc42e3b762ba-scss._926f2bd73c2ddb23fb86b430a2f48707-scss { color: var(--spice-shadow);}.main-rootlist-statusIcons > button { color: var(--spice-text);}.main-rootlist-rootlistItemLinkActive ~ .main-rootlist-statusIcons > button { color: var(--spice-shadow);}.main-rootlist-rootlistPlaylistHeader { display: none;}/* tracklist */ .main-trackList-indexable .main-virtualScrollList-wrapper, .main-trackList-indexable .main-rootlist-wrapper { background-color: var(--spice-card); border-radius: var(--border-radius-1) var(--border-radius-1) 0 0; padding: 8px;}.main-trackList-indexable { border-bottom: 16px solid var(--spice-card); border-radius: 0 0 var(--border-radius-1) var(--border-radius-1);}.main-trackList-trackListRow { border-radius: var(--border-radius-2);}.main-trackList-trackListRow:hover { background-color: rgba(var(--spice-rgb-selected-row),.05);}.main-trackList-trackListRow:active { background-color: rgba(var(--spice-rgb-selected-row),.1);}.main-trackList-trackListRow.main-trackList-selected, .main-trackList-trackListRow.main-trackList-selected:hover { background-color: var(--spice-selected-row);}.main-trackList-trackListRow.main-trackList-selected .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:hover .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:active .main-tag-container, .main-trackList-trackListRow.main-trackList-selected:focus .main-tag-container { color: var(--spice-selected-row) !important; background-color: var(--spice-shadow);}.main-tag-container, .main-trackList-rowImage { border-radius: var(--border-radius-3);}.main-trackList-trackListRow.main-trackList-selected span, .main-trackList-trackListRow.main-trackList-selected:hover span, .main-trackList-trackListRow.main-trackList-selected:active span, .main-trackList-trackListRow.main-trackList-selected:focus span, .main-trackList-trackListRow.main-trackList-selected a, .main-trackList-trackListRow.main-trackList-selected:hover a, .main-trackList-trackListRow.main-trackList-selected:active a, .main-trackList-trackListRow.main-trackList-selected:focus a, .main-trackList-trackListRow.main-trackList-selected button, .main-trackList-trackListRow.main-trackList-selected:hover button, .main-trackList-trackListRow.main-trackList-selected:active button, .main-trackList-trackListRow.main-trackList-selected:focus button, .main-trackList-trackListRow.main-trackList-selected div, .main-trackList-trackListRow.main-trackList-selected:hover div, .main-trackList-trackListRow.main-trackList-selected:active div, .main-trackList-trackListRow.main-trackList-selected:focus div { color: var(--spice-shadow) !important;}.main-trackList-trackListHeader { margin-bottom: 8px;}._110dbc41d89af63f97cdd8b7cd7fea47-scss { border: 1px solid var(--spice-text);}.main-trackList-trackListRow.main-trackList-selected ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected:hover ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected:active ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected:focus ._110dbc41d89af63f97cdd8b7cd7fea47-scss, .main-trackList-trackListRow.main-trackList-selected .main-button-outlined { border: 1px solid var(--spice-shadow);}.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader { border-bottom: none;}.main-trackList-statusChangeUp { color: var(--green);}/* big thanks to CharlieS and harbassan for providing the svg */.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 24 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;}.main-trackList-selected .main-trackList-playingIcon { background: var(--spice-shadow);}/* headers */.main-entityHeader-image:not(.main-entityHeader-circle) { border-radius: var(--border-radius-1);}.x-sortBox-sortDropdown, .x-filterBox-filterInput, .x-filterBox-expandButton:focus, .x-filterBox-expandButton:hover { border-radius: var(--border-radius-2) !important;}.main-actionBar-ActionBarRow > button:not(:first-child), .x-actionBar-ActionButtonsRow > div > button { color: var(--spice-button);}/* artist page */.artist-artistPick-pinnedImage, .artist-artistOffers-item { border-radius: var(--border-radius-2) !important;}.artist-artistAbout-container, .main-entityHeader-background, .main-entityHeader-background.main-entityHeader-overlay { border-radius: var(--border-radius-1);}.main-entityHeader-background.main-entityHeader-overlay { --bgColor: transparent !important; background: none;}.artist-artistOffers-item:hover { background-color: rgba(var(--spice-rgb-selected-row),.05) !important;}.artist-artistOffers-item:active { background-color: rgba(var(--spice-rgb-selected-row),.1) !important;}.main-entityHeader-background { transform: scale(0.95) !important; margin-top: 48px;}/* podcasts */.show-trailer-container, .show-episodeBlock-episodeBlock, .show-show-episodes > :last-child { border-radius: var(--border-radius-1) !important;}.show-episodeBlock-episodeBlock:hover { background-color: rgba(var(--spice-rgb-selected-row),.05);}.show-episodeBlock-episodeBlock:active { background-color: rgba(var(--spice-rgb-selected-row),.1);}.show-show-episodes > :last-child { padding: 8px 24px;}.show-trailer-container, .show-show-episodes > :last-child { background-color: var(--spice-card) !important;}/* top bar */.main-topBar-button, .main-userWidget-box { background-color: var(--spice-main) !important;}/* tab bars */a[class*='-tabBar-headerItemLink'] { border-radius: var(--border-radius-2) !important;}a[class*='-tabBar-active'] { background-color: rgba(var(--spice-rgb-selected-row),.2) !important;}a[class*='-tabBar-headerItemLink']:hover { background-color: rgba(var(--spice-rgb-selected-row),.05);}a[class*='-tabBar-headerItemLink']:active { background-color: rgba(var(--spice-rgb-selected-row),.1);}/* search */.x-searchInput-searchInputInput { background-color: var(--spice-card); color: var(--spice-text) !important; border-radius: var(--border-radius-2) !important;}.x-searchInput-searchInputSearchIcon, .x-searchInput-searchInputInput::placeholder, .x-searchInput-searchInputClearButton { color: var(--spice-text) !important;}.x-searchResultsTracks-root .main-gridContainer-gridContainer { padding: 8px;}.main-heroCard-card, .x-searchResultsTracks-root .main-gridContainer-gridContainer { background-color: var(--spice-card); border-radius: var(--border-radius-1);}/* error */path[d="M23 0C10.298 0 0 10.297 0 23c0 12.702 10.298 23 23 23 12.703 0 23-10.298 23-23C46 10.297 35.703 0 23 0zm0 44C11.421 44 2 34.579 2 23S11.42 2 23 2c11.579 0 21 9.42 21 21 0 11.579-9.42 21-21 21zm1.872-32.065l-.8 16.192h-2.144l-.832-16.192h3.776zm-3.968 20.768c0-.576.203-1.072.608-1.488a1.979 1.979 0 011.472-.624c.576 0 1.072.208 1.488.624.416.416.624.912.624 1.488s-.208 1.067-.624 1.472a2.056 2.056 0 01-1.488.608 2.006 2.006 0 01-1.472-.608 2.002 2.002 0 01-.608-1.472z"], .spoticon-warning-64::before { color: var(--spice-notification-error);}/* modals */.main-trackCreditsModal-container, .main-aboutRecsModal-container, .main-playlistEditDetailsModal-container, .profile-userEditDetails-container, .artist-artistAbout-modal { background-color: var(--spice-main) !important; border-radius: var(--border-radius-1) !important;}.main-playlistEditDetailsModal-titleInput, .main-playlistEditDetailsModal-descriptionTextarea, .main-playlistEditDetailsModal-titleInput:focus, .main-playlistEditDetailsModal-descriptionTextarea:focus, .playlist-inlineSearchBox-filterInput { background-color: var(--spice-card);}.profile-userEditDetails-nameInput, .profile-userEditDetails-textElement:focus { background: var(--spice-card) !important;}.main-playlistEditDetailsModal-titleInput:focus, .main-playlistEditDetailsModal-descriptionTextarea:focus, .profile-userEditDetails-textElement:focus, .playlist-inlineSearchBox-filterInput:focus { border: 1px solid var(--spice-button-active) !important;}.playlist-inlineSearchBox-filterInput { border: 1px solid var(--spice-card);}.main-playlistEditDetailsModal-titleInput, .main-playlistEditDetailsModal-descriptionTextarea, .profile-userEditDetails-nameInput, .playlist-inlineSearchBox-filterInput { border-radius: var(--border-radius-2) !important;}.profile-userEditDetails-labelText:before { bottom: 8px !important;}.main-playlistEditDetailsModal-titleInput::placeholder, .main-playlistEditDetailsModal-descriptionTextarea::placeholder { color: var(--spice-text);}/* dialogs */.main-deletePlaylistDialog-container, .main-deleteFolderDialog-container { background-color: var(--spice-card); color: var(--spice-text); border-radius: var(--border-radius-1);}.main-deletePlaylistDialog-secondaryButton, .main-deleteFolderDialog-secondaryButton { color: var(--spice-button);}.main-deletePlaylistDialog-buttonContainer>:last-child, .main-deleteFolderDialog-buttonContainer>:last-child { background-color: var(--spice-notification-error);}/* friend activity */.main-buddyFeed-username a { color: var(--spice-text) !important;}.main-buddyFeed-artistAndTrackName a, .main-buddyFeed-activityMetadata, .main-buddyFeed-playbackContextLink { color: var(--spice-subtext) !important;}.main-buddyFeed-friendActivity { background-color: var(--spice-card); border-radius: var(--border-radius-1); margin: 8px; padding: 8px 8px 8px 12px;}.main-buddyFeed-addFriendsContainer { background-color: var(--spice-main);}.main-buddyFeed-buddyFeedRoot, .main-buddyFeed-buddyFeed { width: 280px;}.main-buddyFeed-activityMetadata { max-width: 190px;}/* settings */.main-dropDown-dropDown, option { background-color: var(--spice-card) !important;}.main-dropDown-dropDown { border-radius: var(--border-radius-2) !important;}.x-toggle-indicator { background-color: var(--spice-card) !important;}.x-settings-facebookButton, .main-connectToFacebook-facebookButton { color: var(--spice-shadow);}input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper { background-color: rgba(var(--spice-rgb-subtext),.3) !important;}.x-proxySettings-proxyInput { border-radius: var(--border-radius-2) !important; background-color: var(--spice-card) !important;}.x-proxySettings-proxyInput::placeholder { color: var(--spice-subtext);}.x-proxySettings-proxyInput:focus { border-color: var(--spice-button-active);}/* device menu */._9eb5acf729a98d62135ca21777fef244-scss, .connect-device-button { color: var(--spice-shadow);}.connect-device-list-container { border-radius: var(--border-radius-1); border: 1px solid var(--spice-button-disabled);}.connect-device-list-item { margin: 0 8px; border-radius: var(--border-radius-2); width: -webkit-fill-available;}.connect-device-list-item:last-child { margin: 0 8px 8px;}.connect-device-list-item:focus, .connect-device-list-item:hover { background-color: rgba(var(--spice-rgb-selected-row),0.05);}.connect-header { background-color: var(--spice-shadow); margin: 8px; border-radius: var(--border-radius-1);}/* player */.progress-bar { --fg-color: var(--spice-button-active);}.now-playing-bar .cover-art-image { border-radius: var(--border-radius-2);}.playback-bar__progress-time, .main-playbackBarRemainingTime-container { position: absolute; bottom: -48px; right: 250px; color: var(--spice-text) !important;}.playback-bar__progress-time:first-child { margin-right: 30px;}.playback-bar__progress-time:first-child::after { content: " /";}.progress-bar__slider { opacity: 1; background-color: var(--spice-card); border: 2px solid var(--spice-button)}.playback-bar .progress-bar__slider { width: 20px; height: 20px;}.volume-bar .progress-bar__slider { width: 16px; height: 16px; margin-left: -8px;}.volume-bar { margin-right: 8px;}.main-playPauseButton-button, .player-controls__buttons button:not(.main-playPauseButton-button) { --button-size: 48px !important;}.main-shuffleButton-button.main-shuffleButton-on:after, .main-repeatButton-button.main-repeatButton-on:after { bottom: 4px;}.main-seekBack15sButton-button, .main-seekForward15sButton-button, .main-speedControlsButton-button { width: 48px; min-width: 48px; height: 48px; color: var(--spice-button);}.main-playPauseButton-button svg { height: 24px; width: 24px;}.progress-bar--is-active .progress-bar__slider:focus { background-color: var(--spice-button);}.playback-bar { width: 100%; bottom: 83px; position: absolute;}.now-playing-bar-container>div:first-child:nth-last-child(2) .playback-bar, .main-nowPlayingBar-container>div:first-child:nth-last-child(2) .playback-bar { bottom: 107px;}.playback-bar .progress-bar__bg, .playback-bar .progress-bar__fg_wrapper, .playback-bar .progress-bar__fg { border-radius: 0; height: 6px;}.player-controls__buttons { margin-bottom: 0;}/* ads */.desktoproutes-homepage-takeover-ad-hptoHtml-slot { border-radius: var(--border-radius-1) !important;}.desktoproutes-homepage-takeover-ad-floatingTagOrButton-hideButton:focus, .desktoproutes-homepage-takeover-ad-floatingTagOrButton-hideButton:hover { background-color: var(--spice-button-disabled) !important;}/* fullscreen */.npv-up-next { border-radius: var(--border-radius-1);}.npv-cover-art img { border-radius: calc(var(--border-radius-1)*4);}.npv-up-next__image { border-radius: var(--border-radius-2);}.npv-up-next { border: none !important;}.npv-progress-bar__rail { height: 6px;}

user.css

그러고 난 후, 적용을 해야 되므로 다음과 같이 입력합니다.

spicetify apply

그러면 Spotify 재부팅이 되면서 적용이 될 겁니다!
이건 아주 간단한 것이므로, Github을 참고하여 더 다양하게 활용하시기를 바랄게요😀