StarryNight

[22Nico22]

Prerequisites Before opening an issue, make sure

1. You have the most recent spicetify version. Its the newest!
2. Your Spotify version is compatible with the spicetify version you are using. Yes its the newest
3. You have the most recent version of the themes. Yes I have it!
4. You followed the installation instructions for the theme you are using (please go through the entire theme README). Yes I did

Dear Spicetify Team / Theme Creator,

I would like to report a UI issue related to one of the themes available for Spicetify. I really love the design and overall feel of the theme, but unfortunately, there’s a problem with the top control panel that affects usability.

As shown in the attached screenshot, the upper control buttons (minimize, maximize, and close) appear to blend into the background and are difficult to distinguish or use. This also seems to interfere with the search bar and the overall navigation, making it hard to interact with certain elements or even type in the search field.

It would be great if this could be fixed—perhaps by adjusting the opacity, contrast, or background layer behind the top bar—so that the controls remain clearly visible and functional, even when using this beautiful theme.

Thank you in advance for your attention and for all the amazing work you do on Spicetify!

Best regards,

Nico

Screenshots If applicable, add screenshots to help explain your problem.

I can't click on the searchin bar or on the house neither on my profil etc.

Specifics (please complete the following information):

• OS: Windows
• Spotify the newest I reinstalled it
• Spicetify the newest again, I also reinstalled this one
• StarryNight

[Babs47]

This is also happening to me. Tried a full wipe and reinstall with nothing but the theme to narrow it down, so it's very much the theme.

On a Mac M2 Sequoia 15.5

Spotify for macOS (Apple Silicon) 1.2.65.255.g85e641b4 Spicetify v2.40.10 xpui-snapshot_2025-05-30_1748630263618_85e641b cef_134.3.11+g7c94248+chromium-134.0.6998.178 Runtime: Chrome

[5skyes]

Ran into this today and took a peek at it .. Traced it to the .Root__globalNav block. Looks like something is overriding the grid-area property. Setting this property with !important resolves this issue, but is a bodge. ~~Haven't tracked down what's responsible for this override yet.~~ EDIT: Looks like a missing line in grid-template-areas that's come back to bite us. Adding back a reference to top-banner fixes this. PR here, but should get checked out more fully.

[KingWaffleIII]

Can confirm adding that extra line to user.css works.

[KingWaffleIII]

Actually, this edit seems to break the queue and devices menu on the right. No longer shows anything.

[eggman127]

I am having the same issue, and updating the CSS file did not work for me. Is there anything else I need to do?

[5skyes]

Kay, updated previous PR with a potential fix. Instead of adding a new line, swapping the first of the calls to global-nav with a call to top-banner seems to fix sidebar issue. still not sure this is the root cause, but seems to work... better.

New PR Commit wit changes Here.

[eggman127]

I can confirm the new fix works. Thank you!

[bxny09]

Hello, i have no idea how github works. And I know even less about html and how to change the code in the files for this fix, is there any way u could explain how to make these changes?

[KingWaffleIII]

Hello, i have no idea how github works. And I know even less about html and how to change the code in the files for this fix, is there any way u could explain how to make these changes?

@bxny09 did you install the theme through marketplace or by downloading it from GitHub?

[Amraj105]

I'm the same as @bxny09 tbh and I installed spicetify through powershell and starry night through marketplace.

I am having a problem where I can't access half the buttons on the top of my screen including marketplace which is really annoying since my plan was to uninstall starry night due to the annoying bugs.

Would appreciate it if someone could reply...

[eggman127]

@Amraj105 basically, to get rid of the starry night theme, in powershell run the following command:

spicetify config current_theme " " color_scheme " "
spicetify apply

Then, with this done, your spicetify will be back to normal. To edit the css file, navigate to your spicetify folder, most commonly found in the AppData folder in your file explorer. Then, navigate to themes, and then starry night and open user.css. This where you will apply the updates to the file. Once that is done, save the file, and go back to powershell. Run the following commands:

cd "$(spicetify -c | Split-Path)\Themes\StarryNight"
spicetify config current_theme StarryNight color_scheme base
spicetify config inject_css 1 replace_colors 1 overwrite_assets 1 inject_theme_js 1
spicetify apply`

You should be good to go. Let me know if you have other questions

[Amraj105]

Absolute legend @eggman127

[LivyLives]

Omg thank you so much @eggman127