Dark text on dark background and light text on light background when highlighting.

Version: Play Midnight for Google Play Music™ 2.4.0

Styles for progress are remaining orange when at/moved to the beginning

Unfortunately, it looks like a recent update to the Play Music UI has affected Play Midnight.
Here's screenshots of before and after enabling the extension.

Looks like Google pushed some style updates (which are rather nice actually) that caused a few things to look weird with the extension. As far as I can tell it's all non-critical, but worth fixing:

1. 1px border around "..." button in currently playing bar at the bottom.
2. Current nav item text is play-orange, not in suit with selected midnight theme's palette.
3. "Music" title item in nav sidebar has weird alignment

Google has pushed some design updates since we merged #6 which make the cards responsive to screen size, so we should get rid of this code since it's not doing anything useful anymore and could potentially cause visual bugs.

Expected behaviour:

When I click the loop or shuffle buttons (the loopy arrows or the criss cross arrows), the colour should change to my accented colour to indicate a change in state.

Actual behaviour:

When I click the loop or shuffle buttons (the loopy arrows or the criss cross arrows), the colour remains white (inactive colour) instead of the accented colour chosen (orange in my case).

Other Information

I noticed this happening sometime early this week or late last week. I tried tinkering with some live-css and plopping some !important tags in but that didn't work either

Styles aren't applying to playlist and settings sidebar items

Is it possible to install this with tampermonkey?

Just asking as I try to install purely visual extensions with tampermonkey as it seems to decrease bloat

So this is shuffle OFF:

This is shuffle ON:

(I think.. I might have gotten those backwards, which illustrates the point)

In some places, like the new "refine suggestions" flow, there's a dark gray font color being used on even darker gray background. It's quite unreadable. ;)

For example:

Original:

(There's also a non-styled white bar at the bottom, but I just noticed that now.)

Hm, I thought I remembered it happening in more areas, but maybe some of those went away with this week's redesign.

The headings for the artist pages, playlists and radio stations are no longer being targeted to change the font from black to something lighter.

I can't save any options, and the sidebar is missing.

Love the project <3

I like Play Midnight very much, together with the new icon, thanks :)

I have one request: I'm always listening "I'm feeling lucky" radio, refreshing playlist when it's not lucky.
To see if I like the playlist I open it, and it's in muscle memory already that it's the rightmost icon in lower row. For some time it's Play Midnight settings, so I'm opening settings instead :)

Can it be swapped? :)

Hi, this is not a bug, more of a feature request and/or discussion. I'm curious if you or other devs have had experience styling the Play Music's chromecast display, or know if that's even feasible?

Google updated design of sidebar and after this changes, there's no option for open "Play Midnight" Options.

I'ts been hidden for some time now, but recently it changed to this:

It would be great if there was a shortcut that creates a new Play Music panel (without tabs etc) or switches to it if it exists. That way,

I have some code at https://github.com/wmertens/global-chrome-tab for opening tabs with a global shortcut, but right now I'm using this applescript:

tell application "Google Chrome"
	if frontmost then
		set w to window 1
		if visible of w is true and (URL of active tab of w) contains "music/listen" then
			-- Chrome uses minimized instead of miniaturized
			set minimized of w to true
			return
		end if
	end if
	activate
	set i to 0
	repeat with w in (windows)
		set i to i + 1
		set j to 0
		repeat with t in (tabs of w)
			set j to j + 1
			if URL of t contains "music/listen" then
				set (active tab index of w) to j
				set index of w to 1
				tell application "System Events" to tell process "Google Chrome"
					perform action "AXRaise" of window 1 -- `set index` doesn't always raise the window
					-- keystroke "f" using {option down, command down}
				end tell
				return
			end if
		end repeat
	end repeat
	activate
	set w to make new window
	-- set URL of active tab of w to "https://play.google.com/music/listen"
	
	-- wait for the tab to load so js can run
	delay 1
	-- this needs developer access - alternatively use the "set URL" line above
	execute of active tab of w javascript "window.open('https://play.google.com/music/listen','window','toolbar=no, menubar=no, location=no, resizable=yes noopener=yes')"
	close w
end tell

Fantastic work on this theme!
In late March, Google rolled out some minor updates to Play Music which broke styling a little:

• The Google Play Music logo in the sidebar has a white background
• The black background on list views stretches all the way to the window edge (supposed to show a strip of the big hero image on each side of e.g. a playlist)

Google has pushed a bunch of changes to GPM.

Google recently updated the web UI for GPM to reduce the padding in between songs in the main frame (for example, when you're viewing the contents of a playlist or album). As a result, the padding between the playlists is greater than between the songs in the next frame. The lack of consistency is a bit jarring, especially if you have the static playlist sidebar option enabled. More importantly, if you have many playlists (as I do), you have to scroll a lot to get through them all.

So, it would be great to have an option to decrease the playlist sidebar padding to be more consistent with the rest of GPM.

It would be neat to have a such option depending on users clock.

After update, I have troubles with "Play queue" that doesn't work properly. Also Google in "Play Queue" added new white gradient, that with "Play Midnight" looks ugly.

The troubles with "Play Queue":

1. Open it
2. Try to click outside to close this menu
3. Click was triggered in wrong place (menu is reopened)

My thumbs up playlist, has these weird arrows next to each song. One big up arrow, and two diagonal arrows. No idea what they do but they are a major eye sore

Hello,

Currently the GPM logo in the top left corner is orange (default theme).
It would be nice if it matched the custom accent color, but it seems it is not html but a set image. Therefore I think it could be set to a light grey to fit with any custom accent color?

Thanks again for the brilliant extension!
Cheers

What's the license of this extension?

Hi,

I've just started using play-midnight (the latest version from the chrome web store) and I stumbled upon a small issue with the background color of playlists.

The color keeps swapping (light and dark) when scrolling past the first few songs.

Here's a screencap to visualize what I mean:

Now that Firefox uses webextensions this really should be easier to maintain for both browsers.

z-index of song progress bar+handle needs to be raised so that when side menus are displayed, the handle can still be easily grabbed

Hi there, just wanted to let you know that as of the (very recent) update to Google Play Music, there are a couple of unthemed areas (not unexpected, since they appear to be totally new).

If you need any extra detail, don't hesitate to ask!

Right-hand-side "Playlists" Sidebar

A new sidebar specifically for playlists has been added. You access the sidebar using the new button in the top bar which has (aptly) a playlist icon:

And then it slides out, and currently looks like this:

"Upgrade to family plan" Page

There is now a new page accessible in the existing (left-hand-side) sidebar when you click button which is above the "Play Midnight" one in this screenshot:

It takes you to a completely new page, which is scrollable, that has some issues on the light and dark areas:

The only thing difficult in the light area is that the text next to the checkmark at the bottom is difficult to read

The dark area is much worse; the header text of "What You'll Get", as well as the table columns' headings ("Features", "Free", and "Unlimited" from left to right) are nearly unreadable.

In addition, while I'm unsure if this is a Google-side or Play Midnight-side issue, the hamburger button which flies out the left-hand sidebar is not present on this screen.

Favicon wouldn't update anymore due to changes on Google's end as well as the favicon urls that were originally in the head.

Completed in v2.3.8

@geudrik - Saw you commented on this earlier, just updating you that it should be working now in the next update.

Would love to donate some Bitcoins to you. :)

There is currently no way for me to continue past the release notes. It looks like the content of the notes continues down past the end of the view port, but I don't see any way to scroll. There is no scroll bar, pressing down, space, page down, or using the mouse to scroll doesn't work. Nor does hitting escape on my keyboard. Please see attached screen shot.

I'll try plugging into a larger monitor in a bit to see if there's more of the screen I can interact with.