Code Monkey home page Code Monkey logo

hazy's Introduction

Hazy

A translucent theme based on DynamicDefault and Bloom. If you're liking Hazy, please don't forget to ⭐ the project.

Preview

Custom Backgrounds

demo-base demo-base demo-base

Set Background To Album Art

demo-base

⏹️ How To Get Sidebar ⏹️


  1. Click on your Profile > Experimental Features
  2. Search"sidebar"
  3. Copy the following settings:

Click the new "Now Playing View" button to activate the sidebar

⬇️ Automatic Installation ⬇️


Windows -> PowerShell:

iwr -useb https://raw.githubusercontent.com/Astromations/Hazy/main/install.ps1 | iex

macOS and Linux -> Bash:

curl -fsSL https://raw.githubusercontent.com/Astromations/Hazy/main/install.sh | sh

📃 Manual Installation 📃


Download the repo and put user.css, theme.js and color.ini into a new folder named Hazy, and place this folder into your Themes folder in .spicetify. Then run these commands to apply:

spicetify config current_theme Hazy
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 inject_theme_js 1
spicetify apply

hazy's People

Contributors

astromations avatar hbishere avatar leterdieu avatar neonyaa avatar noravr avatar sanoojes avatar sunsettechuila avatar tkanx avatar zuntie avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hazy's Issues

[QUESTION] Spotify background images used in preview screenshots

Hello, is it possible to link the background images of Spotify that were used in the preview screenshots in the README file? More specifically, I'd like to know which background images were used in the hazy_home.png and hazy_play.png files in the repository. Asking because I really took a liking to them and I wasn't quite able to get any results when reverse image searching for them on the internet. I'd like to use them as my own Spotify backgrounds. Sorry if this is the incorrect way of asking a question in this type of matter, but I didn't really see any other way of asking questions like this other than the issue tracker. I hope you can understand :)

Feature Request: Add Crossfade Effect for Background Image Transitions

Currently, the background image snaps to the next one instantly when the song changes. By implementing a crossfade effect, the transitions would be smoother and provide a better user experience. It would probably be a nice addition if the crossfade effect duration also matched with the crossfade setting for audio but I'm not exactly sure if it's possible and easy to do so.

[MacOS] Playlist art getting cropped on top by navigation buttons

Custom and automatically generated Playlist art gets cropped by the navigation buttons on top. About 30% gets cropped and rounded edges get squared out. Behavior persists in Full-Screen mode as well.

Same problem does not occur with album art. Image references given below for comparison.

Album Art

Album

Playlist Art

Playlist

playbar and volume marker lags behind actual playbar and volume bar

the white marker on the playbar and volume bar does not follow the actual bar. it kind of irks me that they're not the same speed, pls fix?

a905c88b4c94c510604e80a6ac09f869.mp4

On another note, I'd really like to be able to change the color of currently playing songs/like button color/playbar color, etc. from the usual spotify green to a different color. Is there any way to do this?

everything is black

as the title says, not sure why :/ tried to install the theme through the app as well as powershell, though no help.
transparency effect is enabled in windows, im on windows 10
image

Background photo won't change

I keep clicking apply but it doesn't do anything. It just leaves me with the edit settings open. I've tried restarting the app but it didn't do anything.

[BUG] Now playing overlapping lyrics full view

Description of the bug

Whenever you open the lyrics full view from the now playing view and click the expand icon on the cover art, it overlaps the lyrics.

Steps to reproduce the bug

1. Open now playing window

image

2. Click on "Open in cinema mode" in the lyrics area

image image

3. Click on expand in the album art in the left area

image

And this is how it'll end up looking
image

Background Album Art Not Changing With Next Song

As the title states, the background isn’t changing with the next song. It’s showing whichever song I first started playing. If I restart the theme, it’ll update but then the same thing happens

I am on Spotify 1.2.30.1131 with Spicetify v2.30.0

This is my favorite theme in the marketplace by far, so I hope an update can correct this behavior. Thanks!

Side panel bottom/top dim persists after scrolling to top/bottom

See how the bottom-most item is slightly dimmed/faded?
image
Same with the text on the right panel:
image

Spotify Version: 1.2.14.1149
Spicetify Version: v2.20.1
Hazy last update: 24th June 24th, 2023
Zoom level: 90%

Also there is a minimise, restore and close button placeholder behind the buttons themselves. (The white rectangle in the second image)

Long playlist titles getting cut off

Long playlist titles that use up 2 rows and above of title space got cut in half at the 2nd row
image
image
image
It's very annoying... I hope yall can fix it asap 🫶 But been loving the theme so far, it's the best custom background theme I've found 😍

Cascade Menu that shows up after you press your profile picture for last.fm stats and auto skip on the right side being cut off by the border of the screen

@Astromations

The cascade menu for last.fm stats and auto skip after you press on your profile picture on the top right of your screen where the settings, account, experimental features etc are. Get cut off by the border of the screen is there any way to make it so that the cascade menu shows on the left side like other themes thus making it not get cut off?

Making it go from this
Screenshot 2023-11-20 201138 Screenshot 2023-11-20 201146

To something like this
Screenshot 2023-11-20 201321 image_2023-11-20_201606546

[SUGGESTION] Round buttons

Would it be possible to add round buttons like the original Spotify theme and have a setting to toggle on/off?

The Marketplace icon is gone

Hi!
I can't see the Marketplace anymore. I tried changing the theme to SpicetifyDefault via Powershell, tried "spicetify restore backup" too, but the only thing that seems to change are the colours.
Any help please?

image

high CPU/GPU usage

I noticed a high CPU/GPU usage. I found out that the reason was probably the progress bar of Galaxy. But just commenting out the future color of the progress bar fixed the problem :)

/* smooth progress bar from Galaxy */
/*.x-progressBar-fillColor {
    transition: transform 1s linear;
}
.progress-bar__slider {
    transition: left 1s linear;
}
.playback-progressbar-isInteractive .DuvrswZugGajIFNXObAr .x-progressBar-fillColor,
.playback-progressbar-isInteractive .DuvrswZugGajIFNXObAr .progress-bar__slider {
    transition: none;
}

.ChipClearComponent-chipClear-useBrowserDefaultFocusStyle,
.ChipInnerComponent,
.ChipComponent-checkbox-chip-useBrowserDefaultFocusStyle > span {
  border-radius: var(--button-border) !important;
}

.x-progressBar-sliderArea {
  box-shadow: -2px 1px 7px 1px rgb(0 0 0 / 14%)
}


.main-addButton-active,
.control-button-heart {
  transition: filter 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.main-addButton-button[aria-label="Remove from Your Library"]:hover {
  filter: drop-shadow(0 0 6px var(--spice-button));
}

.main-addButton-button[aria-label="Save to Your Library"]:hover {
  filter: drop-shadow(0 0 2px rgba(var(--spice-rgb-selected-row),.7));
}*/

Bring back artist banner background

Before, the artist banner would appear at the top of the artist's page, and then move to the background but still stay visible as you scroll down. Now the artist banner just fades into the background instead of staying visible. Is it possible to have this as a toggle option, as some may really like the option and some may not?

image

After one of the recent updates, scrolling becomes stuttery until reloading the app

After one of the recent updates, the app starts to get stuttery very quickly (like in 30 minutes or so), requiring a reload to be smooth again. I took a screen recording and while it's much more noticeable in person, there is still a visible difference in the smoothness after the app was refreshed.

Kapture.2023-07-04.at.01.54.16.mp4

Background Image Won't Apply

What is the max size image I can use? I have tried adding 1080p image through imgur and direct storage and neither would load. Love the theme :)

High GPU usage

Theme is running on the inbuilt GPU from the Ryzen 9 5900HX in my Notebook.
Spotify's GPU usage with this theme is constantly above 80% - even when there's nothing that "moves" behind the Blur.

Can't jump to lyrics when clicked.

Hello, I found your theme on spicetify marketplace and it's awesome! But I have an issue about the lyrics. Can you make the skip lyrics feature, like tap on the specific lyrics and jump onto those lyrics? Thank you very much!

p.s and for lyrics cinema mode, can you make it with colored background and not transparent one? or there is a way to make it with colored background? Thank you very much!

Play bar not translucent

Is there any way to make it that way? On the screenies I can see you can, any help is welcome Thanks
spicetify

Bottom left cover art is slightly off-center

I'm on the following versions:

macOS (Apple Silicon) Sonoma 14.1.1
Spotify 1.2.25.1011.g0348b2ea
Spicetify v2.27.2
Hazy from the marketplace

and as seen in the image the cover art in the bottom left corner is off center, like it doesn't have any left padding. It occurs even if I don't have anything else applied, just base spicetify with the theme.
Screenshot 2023-11-28 at 5 07 26 PM

I have basically zero coding knowledge but I managed to common-sense my way through the CSS and fix it with the following snippet:

.main-coverSlotCollapsed-container {
margin-left: 8px
}

Screenshot 2023-11-29 at 12 05 53 PM

but of course it would be better if it's fixed in the theme itself in case other people have the issue. If it's an isolated issue for some reason then I can just use the snippet since it seems to work fine.

Custom background

How do I choose a custom local image for my background?

I think I gotta choose it from File Explorer. But when I do it, it shows this:
image

And applying this results in a solid black theme.

Marketplace is missing

I can't find my marketplace. I tried reinstalling it and updating my spicetify but it won't reappear.

Add a song highlighter

Hi, thanks for creating and maintaining this theme!
I think it would be really useful if you could implement a song highlighter that would indicate which song that is selected, since it's really hard to tell what is selected and especially so when highlighting multiple songs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.