diff options
Diffstat (limited to '.config/spicetify/Themes/Loekaars/user.css')
| -rw-r--r-- | .config/spicetify/Themes/Loekaars/user.css | 630 |
1 files changed, 0 insertions, 630 deletions
diff --git a/.config/spicetify/Themes/Loekaars/user.css b/.config/spicetify/Themes/Loekaars/user.css deleted file mode 100644 index 4b1634f..0000000 --- a/.config/spicetify/Themes/Loekaars/user.css +++ /dev/null @@ -1,630 +0,0 @@ -:root { - --bar-height: 90px; -} -.sidebar { ---left-sidebar-item-height: 29px !important; -} -.resizer-right { - background-color: #000; -} - -body { - font-family: 'Inter'; -} - -/* Hide Ad banner */ -#view-leaderboard-ad { - display: none; -} - -/*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: 6px !important; - width: 6px !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; -} - -.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: 0.3s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; - 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: var(--modspotify_slider_bg) !important; - border-radius: 4px !important; - padding-left: 34px; -} - -.sidebar:hover .sidebar-navbar.sidebar-scroll-element { - opacity: 0.4!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-color: var(--modspotify_slider_bg) !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; -} - -/* 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_fg) !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 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: var(--modspotify_main_fg) !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- { - 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_fg) !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) + 8px); -} - -.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: 55% !important; - /*bottom: var(--bar-height) !important;*/ - /*margin : 0 !important;*/ - margin-left: auto; - margin-right: auto; -} - -.glue-page-header__p2s-details, -.glue-page-header__p2s-followers { - display: none; -} - -.context-menu { - border: none !important; - box-shadow: 0px 3px 30px -5px #0008 !important; - border-radius: 7px !important; - overflow: hidden; -} - -#menu-wrapper ::-webkit-scrollbar { - display: none; -} - -.resizer-right { - background-color: var(--modspotify_main_bg); -} - -.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%; -} - - -.Header__image-inner { - box-shadow: unset; -} - -.Button:not(.Button--style-stroke) * , -.button:not(.button-with-stroke) * { - color: var(--modspotify_main_bg) !important; -} |