A fresher dark theme with a splash of red for Spotify thanks to spicetify-cli
- - -## Summary -- 😴 A fresher dark theme with a splash of red -- 👀 Easy on the eyes -- 🎉 Open source -- 🍁 If you like the NoSleep theme please consider supporting me on Patreon - - - - -## Ideas -Want to add something that's missing to the theme or have an idea? Open an issue and let me know! -* I'm open to anything you can imagine. Let me hear it! - -## Support - -Support [me on Patreon](https://patreon.com/3raxton) **to help the development of the NoSleep theme stay strong**. I create & work on open source projects such as the NoSleep theme for free. If you or your company depend on this project, it makes sense to donate in order to help ensure that the project is maintained. - -## License -Licensed under the [MIT License](https://3raxton.github.io/license) by [Braxton Huff](https://github.com/3raxton) - -### **If there is any other problem, please refer to the spicetify-cli wiki to help troubleshoot your problem.** - -Hopefully the NoSleep theme helps improve your use of Spotify and treats you well! Cheers! diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/NoSleep/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/NoSleep/color.ini deleted file mode 100644 index 1ba22d2..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/NoSleep/color.ini +++ /dev/null @@ -1,36 +0,0 @@ -; No Sleep theme created by @3raxton - -[Dark] -; Light green on Dark Blue background – RGB in inspector is showing the colors convereted from HEX to RGB -main_fg = CC0A0F -; color seen everywhere -secondary_fg = DEDEDE -;text color -main_bg = 000000 -; background for anything, background for right click menu, sidebar, etc. -sidebar_and_player_bg = 000000 -; sidebar & song area on playlists -cover_overlay_and_shadow = 14262E -; ¯\_(ツ)_/¯ might be when the on hover of selected songs this color is shown -indicator_fg_and_button_bg = CC0A0F -; play button & button under shuffle color -pressing_fg = FF5C86 -; ¯\_(ツ)_/¯ -slider_bg = 14262e -; color behind the slider, hover selection for add to playlist, and ratings -sidebar_indicator_and_hover_button_bg = E71419 -; indicator for playlist selected in sidebar, color of shuffle and repeat button & search bar color -scrollbar_fg_and_selected_row_bg = 0E1318 -; color for the scrollbar and the follow button & selected song / row -pressing_button_fg = DEDEDE -; when heart and other small buttons (not sure which) are pressed, this color is shown -pressing_button_bg = 14262E -; when button is pressed this color shows -selected_button = E71419 -; when play or other buttons are clicked this color shows -miscellaneous_bg = 14262E -; ¯\_(ツ)_/¯ -miscellaneous_hover_bg = DEDEDE -; color of song playing outline location when album artwork clicked -preserve_1 = FFFFFF -; \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/NoSleep/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/NoSleep/user.css deleted file mode 100644 index 31c2607..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/NoSleep/user.css +++ /dev/null @@ -1,677 +0,0 @@ -/* No Sleep theme created by @3raxton */ - -: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: 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; -} - -/*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; -} - -.card:not(.card-horizontal).card-type-album .card-info-title, -.card:not(.card-horizontal).card-type-album .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-track .card-info-title, -.card:not(.card-horizontal).card-type-track .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-collection-album .card-info-title, -.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-episode .card-info-title, -.card:not(.card-horizontal).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; - 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 { - 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; -} \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/README.md deleted file mode 100644 index eb30c70..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/README.md +++ /dev/null @@ -1,23 +0,0 @@ -# Nord - -## Screenshots - -Window: - - - -Full desktop: - - - -### Minimal theme ### - -You can replace `user.css` with `minimal.css`, which hides spotify's sidebar. Probably not everyone's cup of tea, but it does showcase what's possible with spicetify. Additionally, it clears up a lot of screen space (if you don't require the sidebar, like me), and fits better in small tiling wm spaces. - - - -## More - -Based on the excellent [Nord](https://github.com/arcticicestudio/nord) color scheme. Pairs really well with other Nord apps. The `user.css` has been slightly modified to disable scrollbars. - - diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/color.ini deleted file mode 100644 index e8dbc59..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] - -main_fg = D8DEE9 -secondary_fg = E5E9F0 -main_bg = 2E3440 -sidebar_and_player_bg = 2E3440 -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = 81A1C1 -pressing_fg = 4C566A -slider_bg = 434C5E -sidebar_indicator_and_hover_button_bg = 81A1C1 -scrollbar_fg_and_selected_row_bg = 4C566A -pressing_button_fg = 5E81AC -pressing_button_bg = 3B4252 -selected_button = 81A1C1 -miscellaneous_bg = 434C5E -miscellaneous_hover_bg = 81A1C1 -preserve_1 = FFFFFF \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/minimal.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/minimal.css deleted file mode 100644 index b8ab85f..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/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/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/minimal.jpg b/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/minimal.jpg deleted file mode 100644 index 9b07464..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/minimal.jpg and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/user.css deleted file mode 100644 index c63b27f..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Nord/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/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/OnepunchHome.png b/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/OnepunchHome.png deleted file mode 100644 index d534181..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/OnepunchHome.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/README.md deleted file mode 100644 index 8ebe87b..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/README.md +++ /dev/null @@ -1,25 +0,0 @@ -# Onepunch - -## Screenshots - - - -## More - -#### Details - - A project intended to redesign the Spotify app.As you know Saitama is only a "hero for fun", this is going to take a while even though he can finish an enemy with just one punch. I hope you'll like it! Suggestions will always help me to make it look better. -So, feel free to drop your feedback. - -#### Changelogs - -Wondering what is changed, then check this [file](./changelog.md). - -#### Contact - -Click **[here](https://t.me/saitama_a)** for *feedback*, *sharing new ideas* and *reporting bugs* only. -Format for bug reporting: - - Operating System(!important): - - Description of issue: diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/changelog.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/changelog.md deleted file mode 100644 index 1fd61aa..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/changelog.md +++ /dev/null @@ -1,16 +0,0 @@ -## Versions - -**v 0.2 beta** - -- [x] Fixed the two bars shown in now playing -- [x] An attempt to fix the logo not showing issue for platforms other than macos. -- [x] A few optimizations. - -**v 0.1 beta** - -- [x] Added the Spotify logo. -- [x] Fixed the friend activity bar. -- [x] Fixed text colors inside album and playlist. -- [x] Fixed overlapping of sidebar items. -- [x] A few optimizations. -*** diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/color.ini deleted file mode 100644 index 8ca86d5..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/color.ini +++ /dev/null @@ -1,19 +0,0 @@ -[Base] -main_fg = 1DB954 -secondary_fg = DEDEDE -main_bg = 111111 -main_bg_second = 282828 -sidebar_and_player_bg = 111111 -cover_overlay_and_shadow = 212121 -indicator_fg_and_button_bg = 1DB954 -pressing_fg = FF5C86 -slider_bg = 3F3C45 -sidebar_indicator_and_hover_button_bg = 1DC954 -scrollbar_fg_and_selected_row_bg = 3B3B3B -pressing_button_fg = DEDEDE -pressing_button_bg = 383145 -selected_button = 1DB954 -miscellaneous_bg = 3F3C45 -miscellaneous_hover_bg = 3B3B3B -primary_text = FAFAFA -preserve_1 = FAFAFA diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/user.css deleted file mode 100644 index 08f1846..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Onepunch/user.css +++ /dev/null @@ -1,339 +0,0 @@ -:root { - } - - -/*navigation menu edits*/ -.sidebar .sidebar-navbar { - padding-top: 30px; -} -.SidebarListItem--is-active, .RootlistItem--is-active { - background: #3b3b3b; - border-radius: 10px; - width: 70%; - position: relative; - right: -30px; -} -.SidebarListItem { - padding-left: 15px; - padding-right: 40px; - right: -30px -} -.SidebarListItem { -font-weight: var(--glue-font-weight-normal); -font-size: 13px; -} -.SidebarListItem--is-active:after { - display: none; -} -.SidebarListItemLink--is-highlighted:hover, -.SidebarListItemLink--is-highlighted:link, -.SidebarListItemLink--is-highlighted:visited { - font-weight: var(--glue-font-weight-bold); -} -html .SidebarList__title { - font-size: 13px; - line-height: 40px; - font-weight: var(--glue-font-weight-black); - text-transform: uppercase; - letter-spacing: .16em; -} - /*added the logo and fixed layout*/ -#view-buddy-list{ - padding-top: 50px; -} -.LeftSidebar { - margin-top: 50px; -} -.LeftSidebar__section { - margin-bottom: 24px; -} -.sidebar .sidebar-navbar { - /*background-image: url(https://local_resource_host/images/logo-navbar-green.png);*/ - background-image: url(https://imgur.com/YQroYy7.png); - background-repeat: no-repeat; - background-size: 175px; - background-position-x: 28px; -} -.resizer{ - display: none !important; -} - /*playlist items - .RootlistItem { - padding-left: 30px; - padding-right: 30px; - } - .RootlistItem--is-active:before { - background-color: #3b3b3b; - }*/ - -/*for now I have hidden the new playlist button but I've a idea for it and will add in future*/ - .LeftSidebarNewPlaylistButton__button { - display: none !important; - } - - - -/*home page edits*/ - /*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 - } - .GlueSectionDivider__title, .Card__info-title a { - line-height: 30px; - letter-spacing: 0em; - color: #fafafa; - } - /*card info details*/ - .Card__info-subtitle-description, .Card__info-subtitle-metadata{ - display:none !important; - } - .Button--style-icon:not(.Button--is-drop-target-active) { - background: #3b3b3b !important; - height: 30px !important; - width: 30px !important; - } - - - - /*scroll bar edits*/ - /*Thinner scrollbar*/ - ::-webkit-scrollbar { - height: 6px !important; - width: 6px !important; - background-color: transparent; - } - /*Hide top and bottom buttons of scrollbar */ - ::-webkit-scrollbar-button { - display: none !important; - } - - -/*play area edits*/ - /*main frame*/ - #view-player { - padding-left: 10px; - padding-right: 10px; - padding-bottom: 10px; - } - body.remotebar .view-player .player-bar-wrapper, - .view-player{ - height: 85px !important; - border-radius: 20px !important; - background: var(--modspotify_main_bg_second) !important; - position: relative; - /*border: 10px solid #111111;*/ - padding-left: 2px !important; - padding-right: 2px !important; - } - /*buttons and play progress*/ - .view-player .player-controls-container .controls .button-play{ - height: 35px !important; - width: 35px !important; - border-radius: 40px !important; - background: #555555 !important; - box-shadow:0 0 0 0 !important; - transition:none 0.3s cubic-bezier(.3,0,.7,1); - overflow: visible !important; - } - .view-player .player-controls-container .controls .button-play:before{ - padding-left: 10px !important; - padding-top: 1px !important; - } - .view-player .player-controls-container .controls { - margin-top: -14px !important; - } - .view-player .player-controls-container .progress-container { - margin-top: 2px !important; - } - .view-player .player-controls-container .controls .button-play:after { - box-shadow: unset !important; - } - .view-player .now-playing .cover-image-container .cover-image { - border-radius: 6px; - } - .view-player .text-container .text-item-container .text-item .scroll-text-container:after { - background: #282828 !important; - right: 0; - } - - -/*browse tab edits*/ -/* Add round corner for Gerne and Mood cards */ -.gc-image-container, -.gc-image { - border-radius: 10px !important; -} -.gc-label-text { - color: #fafafa; -} - - -/* Fullscreen mode edits */ -#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: 40px; - line-height: initial; -} - -#video-player .album-art__track-title { - font-size: 80px; - margin-top: 0; - line-height: initial; -} - -#video-player .album-art__artist-name { - font-size: 50px; - margin-top: 0; - line-height: initial; -} - -/*progress bar edits*/ -.progress-container .inner { - border-radius: 50px !important; - background-color: var(--modspotify_main_fg) !important; -} -.progress-bar, .progress-bar .inner{ - background: #3b3b3b; - border-radius: 100px; -} -.progress-container .progress-bar, -.progress-container .inner { - border-radius: 100px !important; - height: 4.5px; -} -.progress-container { - border-radius: 100px !important; - position: absolute !important; - right: 25%; - width: 50% !important; -} - - - -/*editing the alumb and playlists inside*/ - /*album edits*/ -.Button__alt-text, .Button__text { - color: #FAFAFA !important; -} -.Button--style-green { - font-size: 14px; - } - .TableCell--is-emphasized { - color: #FAFAFA; -} - /*playlist edits*/ -.b-play-text, .b-pause-text, .b-add-text, .b-added-text, .b-remove-text { - color: #FAFAFA; -} -.tl-highlight { - color: #FAFAFA; -} - -/*experiments*/ - - - - - - - - - - - -/*search bar edits*/ -.SearchInput__input { - color: var(--modspotify_secondary_fg) !important; - background-color: var(--modspotify_main_bg) !important; - border-style: solid !important; - border-width: 1px !important; - border-radius: 0 !important; - border-color: var(--modspotify_sidebar_and_player_bg) !important; -} - -.SearchInput__searchIcon{ - color: var(--modspotify_secondary_fg) !important; -} - -.content-top-bar__search-input{ - max-width: unset!important; - height: auto !important; -} - -/*change header colors*/ -.GlueHeader__background-color{ - border-color: var(--modspotify_sidebar_and_player_bg) !important; - background-color: var(--modspotify_sidebar_and_player_bg) !important; - background-image: unset !important; -} - -.Header__background-color{ - border-color: var(--modspotify_sidebar_and_player_bg) !important; - background-color: var(--modspotify_sidebar_and_player_bg) !important; - background-image: unset !important; -} - -/*scrubbing bar ball thingy*/ -.handle{ - background: var(--modspotify_indicator_fg_and_button_bg) !important; - border: 3px solid var(--modspotify_indicator_fg_and_button_bg) !important; -} - -.progress-bar-wrapper.progress-bar-wrapper--ltr.handle{ - background: unset !important; - border: unset !important; -} - -/*like heart thingy in bottom player*/ -.nowplaying-add-button .button .button-icon-only .button-add, -.nowplaying-ban-button .button .button-icon-only .button-ban .spoticon-ban-16{ - color: var(--like-color)!important; -} - -/*like heart in playlist*/ -button.button-icon-only.button-add, -.spoticon-heart-16, -.spoticon-heart-active-16, -.spoticon-heart-active-32, -.spoticon-heart-32{ - color: var(--like-color)!important; -} - -/*highlighted playlist text color*/ -.tl-row.current .tl-cell:not(.tl-number), .tl-row.current .tl-cell a:link, .tl-row.current .tl-highlight { - color: #cccccc; -} - - - - - - - -/*hide a few elements*/ -.view-player .remote-playback-bar { - display: none !important; -} diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/Otto1.png b/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/Otto1.png deleted file mode 100644 index 1a58491..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/Otto1.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/Otto3.png b/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/Otto3.png deleted file mode 100644 index 5ed87bf..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/Otto3.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/color.ini deleted file mode 100644 index 102f4a7..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] -; Based on Otto for KDE -main_fg = FE6F61 -secondary_fg = F0DADA -main_bg = 2C3746 -sidebar_and_player_bg = 2C3746 -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = FE6F61 -pressing_fg = FF5C86 -slider_bg = 2B2B2B -sidebar_indicator_and_hover_button_bg = FF6F61 -scrollbar_fg_and_selected_row_bg = D7DDDE -pressing_button_fg = DEDEDE -pressing_button_bg = 383145 -selected_button = FE6F61 -miscellaneous_bg = 3F3C45 -miscellaneous_hover_bg = 383145 -preserve_1 = FFFFFF diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/readme.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/readme.md deleted file mode 100644 index dc495a8..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/readme.md +++ /dev/null @@ -1,10 +0,0 @@ -# Otto - -## Screenshots - - - -## More -Based on [@jomada](https://github.com/jomada)'s Otto theme for KDE ([Link](https://store.kde.org/p/1358262/) and [Reddit post](https://www.reddit.com/r/unixporn/comments/flve55/kde_plasma_otto/)) - -Works best with the Friends tab disabled (Settings > Display Options > disable "Show Friends Activity") diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/user.css deleted file mode 100644 index 25f99a0..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Otto/user.css +++ /dev/null @@ -1,716 +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: 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; -} - -/*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; -} - -.card:not(.card-horizontal).card-type-album .card-info-title, -.card:not(.card-horizontal).card-type-album .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-track .card-info-title, -.card:not(.card-horizontal).card-type-track .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-collection-album .card-info-title, -.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-episode .card-info-title, -.card:not(.card-horizontal).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; -} -/*.browser-navigation-top-bar .button { - font-weight: bold; - color: #FE9388 -}*/ - -.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; - 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 { - 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; -} - -.Root__nav-bar { - background-color: var(--modspotify_main_bg); -} - -.Root__main-view .btn, -.Root__main-view button { - color: var(--modspotify_main_bg); -} - -.Root__main-view .track-name-wrapper .tracklist-row__album-name-link, -.Root__main-view .track-name-wrapper .tracklist-row__artist-name-link, -.Root__main-view .track-row__episode-date { - color: var(--modspotify_secondary_fg); -} - -.Root__main-view .TrackListHeader__entity-long-description { - color: var(--modspotify_secondary_fg); -} - -.Root__main-view .mo-meta a:link, .Root__main-view .mo-meta a:visited { - color: var(--modspotify_secondary_fg); - opacity: 1; -} - -.Root__main-view .TrackListRow__explicit-label { - background-color: rgba(var(--modspotify_rgb_secondary_fg), 0.6); - color: var(--modspotify_secondary_fg); -} - -.Root__main-view .main-view-container { - background-color: var(--modspotify_main_bg); -} - -.concert-title span { - color: var(--modspotify_secondary_fg) !important; -} diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/OutrunDark.png b/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/OutrunDark.png deleted file mode 100644 index 0a5e6bf..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/OutrunDark.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/OutrunDark_overview.png b/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/OutrunDark_overview.png deleted file mode 100644 index 77de42c..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/OutrunDark_overview.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/README.md deleted file mode 100644 index 479803b..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/README.md +++ /dev/null @@ -1,9 +0,0 @@ -# OutrunDark - -## Screenshots - - - - -## Credits -Based on [the Outrun Theme for VSCode](https://marketplace.visualstudio.com/items?itemName=samrapdev.outrun). Credits to @Solano695 diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/color.ini deleted file mode 100644 index b14e9db..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/color.ini +++ /dev/null @@ -1,36 +0,0 @@ -[Base] -main_fg = ff2e97 -secondary_fg = 484f7d -main_bg = 161130 -sidebar_and_player_bg = 161130 -cover_overlay_and_shadow = ff2e9700 -indicator_fg_and_button_bg = ffd400 -pressing_fg = ffd400 -slider_bg = 2b3971 -sidebar_indicator_and_hover_button_bg = ffd400 -scrollbar_fg_and_selected_row_bg = 161130 -pressing_button_fg = ffd400 -pressing_button_bg = ffd400 -selected_button = ffd400 -miscellaneous_bg = 161130 -miscellaneous_hover_bg = 3fdcee -preserve_1 = ff0000 - -[Dark] -; Light green on Dark Blue background -main_fg = 00FF9C -secondary_fg = DEDEDE -main_bg = 2E2837 -sidebar_and_player_bg = 2E2837 -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = 00FF9C -pressing_fg = FF5C86 -slider_bg = 3F3C45 -sidebar_indicator_and_hover_button_bg = 00BF76 -scrollbar_fg_and_selected_row_bg = 615670 -pressing_button_fg = DEDEDE -pressing_button_bg = 383145 -selected_button = 00BF76 -miscellaneous_bg = 3F3C45 -miscellaneous_hover_bg = 383145 -preserve_1 = FFFFFF \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/user.css deleted file mode 100644 index e6199e0..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/OutrunDark/user.css +++ /dev/null @@ -1,708 +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: 4px !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: 4px !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: 0.25s !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: 0.25s !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: 4px; - 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: var(--modspotify_main_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; -} - -/* -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: 4px !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: 4px !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: #3fdcee; -} - -.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; -} - -.card:not(.card-horizontal).card-type-album .card-info-title, -.card:not(.card-horizontal).card-type-album .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-track .card-info-title, -.card:not(.card-horizontal).card-type-track .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-collection-album .card-info-title, -.card:not(.card-horizontal).card-type-collection-album .card-info-subtitle-links, -.card:not(.card-horizontal).card-type-episode .card-info-title, -.card:not(.card-horizontal).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: 4px !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: #161130 !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 8px 8px 0 !important; - background-color: var(--modspotify_main_fg) !important; - box-shadow: 0 0px 0px 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: transparent; - color: var(--modspotify_main_fg); - padding: 0px 0px; -} - -.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 { - background-color: #161130; - /*background-image: linear-gradient(90deg, var(--modspotify_sidebar_indicator_and_hover_button_bg) , transparent);*/ - opacity: 0; - bottom: unset; - top: 5%; - height: 90%; - width: 100% -} - -.Header__image-inner { - box-shadow: unset; -} - -.Root__nav-bar { - background-color: var(--modspotify_main_bg); -} - -.Root__main-view .btn, -.Root__main-view button { - color: var(--modspotify_main_bg); -} - -.Root__main-view .track-name-wrapper .tracklist-row__album-name-link, -.Root__main-view .track-name-wrapper .tracklist-row__artist-name-link, -.Root__main-view .track-row__episode-date { - color: var(--modspotify_secondary_fg); -} - -.Root__main-view .TrackListHeader__entity-long-description { - color: var(--modspotify_secondary_fg); -} - -.Root__main-view .mo-meta a:link, .Root__main-view .mo-meta a:visited { - color: var(--modspotify_secondary_fg); - opacity: 1; -} - -.Root__main-view .TrackListRow__explicit-label { - background-color: rgba(var(--modspotify_rgb_secondary_fg), 0.6); - color: var(--modspotify_secondary_fg); -} - -.Root__main-view .main-view-container { - background-color: var(--modspotify_main_bg); -} \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/README.md deleted file mode 100644 index 0fe6428..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/README.md +++ /dev/null @@ -1,10 +0,0 @@ -# Pop-Dark - -## Screenshots - - - - -## Info - -Designed to match the new PoP_OS! dark mode. diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/color.ini deleted file mode 100644 index 90e2cf0..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] -; Cyan accents on calming gray background -main_fg = 8AD9D9 -secondary_fg = ffffff -main_bg = 2D2D2D -sidebar_and_player_bg = 2D2D2D -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = c4ecec -pressing_fg = FBB66C -slider_bg = 212121 -sidebar_indicator_and_hover_button_bg = 8AD9D9 -scrollbar_fg_and_selected_row_bg = 363636 -pressing_button_fg = 8AD9D9 -pressing_button_bg = FBB66C -selected_button = 2A2A2A -miscellaneous_bg = 212121 -miscellaneous_hover_bg = FBB66C -preserve_1 = FFFFFF diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/screenshot1.jpg b/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/screenshot1.jpg deleted file mode 100644 index ad32e0a..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/screenshot1.jpg and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/screenshot2.jpg b/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/screenshot2.jpg deleted file mode 100644 index f76aa61..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/screenshot2.jpg and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-Dark/user.css deleted file mode 100644 index b07efdc..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Pop-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, -.NewPlaylistButton { - 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; -} - -/*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; -} \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/README.md deleted file mode 100644 index f2ae44c..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/README.md +++ /dev/null @@ -1,45 +0,0 @@ -# spicetify community themes - -This is a collection of themes for [spicetify](https://github.com/khanhas/spicetify-cli), a command-line tool to customize Spotify; you can add your own theme simply by opening a Pull Requests (more info in the Contributions section). - -### **You can find a preview of all the themes in the [wiki](https://github.com/morpheusthewhite/spicetify-themes/wiki/Themes-preview).** - -## Installation - -(If you use Arch Linux you can find this project on the [AUR](https://aur.archlinux.org/packages/spicetify-themes-git/)) - -Once you cloned the repository you'll need to put the files into the Themes folder. This varies between operating systems. The example shows the `Themes` directory for Linux. For other operating systems, see the `Themes` folder location [here](https://github.com/khanhas/spicetify-cli/wiki/Customization#themes). - -```bash -cd spicetify-themes -cp -r * ~/.config/spicetify/Themes -``` - -**NOTE: to install Dribbblish follow the instructions in its README**. - -After that you can choose which theme to apply just by running `spicetify config current_theme THEME_NAME`. -Some themes have 2 or more different color schemes. You can switch between them, once selected the theme, with `spicetify config color_scheme SCHEME_NAME`. - -## Contributions - -If you want to add your theme: - -- Fork this repository -- Create another folder with your theme name. The theme name should consist of one word starting with an uppercase letter and shouldn't contain `spicetify` or any whitespace in it -- Copy `color.ini` and `user.css` to it -- Create a `README.md` in it with the following structure -```markdown -# THEME_NAME - -## Screenshots - -[Put at least one image here] - -## More - -[Specify any needed font; (optionally) author name and/or any other info about the theme] - -``` -- Open a Pull Request - -**Thanks to all the contributors.** diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/7JL4785.png b/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/7JL4785.png deleted file mode 100644 index 24e0711..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/7JL4785.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/README.md deleted file mode 100644 index a402ad7..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/README.md +++ /dev/null @@ -1,10 +0,0 @@ -# ShadowCustom - -## Screenshots - - - -## More - -Highly inspired by SpicetifyDefault & Dark. -Comment suggestions and bugs below, thanks. diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/color.ini deleted file mode 100644 index b3402e5..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] -; Light green on Dark Blue background -main_fg = 00FF9C -secondary_fg = DEDEDE -main_bg = 2E2837 -sidebar_and_player_bg = 2E2837 -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = 00FF9C -pressing_fg = FF5C86 -slider_bg = 3F3C45 -sidebar_indicator_and_hover_button_bg = 00BF76 -scrollbar_fg_and_selected_row_bg = 615670 -pressing_button_fg = DEDEDE -pressing_button_bg = 383145 -selected_button = 00BF76 -miscellaneous_bg = 3F3C45 -miscellaneous_hover_bg = 383145 -preserve_1 = FFFFFF diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/user.css deleted file mode 100644 index d9ce8a4..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/ShadowCustom/user.css +++ /dev/null @@ -1,813 +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, -.NewPlaylistButton { - 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; -} - -/*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; -} - -/*'New Playlist' Button Removed - Change 'None' to 'Absolute' to re-enable it*/ -.LeftSidebarNewPlaylistButton__button { - display: none; -} - -/*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; -} - -/* -Progress bar handle dot thingy -*/ -.progress-bar .handle { - background: var(--modspotify_main_fg); - border-radius: 50%; - border: 3px solid var(--modspotify_main_fg); - box-shadow: 0 0 3px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),0.4); -} - -.progress-bar .handle { - display: block; - height: 15px; - opacity: 0; - position: absolute; - top: -1px; - width: 15px; -} - - -/* -Re-enabled duration time. Added background color and padding, do ctrl+f type 'progress-container' -to adjust padding, background colour etc... -*/ -.view-player .player-controls-container .progress-container .elapsed, -.view-player .player-controls-container .progress-container .remaining { - display: absolute !important; - text-decoration: bold; - font-size: 12px; -} - -/* 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; -} - -.EmptyFriendFeed__cta--bg-1,.EmptyFriendFeed__cta,.EmptyFriendFeed__cta--bg-3 { - display: none; -} - - -/* -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; -} - -.now-playing-large.expanded { - margin-bottom: 0px; - background: #2E2837; - border-radius: 15px; -} - -/* NEW SHIT */ - -/* like button control bar */ -.view-player .now-playing-container .button-add, .view-player .now-playing-container .button-add:not(:disabled):hover, .view-player .now-playing-container .nowplaying-add-button, .view-player .now-playing-container .nowplaying-add-button:not(:disabled):hover, .view-player .now-playing-container .nowplaying-ban-button, .view-player .now-playing-container .nowplaying-ban-button:not(:disabled):hover { - color: #f54242; -} -/* end of like button control bar */ - -/*like button playlists */ -.spoticon-heart-16::before { - content: "\f320"; - font-size: 16px; - color: #f54242; -} - -.Button--style-icon:before { - font-family: glue-spoticon; - font-style: normal; - font-weight: 400; - -webkit-font-smoothing: antialiased; - display: inline-block; - line-height: inherit; - vertical-align: bottom; - font-size: calc(var(--button-size)/2); - color: #f54242; -} - -.Button--style-icon:before { - text-align: center; - border-radius: 500px; -} - -/*end of like button playlists*/ - -/* arrow to move image on control bar */ -.view-player .now-playing .cover-image-link .toggle-cover-size { - position: absolute; - opacity: 0; - top: -55px; - left: 150px; - width: 24px; - height: 24px; - transition: opacity .5s; -} -/* end of arrow move image control bar */ - - -.progress-bar, .progress-bar .inner { - height: 10px; - position: absolute; - top: 50%; -} - -.progress-bar, .progress-bar .inner { - background: var(--modspotify_slider_bg); - border-radius: 2px; - margin-top: -5px; -} - -.view-player .now-playing-container { - min-width: 600px; -} - -.now-playing cover-size-transition active { - margin-left: 70px; -} - -.now-playing.cover-size-transition.active.image-expanded { - margin-left: -80px; -} - -/* end of my new shit */ - -/* 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; -} - -.progress-bar, .progress-bar .inner { - background: #3e344d; - border-radius: 2px; - margin-top: -5px; -} - -/*Force player bar to has fixed height*/ -.view-player { - background: #554b63; - height: 210px; - border-top: 0; -} - -.view-player .now-playing-container .caption { - display: flex; - align-items: center; - margin-left: 70px; -} - -.view-player .now-playing { - overflow: unset; -} - -.view-player .cover-image-container { - position: fixed !important; - left: 0; - bottom: 0; -} - -.cover-image { - padding: 5px; - background: #2E2837; -} - -.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: 175px; - height: 175px; - left: 7px; - bottom: 61px; - border-radius: 10px; -} - -.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: #f54242; -} - -.progress-container .progress-bar, -.progress-container .inner { - top: 0 !important; - margin-top: 0 !important; - height: 10px; -} - -.with-buddy-list #view-buddy-list { - display: none; -} - -.progress-container .progress-bar-wrapper { - top: 0 !important; - height: 10px; -} - -.view-player .text-container .text-item-container .text-item .scroll-text-container:after { - background: linear-gradient(90deg,transparent,var(--554b63)); - right: 0; -} - -.progress-container { - position: fixed !important; - width: 100% !important; - bottom: 180px; - margin: 0 !important; - background: #554b63; - padding: 10px; -} - -.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/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/README.md deleted file mode 100644 index d7051d9..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/README.md +++ /dev/null @@ -1,9 +0,0 @@ -# Solarized Dark - -## Screenshots - - - -## Credits -Original colorscheme by [Ethan Schnoover](https://ethanschoonover.com/solarized) - diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/color.ini deleted file mode 100644 index e2fb213..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/color.ini +++ /dev/null @@ -1,36 +0,0 @@ -# Solarized Dark official palette -# Base03 #002b36 -# Base02 #073642 -# Base01 #586e75 -# Base00 #657b83 -# Base0 #839496 -# Base1 #93a1a1 -# Base2 #eee8d5 -# Base3 #fdf6e3 -# Yellow #b58900 -# Orange #cb4b16 -# Red #dc322f -# Magenta #d33682 -# Violet #6c71c4 -# Blue #268bd2 -# Cyan #2aa198 -# Green #859900 - -[Base] - main_fg =839496 - secondary_fg =93a1a1 - main_bg =002b36 - sidebar_and_player_bg =002b36 - cover_overlay_and_shadow =000000 - indicator_fg_and_button_bg =2aa198 - pressing_fg = 859900 - slider_bg =073642 - sidebar_indicator =839496 - hover_button_bg =cb4b16 - scrollbar_fg_and_selected_row_bg =586e75 - pressing_button_fg =839496 - pressing_button_bg =073642 - selected_button =cb4b16 - miscellaneous_bg =073642 - miscellaneous_hover_bg =cb4b16 - preserve_1 =FFFFFF diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/screenshot.png b/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/screenshot.png deleted file mode 100644 index d173dd8..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/screenshot.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/user.css deleted file mode 100644 index b10ee3c..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/SolarizedDark/user.css +++ /dev/null @@ -1,657 +0,0 @@ -:root { - --bar-height: 60px; - --modspotify_sidebar_indicator: #839496; - --modspotify_hover_button_bg: #b58900; -} - -* { - font-family: "Helvetica Neue", "Arial", sans-serif !important; - font-weight: 400; -} - -/*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: 0px !important; - overflow: hidden !important -} - -/*Hide some annoying elements like profile name and pic, upgrade button and device connect bar at bottom, new playlist button*/ -.upgrade-button, -.view-player .remote-playback-bar, -.NewPlaylistButton { - 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: 0px !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: 0px; - 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: 0px !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: 0px !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: 0px !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: 0px; - 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: 600 !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: 0px !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: 0px !important; - } - - /* 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 0px 0px !important; - } - - /* Small cover Big cover mechanism */ - .now-playing.cover-size-transition.active.image-expanded .cover-image { - width: 10px !important; - height: 10px !important; - } - .now-playing.cover-size-transition.active.image-expanded .caption { - padding-left: 0px !important; - } - #view-now-playing a.image { - overflow: visible !important; - } - - #view-now-playing.expanded { - width: 200px; - height: 200px; - } - - #now-playing-image-large .cover-image { - height: 200px !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; - } - - 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: 0px !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: 25px; - 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: 0px; - 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 .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 { - position: fixed !important; - width: var(--bar-height); - height: var(--bar-height); - left: 0; - bottom: 0; - } - - .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 0px 0px 0 !important; - background-color: var(--modspotify_main_fg) !important; - box-shadow: 0 0px 0px 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: 0px !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) , transparent); - opacity: 0.2; - bottom: unset; - top: 5%; - height: 90%; - width: 100% -} - -.Header__image-inner { - box-shadow: unset; -} - -.button.button-green.contextmenu-active, .button.button-green:not(:disabled):hover { - background-color: var(--modspotify_hover_button_bg); -} diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/README.md deleted file mode 100644 index fb7bcb5..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/README.md +++ /dev/null @@ -1,11 +0,0 @@ -# Spicy - -## Screenshots - - - -## More - -(This theme was previously posted on a [spectrum chat](https://spectrum.chat/spicetify/themes?tab=posts)) - -Credits to [@Altirix](https://github.com/Altirix) diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/color.ini deleted file mode 100644 index 943a488..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] -;Light green on Dark Blue background -main_fg = 00BF76 -secondary_fg = DEDEDE -main_bg = 1E1A24 -sidebar_and_player_bg = 2E2837 -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = 00BF76 -pressing_fg = FF5C86 -slider_bg = 3F3C45 -sidebar_indicator_and_hover_button_bg = 00BF76 -scrollbar_fg_and_selected_row_bg = 615670 -pressing_button_fg = DEDEDE -pressing_button_bg = 383145 -selected_button = 00BF76 -miscellaneous_bg = 3F3C45 -miscellaneous_hover_bg = 383145 -preserve_1 = FFFFFF \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/screenshot.png b/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/screenshot.png deleted file mode 100644 index cf5579c..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/screenshot.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/user.css deleted file mode 100644 index bacc9c6..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Spicy/user.css +++ /dev/null @@ -1,995 +0,0 @@ - -/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/ -:root { - --bar-height: 87px; -} -/*END*/ - - -/*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: 4px !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, -.NewPlaylistButton { - margin-top: 6px; -} - - -/*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: 4px !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: 4px; - box-shadow: unset !important; -} - -.glue-page-header__full-description-overlay { - box-shadow: unset !important; -} - -.card-placeholder-wrapper { - background: transparent !important; -} - - -.sidebar:hover .sidebar-navbar.sidebar-scroll-element { - opacity: 1!important; -} - -.view-player .player-controls-container, -.view-player .player-controls-container .controls { - overflow: visible !important; -} -/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/ -.view-player .player-controls-container .controls .button-play{ - height:50px !important; - border-radius:4px !important; - background: var(--modspotify_miscellaneous_bg)!important; - box-shadow:0 0 0 0 !important; - width:50px !important; - overflow: visible !important; - box-shadow: 0 5px 15px rgba(0,0,0,0.7) !important; - transition:none 0.3s cubic-bezier(.3,0,.7,1); -} -/*END*/ - -.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 { - 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: 4px !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: 4px !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; -} -/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/ -.card-puff__title { - padding: 5px 10px 5px 10px !important; - background-color: var(--modspotify_miscellaneous_hover_bg) !important; -} -/*END*/ - -/* -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; -} - -/* -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); -} - -/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/ -.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; -} -/*END*/ - -.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 { - 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: 4px !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: 4px !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 4px 4px !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; -} - -/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/ -/* [WINDOWS] Change Profile menu horizontal position */ -body.body-container--windows .content-top-bar__profile-menu-button .dropdown { - right: 10px !important; -} -/*END*/ - -body:not(.body-container--windows) .content-top-bar__profile-menu-button .dropdown { - right: 20px !important; -} - -/*BELOW CSS HAS BEEN ALTERED BY ALTIRIX*/ -/* Small tooltip */ -#tooltip { - box-shadow: 0 0 10px rgba(0,0,0,0.2) !important; - padding: 10px 10px; -} -/*END*/ - -.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; -} - - -.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); - border-radius: 4px !important; -} - -.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; -} - - -.glue-page-header__p2s-details, -.glue-page-header__p2s-followers { - display: none; -} - - -#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; - border-radius: 4px; -} - -.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; -} - - -/* MODIFICATIONS BY ALTIRIX BELOW*/ - -.view-player { - height: 87px !important; - box-shadow: 0 -10px 40px rgba(0,0,0,0.5) !important; -} - -.view-player .now-playing, -.view-player .now-playing-container, -.view-player .now-playing .cover-image-container { - height: 100% !important; - overflow: visible !important; -} - -.view-player .now-playing .cover-image-container { - position: absolute !important; - overflow: visible !important; - bottom: 75px !important; - left: -70px !important; -} -.view-player .now-playing .cover-image-container .cover-image { - width: 120px !important; - height: 120px !important; - position: absolute !important; - box-shadow: 0 5px 10px rgba(0,0,0,0.5) !important; - background-size: cover !important; -} - -.view-player .now-playing-container .caption { - height: 100% !important; - align-content: center !important; - padding-left: 70px !important; -} - -@media (min-width: 1200px){ - .view-player .now-playing-container { - min-width: 500px; - } -} - - -.view-player .now-playing-container { - z-index: 9998 !important; -} - - -#menu-wrapper { - position: fixed !important; - z-index: 9999 !important; - display: flex !important; - height: 100% !important; -} - - - - - -.sidebar .sidebar-navbar.sidebar-scroll-element { - padding-top: 30px !important; - padding-bottom: 60px !important; - opacity: 0 !important; - transition-property: opacity !important; - transition-duration: .5s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; -} - -#content { - padding-bottom: 60px; -} - - -.view-player .player-controls-container .progress-container .elapsed { - position: absolute !important; - - -} -.view-player .player-controls-container .progress-container .remaining { - margin-left: 100%; - position: absolute !important; - right: 5px; -} - -/* -Move progress bar to bottom of window -*/ -.view-player .player-controls-container .progress-container { - position: absolute !important; - width: 100% !important; - height: 100% !important; - bottom: (-87/2px) !important; - margin : 0 0 0 0 !important; - z-index: 9999 !important; -} - -.view-player .player-controls-container .progress-container .progress-bar { - margin-top: -6px !important; - top: 100% !important; -} - -.view-player .player-controls-container .progress-container .progress-bar .inner { - top: 100% !important; - margin-top: -4px !important; - border-radius: 0 4px 4px 0 !important; - background-color: var(--modspotify_main_fg) !important; - -} - -.Button--style-green, -.slider, -.button.button-green, -.button.button-white, -.GlueButton.GlueButton--style-green { - border-radius: 4px !important; - 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 { - border-bottom: 4px solid var(--modspotify_main_fg) !important; - text-transform: uppercase; -} - -.tracklist-album, -.tracklist-chart, -.tracklist-basic, -.tracklist-playlist, -.tracklist-podcast, -.tracklist-popular, -.tracklist-station, -.tracklist-queue, -.tracklist-search { - border-bottom: 0px !important -} - -.TableCell{ - border-top: 0px !important - -} - -.button.button-with-stroke::after, -.button.button-icon-with-stroke::after, -.button-play{ - border-radius: 0px !important; - -} - - -.button.button-icon-with-stroke, -.button.button-with-stroke, -.Button--style-icon-stroke, -.Button--style-icon-background, -.button.button-blue, -.card:hover:after{ - background: var(--modspotify_miscellaneous_hover_bg) !important; - border-radius: 4px !important; - box-shadow: inset 0 0 0 1px transparent !important; -} - -.card:hover:after{ - height: 0px !important; - width: 0px !important; - cursor: default; - -} - - -.tl-row, -.button-play::after, -.button.button-with-stroke.added::after, -.button.button-with-stroke::after, -.button.button-icon-with-stroke::after, -.Button--style-icon-stroke:after{ - box-shadow: inset 0 0 0 1px transparent !important; -} - - - -.section-divider-borderless div, -.section-divider h2, -.section-divider h3{ - border-bottom: 4px solid var(--modspotify_main_fg) !important; -} - -.calendar-icon-day{ - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.calendar-icon-month{ - border-top-left-radius: 4px; - border-top-right-radius: 4px; - color: var(--modspotify_main_bg) !important; -} - -.tl-explicit, -.tl-premium, -.label, -.TableCellSong__label{ - color: var(--modspotify_secondary_fg) !important; - border: 0px solid !important; -} - - - -.tl-header th, .tl-cell { - border-top: 0px !important; -} - -.context-menu { - box-shadow: 0 5px 12px 0 rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.7); - overflow: hidden; -} - -#new-playlist-button-mount-point{ - padding: 0 0 150px; -} - - -.view-player .now-playing .cover-image-link .toggle-cover-size{ - left: 90px; - background-color: transparent; -} - -.now-playing__button{ - background-color: transparent; -} -#view-now-playing.expanded { - margin-top: -150px; -} - - -.now-playing-large.expanded { - margin-top: -50px; - margin-bottom: 87px !important; -} - -#view-now-playing a figure .cover-image{ - background-position: unset; -} - - -.sidebar #offline-global-progress{ - margin: -52px 0 55px 0; -} - -.view-player .now-playing-container .caption .text-container { - margin-left: -30px; -} - -.sidebar { - width: 15px !important; - min-width: 15px !important; - transition-duration: .5s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; - opacity: 0; -} - - -.sidebar:hover { - width: var(--left-sidebar-width) !important; - min-width: 100px !important; - opacity: 1; -} - -#now-playing-image-large figure div.cover-image { - height: var(--left-sidebar-width) !important; -} - -/*this was a bitch to find, have to switch into the wrapper as you do the animation or you will get old css that has no animation css*/ -.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, -.card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper, -.card-image-content-wrapper, -.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper{ - transform: unset !important; - box-shadow: unset !important; -} - -.card-image-hit-area:hover .card-hit-area-counter-scale{ - background: rgba(var(--modspotify_rgb_cover_overlay_and_shadow),0.6) !important; - transition-property: all !important; - transition-duration: 1s !important; - transition-timing-function: cubic-bezier(.3,0,0,1) !important; - opacity: 1 !important; -} - - -.card .card-button-play.contextmenu-active, -.card .card-button-play:not(:disabled):hover{ - transform: scale(1.07143) !important; - background-color: var(--modspotify_miscellaneous_hover_bg) !important; - transition: none !important; -} - -.glue-page-header .card-type-user{ - -webkit-clip-path: none !important; -} - - -.card-type-artist .card-image, -.card-type-artist .card-image-hit-area, -.card-type-artist .card-overlay, -.card-type-artist .card-placeholder-wrapper, -.card-type-artist .card-image-link, -.card-type-artist .card-hit-area-counter-scale, -.card-type-collection-artist .card-image, -.card-type-collection-artist .card-image-hit-area, -.card-type-collection-artist .card-overlay, -.card-type-collection-artist .card-placeholder-wrapper, -.card-type-collection-artist .card-image-link, -.card-type-collection-artist .card-hit-area-counter-scale, -.card-type-user .card-image, -.card-type-user .card-image-hit-area, -.card-type-user .card-overlay, -.card-type-user .card-placeholder-wrapper, -.card-type-user .card-image-link, -.card-type-user .card-hit-area-counter-scale{ - border-radius: unset !important; -} - -.h-search:focus{ - background: var(--modspotify_scrollbar_fg_and_select) !important; -} - - -img.ConnectPopup__devices-image{ - height: 0px !important; - margin: 0px !important; -} -.GlueDropdown, -.PlaylistAnnotationModal__img, -.image, -.Menu, -.profile .avatar, -.card-type-artist .card-image, -.Card--artist .Card__image, -.card-station-overlay, -.Card--artist .Card__overlay, -.card-hit-area-counter-scale, -.featured-item-comment, -.card-puff__title, -.button, -.change-location__label, -.toggle-cover-size, -.card-horizontal > .card-horizontal-interior-wrapper:hover, -.card-horizontal > .card-horizontal-interior-wrapper:active, -.body-container--unknown-os .context-menu, -.body-container--windows .context-menu, -.body-container--unknown-os .ConnectPopup, -.body-container--windows .ConnectPopup { - border-radius: 4px !important; -} - - -.upload-container, -.upload-container .background-stripe{ - border-radius: 0px !important; -} - -.list-group-item{ - border-bottom: unset !important; - border-top: unset !important; -} - - -.SearchInput { - color: var(--modspotify_main_fg); -} - -input#search-input, -.SearchInput__input, -.PlaylistAnnotationModal__playlist-name-input, -.PlaylistAnnotationModal__playlist-description-textarea, -.PlaylistAnnotationModal__img{ - background-color: var(--modspotify_pressing_button_bg) !important; - border-radius: 4px!important; - color: var(--modspotify_secondary_fg); -} -a.spoticon-helpcircle-16.ConnectPopup__header-help{ - visibility: hidden; -} \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/README.md deleted file mode 100644 index afc5bde..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/README.md +++ /dev/null @@ -1,11 +0,0 @@ -# Sweet - -## Screenshots - -Window: - - - -## More - -Based on the [Sweet](https://github.com/EliverLara/hyper-sweet) color scheme. diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/color.ini deleted file mode 100644 index afedb3d..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] - -main_fg = c74ded -secondary_fg = 71f79f -main_bg = 151824 -sidebar_and_player_bg = 323542 -cover_overlay_and_shadow = 7cb7ff -indicator_fg_and_button_bg = c74ded -pressing_fg = 71f79f -slider_bg = 555753 -sidebar_indicator_and_hover_button_bg = c74ded -scrollbar_fg_and_selected_row_bg = 7cb7ff -pressing_button_fg = F2EFEA -pressing_button_bg = c74ded -selected_button = 71f79f -miscellaneous_bg = ed254e -miscellaneous_hover_bg = 7cb7ff -preserve_1 = FFFFFF diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/screenshot.png b/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/screenshot.png deleted file mode 100644 index 850ae3c..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/screenshot.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/user.css deleted file mode 100644 index 607cb86..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Sweet/user.css +++ /dev/null @@ -1,694 +0,0 @@ -:root { - --bar-height: 80px; -} - -/*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_main_fg); - background-color: var(--modspotify_main_bg) !important; - border-radius: 4px !important; - padding-left: 34px; -} - -.sidebar:hover .sidebar-navbar.sidebar-scroll-element { - opacity: 1!important; -} - -.offline-label-wrapper, -#view-message-bar .message, -.alert .close { - color: var(--modspotify_preserve_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; - width:50px !important; - overflow: visible !important; -} - -.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 .controls .button::before { - transition: 250ms; -} - -.view-player .player-controls-container .controls .button { - /* background-color: var(--modspotify_main_fg); */ - color: var(--modspotify_preserve_1); - box-shadow: 0px 0px 8px var(--modspotify_main_fg); - transition: 250ms; -} - -.view-player .player-controls-container .controls .button:hover { - box-shadow: 0px 0px 14px var(--modspotify_main_fg) !important; - transform: none !important; -} - -.view-player .player-controls-container .controls .button.active { - color: var(--modspotify_secondary_fg); -} - -.view-player .player-controls-container .controls .button.active::after { - display: none; -} - -.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 { - 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; - color: var(--modspotify_main_fg); -} - -/* 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: 2px; -} - -.progress-container .progress-bar-wrapper { - top: 0 !important; - height: 2px; -} - -.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; -} - -.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/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/README.md deleted file mode 100644 index ba1fd2c..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/README.md +++ /dev/null @@ -1,26 +0,0 @@ -# TrekyGoldenrod - - - -## Screenshots - - - - - - - - - -## More - -**Credits**: Based off the [Sweet](https://github.com/morpheusthewhite/spicetify-themes/tree/master/Sweet) theme developed by [morpheusthewhite](https://github.com/morpheusthewhite) - - - -### To Do - -- [ ] Get rid of Followers number on public playlists -- [ ] Change font -- [ ] Deal with awkward `profile-menu-toggle` arrow at top right of app -- [ ] Is it possible to match color for min, max, and close buttons at top right of app \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/color.ini deleted file mode 100644 index d582f48..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/color.ini +++ /dev/null @@ -1,18 +0,0 @@ -[Base] - -main_fg = fbb611 -secondary_fg = ddca9f -main_bg = 644806 -sidebar_and_player_bg = 644806 -cover_overlay_and_shadow = A57D1F -indicator_fg_and_button_bg = ba943f -pressing_fg = fbb611 -slider_bg = ddca9f -sidebar_indicator_and_hover_button_bg = ddca9f -scrollbar_fg_and_selected_row_bg = ba943f -pressing_button_fg = ddca9f -pressing_button_bg = FFFFFF -selected_button = fbb611 -miscellaneous_bg = FFFFFF -miscellaneous_hover_bg = FFFFFF -preserve_1 = FFFFFF \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot.png b/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot.png deleted file mode 100644 index 58a57bc..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot2.png b/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot2.png deleted file mode 100644 index 48b9025..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/screenshot2.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/user.css deleted file mode 100644 index 6d8096c..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/TrekyGoldenrod/user.css +++ /dev/null @@ -1,202 +0,0 @@ -/*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; -} - -/* Don't show the album cover */ -.view-player .now-playing .cover-image-link-wrapper { - display: none !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; -} - -/*Thinner scrollbar*/ -::-webkit-scrollbar { - height: 1px !important; - width: 1px !important; - background-color: transparent; -} - -/* This is needed to move the bar above the player buttons */ -:root { - --bar-height: 70px; -} - -/*Hide top and bottom buttons of scrollbar */ -::-webkit-scrollbar-button { - display: none !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; -} - -/*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%; -} - -/* Type THX1138 in search box :) */ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/README.md deleted file mode 100644 index 2d5018e..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/README.md +++ /dev/null @@ -1,9 +0,0 @@ -# Twasi - -## Screenshots - - - -## More - -Highly inspired by Night. \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/color.ini deleted file mode 100644 index b39a5a6..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/color.ini +++ /dev/null @@ -1,17 +0,0 @@ -[Base] -main_fg = 5465bf -secondary_fg = afb6c5 -main_bg = 1a2035 -sidebar_and_player_bg = 202940 -cover_overlay_and_shadow = 000000 -indicator_fg_and_button_bg = 232f4a -pressing_fg = 1757B1 -slider_bg = 202940 -sidebar_indicator_and_hover_button_bg = 4d68ff -scrollbar_fg_and_selected_row_bg = 303e8a -pressing_button_fg = 202c6e -pressing_button_bg = 6e94a1 -selected_button = 3a468a -miscellaneous_bg = 3f51b5 -miscellaneous_hover_bg = 202c6e -preserve_1 = 4052b3 \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/screenshot.png b/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/screenshot.png deleted file mode 100644 index c06daf7..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/screenshot.png and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/user.css deleted file mode 100644 index 09c5998..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Twasi/user.css +++ /dev/null @@ -1,716 +0,0 @@ -:root { - --bar-height: 60px; - } - - /*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, - .NewPlaylistButton { - 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; - } - - /*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(0.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(0.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(0.3, 0, 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), 0.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; - } - - @keyframes title_in { - from { - margin-left: 120px; - opacity: 0; - } - } - .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: 6px 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), 0.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: 2px; - } - - .progress-container .progress-bar-wrapper { - top: 0 !important; - height: 2px; - } - - .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), 0.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, - #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; - } - - @keyframes in-0 { - from, 0% { - opacity: 0; - margin-left: 2em; - } - } - @keyframes in-1 { - from, 8% { - opacity: 0; - margin-left: 2em; - } - } - @keyframes in-2 { - from, 16% { - opacity: 0; - margin-left: 2em; - } - } - @keyframes in-clipping { - from { - clip-path: inset(48% 48% 48% 48%); - opacity: 0; - } - to { - clip-path: inset(0 0 0 0); - opacity: 1; - } - } - .glue-page-header__label { - animation: in-0 1s cubic-bezier(0.12, 0.13, 0.15, 1); - } - - .glue-page-header__title-text, .Header__button, .text-item-container.text-item-container-artists .inner-text-span span[data-bind="foreach: artists"] { - animation: in-1 1s cubic-bezier(0.12, 0.13, 0.15, 1); - } - - table, .glue-page-header__meta-info, .glue-page-header__button, #nowplaying-track-link-container { - animation: in-2 1s cubic-bezier(0.12, 0.13, 0.15, 1); - } - - .Card__image { - animation: in-clipping 0.4s cubic-bezier(0.12, 0.13, 0.15, 1); - } \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/README.md deleted file mode 100644 index a42853c..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/README.md +++ /dev/null @@ -1,9 +0,0 @@ -# TychoAwake - -## Screenshots - - - -## More - -Source: https://github.com/DoubleJarvis/SpicetifyThemes \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/color.ini b/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/color.ini deleted file mode 100644 index 924f6fb..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/color.ini +++ /dev/null @@ -1,17 +0,0 @@ -[Base] -main_fg = B27F60 -secondary_fg = B67363 -main_bg = 31363B -sidebar_and_player_bg = 31363B -cover_overlay_and_shadow = B67363 -indicator_fg_and_button_bg = 9C6B67 -pressing_fg = FFCEDA -slider_bg = 8D6B86 -sidebar_indicator_and_hover_button_bg = 9C6B67 -scrollbar_fg_and_selected_row_bg = 404B61 -pressing_button_fg = DEDEDE -pressing_button_bg = 9C6B67 -selected_button = 9C6B67 -miscellaneous_bg = ecd3da -miscellaneous_hover_bg = ECD3DA -preserve_1 = 3A2E48 \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/user.css b/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/user.css deleted file mode 100644 index e5ec5bb..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/TychoAwake/user.css +++ /dev/null @@ -1,647 +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, -.NewPlaylistButton { - 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; -} - -/*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; -} - -/* 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 .cover-image { - width: 10px !important; - height: 10px !important; -} -.now-playing.cover-size-transition.active.image-expanded .caption { - padding-left: 0px !important; -} -#view-now-playing a.image { - overflow: visible !important; -} - -#view-now-playing.expanded { - width: 200px; - height: 200px; -} - -#now-playing-image-large .cover-image { - height: 200px !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; -} - -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 .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 { - position: fixed !important; - width: var(--bar-height); - height: var(--bar-height); - left: 0; - bottom: 0; -} - -.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 20px 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; -} \ No newline at end of file diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Vaporwave/NewRetro.PNG b/archive/dotfiles-12-6-2022/spicetify/Themes/Vaporwave/NewRetro.PNG deleted file mode 100644 index 7cf6ba6..0000000 Binary files a/archive/dotfiles-12-6-2022/spicetify/Themes/Vaporwave/NewRetro.PNG and /dev/null differ diff --git a/archive/dotfiles-12-6-2022/spicetify/Themes/Vaporwave/README.md b/archive/dotfiles-12-6-2022/spicetify/Themes/Vaporwave/README.md deleted file mode 100644 index 7847cae..0000000 --- a/archive/dotfiles-12-6-2022/spicetify/Themes/Vaporwave/README.md +++ /dev/null @@ -1,25 +0,0 @@ -# Vaporwave - -## Screenshots - -#### NewRetro (Default) - - - -#### SeaPunk - - - -## How to install - -To switch between the color themes run - -``` -spicetify config color_scheme