diff options
author | Marvin Borner | 2022-05-31 14:17:19 +0200 |
---|---|---|
committer | Marvin Borner | 2022-05-31 14:17:19 +0200 |
commit | b8be82d9113dd0fec9021aa573039cc64dbd849a (patch) | |
tree | 0694d21e5ba03e843dc6f03d1c5b1ed033123875 /.config/spicetify | |
parent | 272cc6e941d798d7270fcf74a98f592ef06e14ac (diff) |
Clean
Diffstat (limited to '.config/spicetify')
-rw-r--r-- | .config/spicetify/Themes/Dark/color.ini | 18 | ||||
-rw-r--r-- | .config/spicetify/Themes/Dark/minimal.css | 688 | ||||
-rw-r--r-- | .config/spicetify/Themes/Dark/user.css | 669 | ||||
-rw-r--r-- | .config/spicetify/config.ini | 36 |
4 files changed, 0 insertions, 1411 deletions
diff --git a/.config/spicetify/Themes/Dark/color.ini b/.config/spicetify/Themes/Dark/color.ini deleted file mode 100644 index c6ded4c..0000000 --- a/.config/spicetify/Themes/Dark/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] - -main_fg = ABB2BF -secondary_fg = ABB2BF -main_bg = 282C34 -sidebar_and_player_bg = 282C34 -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = ABB2BF -pressing_fg = ABB2BF -slider_bg = 3E4451 -sidebar_indicator_and_hover_button_bg = ABB2BF -scrollbar_fg_and_selected_row_bg = 3E4451 -pressing_button_fg = 3E4451 -pressing_button_bg = ABB2BF -selected_button = ABB2BF -miscellaneous_bg = 282C34 -miscellaneous_hover_bg = ABB2BF -preserve_1 = FFFFFF diff --git a/.config/spicetify/Themes/Dark/minimal.css b/.config/spicetify/Themes/Dark/minimal.css deleted file mode 100644 index 263f315..0000000 --- a/.config/spicetify/Themes/Dark/minimal.css +++ /dev/null @@ -1,688 +0,0 @@ -:root { - --bar-height: 120px; -} - -/*Round corner cover image*/ -.card-image, -.card-placeholder-wrapper, -.card-image-content-wrapper, -.Card:not(.Card--artist) .Card__image, -.Card:not(.Card--artist) .Card__image-wrapper { - border-radius: 10px !important; - overflow: hidden !important -} - -/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/ -.sidebar, -.profile.content-top-bar__profile-link, -.upgrade-button, -.view-leaderboard-ad, -.tl-explicit, -.view-player .remote-playback-bar, -.LeftSidebarNewPlaylistButton__button { - display: none !important; -} - - -/*Exclude these elements from draggable property because it stops them from clickable*/ -.profile-items-container, -.profile { - -webkit-app-region: no-drag !important; -} - -/*Thinner scrollbar*/ -::-webkit-scrollbar { - display: none !important; - height: 0px !important; - width: 0px !important; -} - -/*Round corner scrollbar*/ -::-webkit-scrollbar-thumb { - border-radius: 3px !important; -} - -/*Hide top and bottom buttons of scrollbar */ -/*who uses those, lol*/ -::-webkit-scrollbar-button { - display: none !important; -} - -/*Hide cover image overlay*/ -.card-overlay { - visibility: hidden !important; -} - -/*Lift up cover when hovering on it*/ -.card-image-content-wrapper, -.Card:not(.Card--artist) .Card__image-wrapper { - transition-property: transform, box-shadow !important; - transition-duration: 1s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; - box-shadow: 0 5px 20px rgba(0,0,0,0.1); -} - -.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper, -.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper { - transform: translateY(-10px); - box-shadow: 0 15px 30px rgba(0,0,0,0.3); -} - -.card-image-hit-area .card-button-add, -.card-image-hit-area .card-button-play, -.card-image-hit-area .card-button-more, -.Card__image-hit-area .card-button-add, -.Card__image-hit-area .card-button-play, -.Card__image-hit-area .card-button-more, -.Card__image-hit-area .Card__play-button, -.Card__image-hit-area .Card__add-button, -.Card__image-hit-area .Card__more-button, -.Card__image-hit-area .Card__overlay { - transition-property: all !important; - transition-duration: 1s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; - opacity: 0 !important; -} -.card-image-hit-area:not(.no-hover):hover .card-button-add, -.card-image-hit-area:not(.no-hover):hover .card-button-play, -.card-image-hit-area:not(.no-hover):hover .card-button-more, -.Card__image-hit-area:not(.no-hover):hover .card-button-add, -.Card__image-hit-area:not(.no-hover):hover .card-button-play, -.Card__image-hit-area:not(.no-hover):hover .card-button-more { - opacity: 1 !important; - transform: translateY(-10px); -} - -.Card__image-hit-area:hover .Card__play-button, -.Card__image-hit-area:hover .Card__add-button, -.Card__image-hit-area:hover .Card__more-button, -.Card__image-hit-area:hover .Card__overlay { - opacity: 1 !important; -} - -.glue-page-header__content .glue-page-header__image-inner { - border-radius: 10px; - box-shadow: unset !important; -} - -.glue-page-header__full-description-overlay { - box-shadow: unset !important; -} - -.card-placeholder-wrapper { - background: transparent !important; -} - -/*Spice up search input background*/ -.SearchInput { - color: var(--modspotify_main_fg); -} -.SearchInput__input { - color: var(--modspotify_secondary_fg); - background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important; - border-radius: 4px !important; - padding-left: 34px; -} - -.sidebar:hover .sidebar-navbar.sidebar-scroll-element { - opacity: 1!important; -} - -/* .sidebar { */ -/* width: 0px !important; */ -/* min-width: 0px !important; */ -/* max-width: 0px !important; */ -/* transition-duration: .0s !important; */ -/* transition-timing-function: cubic-bezier(.3,0,0,1) !important; */ -/* opacity: 0; */ -/* } */ - -.view-player .player-controls-container, -.view-player .player-controls-container .controls { - overflow: visible !important; -} - -.view-player .player-controls-container .controls .button-play{ - height:50px !important; - border-radius:50px !important; - background: transparent !important; - box-shadow:0 0 0 0 !important; - width:50px !important; - overflow: visible !important; - box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important; - transition:none 0.3s cubic-bezier(.3,0,.7,1); -} - -.view-player .player-controls-container .controls .button-play:before{ - font-size:18px !important; - padding-left: 16px !important; - padding-top: 9px !important; -} - -.view-player .player-controls-container .controls .button-play:after { - box-shadow: unset !important; -} - -.view-player .player-controls-container { - position: absolute !important; - width: 100% !important; -} - -.view-player .player-controls-container .controls { - width: 100% !important; - height: 100% !important; - align-items: center !important; - margin-top : 0px !important; -} - -/* -Hide the song duration and elapsed text. I dont know where to put those so I just hide them -*/ -.view-player .player-controls-container .progress-container .elapsed, -.view-player .player-controls-container .progress-container .remaining { - display: none !important; -} - -/* Add round corner for Gerne and Mood cards */ -.gc-image-container, -.gc-image { - border-radius: 10px !important; -} - -/* -Collage of 3 album covers is usually seen in Browse and Chart. -*/ -.card-puff__image-wrapper, -.card-puff__info-container, -.card-puff__card-image { - border-radius: 10px !important; -} - -.card-puff__image-wrapper { - overflow: visible; -} - -.card-puff__card-image { - box-shadow: 5px 0 30px rgba(0,0,0,0.7); - overflow: visible; -} - -.card-puff__title-container { - background-color: transparent !important; -} - -.card-puff.pressed .card-puff__image-wrapper, -.card-puff.pressed .card-puff__info-container { - opacity: 0.7 !important; -} - -.card-puff__title { - padding: 5px 10px 5px 10px !important; - background-color: var(--modspotify_main_bg) !important; - border-radius: 4px; - border: 2px solid var(--modspotify_main_fg); -} - -/* -We use round corner on cover so they look weird in original -form, so I move last cover to the right 20px and first one to the left 20px -*/ -.card-puff__card-image:nth-child(1) { - right: 20px; - box-shadow: 0 0 0 0 !important; -} - -.card-puff__card-image:nth-child(3) { - left: 20px; -} - -.grid-overlay-label { - top: 140px !important; -} - -/**/ -.glue-page-header__background-color { - background-image: none !important; - background: var(--modspotify_main_bg); -} - -/* .glue-page-header__sticky { - padding-top: 60px !important; -} */ - -/* -Remove those title, cringy description and -meaningless followers number -*/ - -.carousel .card-info-subtitle-description, -.carousel .card-info-subtitle-metadata, -.carousel .card:not(.card-type-station).card-info-title, -.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description, -.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata { - display: none !important; -} - - -/* -In top of Browse usually has bunch of Playlist or Album cards, -and they has .carousel as a wrapper and it hides anything that -overflows from its zone, aka our shadow and lifting animation. -*/ -.carousel { - overflow: visible !important; -} - -/* -Button with text Play -*/ -.button.button-green, -.GlueButton.GlueButton--style-green { - color: var(--modspotify_main_bg) !important; -} - -/* -Change text color in playlist -*/ -.tl-explicit .label, -.tl-premium .label, -.tl-cell:not(.tl-number), -.tl-cell a:link, -.tl-highlight { - color: var(--modspotify_secondary_fg); -} - -.card-type-album .card-info-title, -.card-type-track .card-info-title, -.card-type-collection-album .card-info-title, -.card-type-episode .card-info-title { - font-size: 15px; - font-weight: 900 !important; - text-align: center !important; - width: 100% !important; -} - -.card-type-album .card-info-subtitle-links, -.card-type-track .card-info-subtitle-links, -.card-type-collection-album .card-info-subtitle-links, -.card-type-episode .card-info-subtitle-links { - text-align: center !important; - width: 100% !important; -} - -.tracklist-station-container::after { - background: transparent !important; -} - -.GlueHeader__background-overlay { - background: var(--modspotify_main_bg) !important; -} - -/* Move navigation buttons and search field to the right and down */ -.browser-navigation-top-bar { - margin-left: 0px !important; - margin-top: 15px !important; -} - -.SearchInput__input, -.SearchInput__searchIcon, -.SearchInput__clearButton { - margin-top: 15px !important; -} - -.content-top-bar__profile-menu-button { - margin-top: 15px !important; -} - -.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile { - margin-right: 110px !important; - margin-top: -5px; -} - -/* Spice up Fullscreen mode */ -/* #view-player .album-art .album-art__image { */ -/* border-radius: 30px !important; */ -/* box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important; */ -/* } */ - -#view-player .album-art .album-art__image .card-image-content-wrapper, -#view-player .album-art .album-art__image .card-image-content-wrapper .card-image { - border-radius: 30px !important; -} - -#video-player .album-art__foreground { - flex-direction: row; - text-align: left; -} - -#video-player .album-art__background { - background-color: initial; -} - -#video-player .album-art__track-details { - padding-left: 50px; - line-height: initial; -} - -#video-player .album-art__track-title { - font-size: 84px; - margin-top: 0; - line-height: initial; -} - -#video-player .album-art__artist-name { - font-size: 54px; - margin-top: 0; - line-height: initial; -} - -/* Daily mixes */ -.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata { - height: 50px !important; -} - -/* Remove section divider */ -.section-divider { - border-bottom: 0 !important; -} - -/* Adjust Position of border active tab in Nav bar at top -and add little glowing effect -*/ -.nav.navbar-nav { - overflow: hidden !important; -} - -.nav.navbar-nav a { - overflow: visible !important; -} - -.nav.navbar-nav a::after { - bottom: 0px !important; - width: 100% !important; -} - -.nav.navbar-nav .active a::after{ - box-shadow: 0 0px 20px !important; -} - -.nav.navbar-nav a:focus:not(.button):active::after{ - background-color: var(--modspotify_pressing_fg) !important; -} - -/* Notification bar */ -#content-wrapper #view-message-bar { - position: absolute !important; - width: calc(100% - 160px) !important; - margin-left: 80px !important; - border-radius: 0 0 10px 10px !important; -} - -/* Small cover Big cover mechanism */ -.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small { - display: none; -} - -.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper { - flex: 0 1 10px; -} - -#view-now-playing a.image { - overflow: visible !important; -} - -/* Profile arrow in top left */ -.content-top-bar__profile-menu-button .dropdown { - position: fixed !important; - top: 10px !important; - -webkit-app-region: no-drag !important; -} - -/* [WINDOWS] Change Profile menu horizontal position */ -body.body-container--windows .content-top-bar__profile-menu-button .dropdown { - right: 190px !important; -} - -body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown { - right: 20px !important; -} - -/* Small tooltip */ -#tooltip { - display: none !important; - /* box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; */ - /* border-radius: 5px !important; */ - /* border: 2px solid var(--modspotify_main_fg); */ - /* padding: 10px 10px; */ -} - -.tooltip-arrow-top, .tooltip-arrow-bottom { - display: none !important; -} - -.lyrics-lines-container, -.message-container { - color: #FFFFFF !important; -} - -/* Home page */ -.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb { - display: none; -} - -.GlueCard__info-wrapper, -.Card__info-wrapper { - margin-bottom: 30px; -} - -.card-horizontal-interior-wrapper .card-info-title { - text-align: start !important; -} - -.tl-row.selected:hover .tl-cell { - background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important; -} - -.GlueTableRow--is-selected { - background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important; -} - -.tracklist-podcast .tl-progress .row-progress__bar { - background-color: var(--modspotify_main_fg); -} - -.Header__background-color{ - background-color: var(--modspotify_main_bg) !important; - background-image: unset; -} - -.Button--style-green, -.button.button-green, .button.button-white { - border-radius: 4px; - color: var(--modspotify_main_bg) !important; -} - -.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show) - .glue-page-header__content-inner .glue-page-header__title-text, -.HomeHeader .Header__content-inner .Header__title-text-inner, -.MadeForYouHeader .Header__content-inner .Header__title-text-inner, -.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner { - background-color: var(--modspotify_main_bg); - padding: 5px 20px; - border: 5px solid var(--modspotify_main_fg) !important; - border-radius: 6px; - box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2); - text-transform: uppercase; -} - -.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title, -.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title, -.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title, -.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title { - margin-top: 10px; -} - -span.glue-page-header__title-text { - color: var(--modspotify_main_fg); -} - -.glue-page-header .glue-page-header__content-inner .glue-page-header__button { - margin-top: 40px; -} - -.glue-page-header__content-inner, -.glue-page-header__data, -.glue-page-header__title, -.Header__content-inner, -.Header__data, -.Header__title, -.Header__title-text, -.Header__title-text-inner { - overflow: visible !important; -} - -/*Force player bar to has fixed height*/ -.view-player { - height: var(--bar-height) !important; - border-top: 0; -} - -.view-player .now-playing { - overflow: unset; -} - -.view-player .cover-image-container { - position: fixed !important; - left: 0; - bottom: 0; -} - -.view-player .now-playing .cover-image-link, -.view-player .now-playing .cover-image-link figure { - width: var(--bar-height); - height: var(--bar-height); -} - -#now-playing-image-small .cover-image { - width: var(--bar-height); - height: var(--bar-height); -} - -.view-player .now-playing .cover-image-link-wrapper { - flex: 0 1 calc(var(--bar-height) + 10px); -} - -.text-container { - z-index: 3; -} - -.view-player .now-playing-container .button-add { - color: var(--modspotify_main_fg) !important; -} - -.progress-container .progress-bar, -.progress-container .inner { - top: 0 !important; - margin-top: 0 !important; - height: 5px; -} - -.progress-container .progress-bar-wrapper { - top: 0 !important; - height: 5px; -} - -.progress-container { - position: fixed !important; - width: 100% !important; - bottom: var(--bar-height) !important; - margin : 0 !important; -} - -.progress-container .inner { - border-radius: 0 2px 2px 0 !important; - background-color: var(--modspotify_main_fg) !important; - box-shadow: 0 2px 2px 0 var(--modspotify_main_fg); -} - -.saber-hilt { - display: none; -} - - -.glue-page-header__p2s-details, -.glue-page-header__p2s-followers { - display: none; -} - -.context-menu { - /*border: 2px solid var(--modspotify_main_fg);*/ - box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2); - border-radius: 7px !important; - overflow: hidden; -} - -#menu-wrapper ::-webkit-scrollbar { - display: none; -} - -#menu-wrapper { - /*border-right: 3px solid black;*/ - /*border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;*/ -} - -.main-view-wrapper { - overflow: unset; -} - -.Button--style-icon-stroke:after, -.Button--style-icon-stroke:hover:after, -.Button--style-icon-stroke, -.glue-page-header__button .button-icon-with-stroke, -.glue-page-header__button .button-icon-with-stroke::after { - box-shadow: unset; -} - -.glue-page-header.glue-page-header--artist .glue-page-header__label { - padding-top: 10px; -} - -.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label { - padding-top: 8px; -} - -.glue-page-header__content .glue-page-header__label { - margin-left: -2px; - z-index: 2; -} - -.glue-page-header__label span, -.Header__label span { - background-color: var(--modspotify_main_fg); - color: var(--modspotify_main_bg); - padding: 2px 10px; -} - -.glue-page-header__label .header-verified-check { - background-color: transparent; -} - -body.remotebar .view-player .player-bar-wrapper { - height: 100%; -} - -.SidebarListItem--is-active:after, -.RootlistItem--is-active:after, -/* For Linux */ #view-navigation-bar .item.active:after { - background-color: transparent; - /*background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);*/ - opacity: 0.2; - bottom: unset; - top: 5%; - height: 90%; - width: 100% -} - -.Header__image-inner { - box-shadow: unset; -} diff --git a/.config/spicetify/Themes/Dark/user.css b/.config/spicetify/Themes/Dark/user.css deleted file mode 100644 index 2bf27ba..0000000 --- a/.config/spicetify/Themes/Dark/user.css +++ /dev/null @@ -1,669 +0,0 @@ -:root { - --bar-height: 120px; -} - -/*Round corner cover image*/ -.card-image, -.card-placeholder-wrapper, -.card-image-content-wrapper, -.Card:not(.Card--artist) .Card__image, -.Card:not(.Card--artist) .Card__image-wrapper { - border-radius: 10px !important; - overflow: hidden !important -} - -/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/ -.profile.content-top-bar__profile-link, -.upgrade-button, -.view-player .remote-playback-bar, -.LeftSidebarNewPlaylistButton__button { - display: none !important; -} - - -/*Exclude these elements from draggable property because it stops them from clickable*/ -.profile-items-container, -.profile { - -webkit-app-region: no-drag !important; -} - -/*Thinner scrollbar*/ -::-webkit-scrollbar { - height: 0px !important; - width: 0px !important; - background-color: transparent; -} - -/*Round corner scrollbar*/ -::-webkit-scrollbar-thumb { - border-radius: 3px !important; -} - -/*Hide top and bottom buttons of scrollbar */ -/*who uses those, lol*/ -::-webkit-scrollbar-button { - display: none !important; -} - -/*Hide cover image overlay*/ -.card-overlay { - visibility: hidden !important; -} - -/*Lift up cover when hovering on it*/ -.card-image-content-wrapper, -.Card:not(.Card--artist) .Card__image-wrapper { - transition-property: transform, box-shadow !important; - transition-duration: 1s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; - box-shadow: 0 5px 20px rgba(0,0,0,0.1); -} - -.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper, -.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper { - transform: translateY(-10px); - box-shadow: 0 15px 30px rgba(0,0,0,0.3); -} - -.card-image-hit-area .card-button-add, -.card-image-hit-area .card-button-play, -.card-image-hit-area .card-button-more, -.Card__image-hit-area .card-button-add, -.Card__image-hit-area .card-button-play, -.Card__image-hit-area .card-button-more, -.Card__image-hit-area .Card__play-button, -.Card__image-hit-area .Card__add-button, -.Card__image-hit-area .Card__more-button, -.Card__image-hit-area .Card__overlay { - transition-property: all !important; - transition-duration: 1s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; - opacity: 0 !important; -} -.card-image-hit-area:not(.no-hover):hover .card-button-add, -.card-image-hit-area:not(.no-hover):hover .card-button-play, -.card-image-hit-area:not(.no-hover):hover .card-button-more, -.Card__image-hit-area:not(.no-hover):hover .card-button-add, -.Card__image-hit-area:not(.no-hover):hover .card-button-play, -.Card__image-hit-area:not(.no-hover):hover .card-button-more { - opacity: 1 !important; - transform: translateY(-10px); -} - -.Card__image-hit-area:hover .Card__play-button, -.Card__image-hit-area:hover .Card__add-button, -.Card__image-hit-area:hover .Card__more-button, -.Card__image-hit-area:hover .Card__overlay { - opacity: 1 !important; -} - -.glue-page-header__content .glue-page-header__image-inner { - border-radius: 10px; - box-shadow: unset !important; -} - -.glue-page-header__full-description-overlay { - box-shadow: unset !important; -} - -.card-placeholder-wrapper { - background: transparent !important; -} - -/*Spice up search input background*/ -.SearchInput { - color: var(--modspotify_main_fg); -} -.SearchInput__input { - color: var(--modspotify_secondary_fg); - background-color: rgba(var(--modspotify_rgb_scrollbar_fg_and_selected_row_bg), 0.5) !important; - border-radius: 4px !important; - padding-left: 34px; -} - -.sidebar:hover .sidebar-navbar.sidebar-scroll-element { - opacity: 1!important; -} - -.view-player .player-controls-container, -.view-player .player-controls-container .controls { - overflow: visible !important; -} - -.view-player .player-controls-container .controls .button-play{ - height:50px !important; - border-radius:50px !important; - background: transparent !important; - box-shadow:0 0 0 0 !important; - width:50px !important; - overflow: visible !important; - box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important; - transition:none 0.3s cubic-bezier(.3,0,.7,1); -} - -.view-player .player-controls-container .controls .button-play:before{ - font-size:18px !important; - padding-left: 16px !important; - padding-top: 9px !important; -} - -.view-player .player-controls-container .controls .button-play:after { - box-shadow: unset !important; -} - -.view-player .player-controls-container { - position: absolute !important; - width: 100% !important; -} - -.view-player .player-controls-container .controls { - width: 100% !important; - height: 100% !important; - align-items: center !important; - margin-top : 0px !important; -} - -/* -Hide the song duration and elapsed text. I dont know where to put those so I just hide them -*/ -.view-player .player-controls-container .progress-container .elapsed, -.view-player .player-controls-container .progress-container .remaining { - display: none !important; -} - -/* Add round corner for Gerne and Mood cards */ -.gc-image-container, -.gc-image { - border-radius: 10px !important; -} - -/* -Collage of 3 album covers is usually seen in Browse and Chart. -*/ -.card-puff__image-wrapper, -.card-puff__info-container, -.card-puff__card-image { - border-radius: 10px !important; -} - -.card-puff__image-wrapper { - overflow: visible; -} - -.card-puff__card-image { - box-shadow: 5px 0 30px rgba(0,0,0,0.7); - overflow: visible; -} - -.card-puff__title-container { - background-color: transparent !important; -} - -.card-puff.pressed .card-puff__image-wrapper, -.card-puff.pressed .card-puff__info-container { - opacity: 0.7 !important; -} - -.card-puff__title { - padding: 5px 10px 5px 10px !important; - background-color: var(--modspotify_main_bg) !important; - border-radius: 4px; - border: 2px solid var(--modspotify_main_fg); -} - -/* -We use round corner on cover so they look weird in original -form, so I move last cover to the right 20px and first one to the left 20px -*/ -.card-puff__card-image:nth-child(1) { - right: 20px; - box-shadow: 0 0 0 0 !important; -} - -.card-puff__card-image:nth-child(3) { - left: 20px; -} - -.grid-overlay-label { - top: 140px !important; -} - -/**/ -.glue-page-header__background-color { - background-image: none !important; - background: var(--modspotify_main_bg); -} - -/* .glue-page-header__sticky { - padding-top: 60px !important; -} */ - -/* -Remove those title, cringy description and -meaningless followers number -*/ - -.carousel .card-info-subtitle-description, -.carousel .card-info-subtitle-metadata, -.carousel .card:not(.card-type-station).card-info-title, -.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-description, -.carousel .card.card-type-playlist.image-loaded .card-info-subtitle-metadata { - display: none !important; -} - - -/* -In top of Browse usually has bunch of Playlist or Album cards, -and they has .carousel as a wrapper and it hides anything that -overflows from its zone, aka our shadow and lifting animation. -*/ -.carousel { - overflow: visible !important; -} - -/* -Button with text Play -*/ -.button.button-green, -.GlueButton.GlueButton--style-green { - color: var(--modspotify_main_bg) !important; -} - -/* -Change text color in playlist -*/ -.tl-explicit .label, -.tl-premium .label, -.tl-cell:not(.tl-number), -.tl-cell a:link, -.tl-highlight { - color: var(--modspotify_secondary_fg); -} - -.card-type-album .card-info-title, -.card-type-track .card-info-title, -.card-type-collection-album .card-info-title, -.card-type-episode .card-info-title { - font-size: 15px; - font-weight: 900 !important; - text-align: center !important; - width: 100% !important; -} - -.card-type-album .card-info-subtitle-links, -.card-type-track .card-info-subtitle-links, -.card-type-collection-album .card-info-subtitle-links, -.card-type-episode .card-info-subtitle-links { - text-align: center !important; - width: 100% !important; -} - -.tracklist-station-container::after { - background: transparent !important; -} - -.GlueHeader__background-overlay { - background: var(--modspotify_main_bg) !important; -} - -/* Move navigation buttons and search field to the right and down */ -.browser-navigation-top-bar { - margin-left: 40px !important; - margin-top: 15px !important; -} - -.SearchInput__input, -.SearchInput__searchIcon, -.SearchInput__clearButton { - margin-top: 15px !important; -} - -.content-top-bar__profile-menu-button { - margin-top: 15px !important; -} - -.body-container--windows:not(.with-buddy-list):not(.messagebar) .content-top-bar__profile { - margin-right: 110px !important; - margin-top: -5px; -} - -/* Spice up Fullscreen mode */ -#view-player .album-art .album-art__image { - border-radius: 30px !important; - box-shadow: 0 10px 70px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.5) !important; -} - -#view-player .album-art .album-art__image .card-image-content-wrapper, -#view-player .album-art .album-art__image .card-image-content-wrapper .card-image { - border-radius: 30px !important; -} - -#video-player .album-art__foreground { - flex-direction: row; - text-align: left; -} - -#video-player .album-art__background { - background-color: initial; -} - -#video-player .album-art__track-details { - padding-left: 50px; - line-height: initial; -} - -#video-player .album-art__track-title { - font-size: 84px; - margin-top: 0; - line-height: initial; -} - -#video-player .album-art__artist-name { - font-size: 54px; - margin-top: 0; - line-height: initial; -} - -/* Daily mixes */ -.carousel .card-info-wrapper.card-info-with-description.card-info-with-metadata { - height: 50px !important; -} - -/* Remove section divider */ -.section-divider { - border-bottom: 0 !important; -} - -/* Adjust Position of border active tab in Nav bar at top -and add little glowing effect -*/ -.nav.navbar-nav { - overflow: hidden !important; -} - -.nav.navbar-nav a { - overflow: visible !important; -} - -.nav.navbar-nav a::after { - bottom: 0px !important; - width: 100% !important; -} - -.nav.navbar-nav .active a::after{ - box-shadow: 0 0px 20px !important; -} - -.nav.navbar-nav a:focus:not(.button):active::after{ - background-color: var(--modspotify_pressing_fg) !important; -} - -/* Notification bar */ -#content-wrapper #view-message-bar { - position: absolute !important; - width: calc(100% - 160px) !important; - margin-left: 80px !important; - border-radius: 0 0 10px 10px !important; -} - -/* Small cover Big cover mechanism */ -.now-playing.cover-size-transition.active.image-expanded #now-playing-image-small { - display: none; -} - -.now-playing.cover-size-transition.active.image-expanded .cover-image-link-wrapper { - flex: 0 1 10px; -} - -#view-now-playing a.image { - overflow: visible !important; -} - -/* Profile arrow in top left */ -.content-top-bar__profile-menu-button .dropdown { - position: fixed !important; - top: 10px !important; - -webkit-app-region: no-drag !important; -} - -/* [WINDOWS] Change Profile menu horizontal position */ -body.body-container--windows .content-top-bar__profile-menu-button .dropdown { - right: 190px !important; -} - -body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown { - right: 20px !important; -} - -/* Small tooltip */ -#tooltip { - box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; - border-radius: 5px !important; - border: 2px solid var(--modspotify_main_fg); - padding: 10px 10px; -} - -.tooltip-arrow-top, .tooltip-arrow-bottom { - display: none !important; -} - -.lyrics-lines-container, -.message-container { - color: #FFFFFF !important; -} - -/* Home page */ -.GlueCarousel__grid-wrapper::-webkit-scrollbar-thumb { - display: none; -} - -.GlueCard__info-wrapper, -.Card__info-wrapper { - margin-bottom: 30px; -} - -.card-horizontal-interior-wrapper .card-info-title { - text-align: start !important; -} - -.tl-row.selected:hover .tl-cell { - background: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important; -} - -.GlueTableRow--is-selected { - background-color: var(--modspotify_scrollbar_fg_and_selected_row_bg) !important; -} - -.tracklist-podcast .tl-progress .row-progress__bar { - background-color: var(--modspotify_main_fg); -} - -.Header__background-color{ - background-color: var(--modspotify_main_bg) !important; -} - -.Button--style-green, -.button.button-green, .button.button-white { - border-radius: 4px; - color: var(--modspotify_main_bg) !important; -} - -.glue-page-header:not(.glue-page-header--album):not(.glue-page-header--playlist):not(.glue-page-header--artist):not(.glue-page-header--dailymix):not(.glue-page-header--user):not(.glue-page-header--show) - .glue-page-header__content-inner .glue-page-header__title-text, -.HomeHeader .Header__content-inner .Header__title-text-inner, -.MadeForYouHeader .Header__content-inner .Header__title-text-inner, -.RecentlyPlayedPage__header .Header__content-inner .Header__title-text-inner { - background-color: var(--modspotify_main_bg); - padding: 5px 20px; - border: 5px solid var(--modspotify_main_fg) !important; - border-radius: 6px; - box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2); - text-transform: uppercase; -} - -.glue-page-header.glue-page-header--album .glue-page-header__content-inner .glue-page-header__title, -.glue-page-header.glue-page-header--artist .glue-page-header__content-inner .glue-page-header__title, -.glue-page-header.glue-page-header--dailymix .glue-page-header__content-inner .glue-page-header__title, -.glue-page-header.glue-page-header--playlist .glue-page-header__content-inner .glue-page-header__title { - margin-top: 10px; -} - -span.glue-page-header__title-text { - color: var(--modspotify_main_fg); -} - -.glue-page-header .glue-page-header__content-inner .glue-page-header__button { - margin-top: 40px; -} - -.glue-page-header__content-inner, -.glue-page-header__data, -.glue-page-header__title, -.Header__content-inner, -.Header__data, -.Header__title, -.Header__title-text, -.Header__title-text-inner { - overflow: visible !important; -} - -/*Force player bar to has fixed height*/ -.view-player { - height: var(--bar-height) !important; - border-top: 0; -} - -.view-player .now-playing { - overflow: unset; -} - -.view-player .cover-image-container { - position: fixed !important; - left: 0; - bottom: 0; -} - -.view-player .now-playing .cover-image-link, -.view-player .now-playing .cover-image-link figure { - width: var(--bar-height); - height: var(--bar-height); -} - -#now-playing-image-small .cover-image { - width: var(--bar-height); - height: var(--bar-height); -} - -.view-player .now-playing .cover-image-link-wrapper { - flex: 0 1 calc(var(--bar-height) + 10px); -} - -.text-container { - z-index: 3; -} - -.view-player .now-playing-container .button-add { - color: var(--modspotify_main_fg) !important; -} - -.progress-container .progress-bar, -.progress-container .inner { - top: 0 !important; - margin-top: 0 !important; - height: 5px; -} - -.progress-container .progress-bar-wrapper { - top: 0 !important; - height: 5px; -} - -.progress-container { - position: fixed !important; - width: 100% !important; - bottom: var(--bar-height) !important; - margin : 0 !important; -} - -.progress-container .inner { - border-radius: 0 2px 2px 0 !important; - background-color: var(--modspotify_main_fg) !important; - box-shadow: 0 2px 2px 0 var(--modspotify_main_fg); -} - -.glue-page-header__p2s-details, -.glue-page-header__p2s-followers { - display: none; -} - -.context-menu { - /*border: 2px solid var(--modspotify_main_fg);*/ - box-shadow: 0 4px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.2); - border-radius: 7px !important; - overflow: hidden; -} - -#menu-wrapper ::-webkit-scrollbar { - display: none; -} - -#menu-wrapper { - /*border-right: 3px solid black;*/ - /*border-image: linear-gradient(0deg, transparent , var(--modspotify_scrollbar_fg_and_selected_row_bg) 40%, var(--modspotify_scrollbar_fg_and_selected_row_bg) 60%, transparent 90%) 2 90%;*/ -} - -.main-view-wrapper { - overflow: unset; -} - -.Button--style-icon-stroke:after, -.Button--style-icon-stroke:hover:after, -.Button--style-icon-stroke, -.glue-page-header__button .button-icon-with-stroke, -.glue-page-header__button .button-icon-with-stroke::after { - box-shadow: unset; -} - -.glue-page-header.glue-page-header--artist .glue-page-header__label { - padding-top: 10px; -} - -.glue-page-header.glue-page-header--artist.has-custom-image .glue-page-header__label { - padding-top: 8px; -} - -.glue-page-header__content .glue-page-header__label { - margin-left: -2px; - z-index: 2; -} - -.glue-page-header__label span, -.Header__label span { - background-color: var(--modspotify_main_fg); - color: var(--modspotify_main_bg); - padding: 2px 10px; -} - -.glue-page-header__label .header-verified-check { - background-color: transparent; -} - -body.remotebar .view-player .player-bar-wrapper { - height: 100%; -} - -.SidebarListItem--is-active:after, -.RootlistItem--is-active:after, -/* For Linux */ #view-navigation-bar .item.active:after { - background-color: transparent; - /*background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);*/ - opacity: 0.2; - bottom: unset; - top: 5%; - height: 90%; - width: 100% -} - -.Header__image-inner { - box-shadow: unset; -} diff --git a/.config/spicetify/config.ini b/.config/spicetify/config.ini deleted file mode 100644 index e52881d..0000000 --- a/.config/spicetify/config.ini +++ /dev/null @@ -1,36 +0,0 @@ -[AdditionalOptions] -made_for_you_hub = 0 -custom_apps = -lyric_always_show = 0 -new_feedback_ui = 0 -song_page = 0 -minimal_ui = 1 -search_in_sidebar = 0 -visualization_high_framerate = 0 -extensions = -radio = 0 -tastebuds = 0 -experimental_features = 0 -fastUser_switching = 0 -home = 0 -lyric_force_no_sync = 0 - -[Setting] -current_theme = Dark -color_scheme = -inject_css = 1 -replace_colors = 1 -overwrite_assets = 0 -spotify_path = /opt/spotify -prefs_path = /home/melvin/.config/spotify/prefs - -[Preprocesses] -disable_sentry = 1 -disable_ui_logging = 1 -remove_rtl_rule = 1 -expose_apis = 1 - -; DO NOT CHANGE! -[Backup] -version = 1.1.10.546.ge08ef575 - |