yazninja/itheme

iTheme

iTheme (Beta) for Cider

Cider theme based from the Apple Music beta app in MacOS Ventura. Best used with Mica(beta) option in settings. Supports all layouts (Mojave/Mavericks) Supports both Light and Dark Mode

iTheme Ecosystem

Theme Pack: iTheme++

---

Version 4.0 - Release

iTheme is now in its dormant stage, it will only be getting patch and bug fixes from now on, I removed the (beta) part of iTheme because with your help we have made it to my goal of iTheme. Can't thank you enough! Changelog:

• fix large favorite's page artists
• fix artist page floating header background color in light mode
• darken volume track on light mode
• fill heart icon on right click menu
• fix light theme Add/Remove from library button icon color
• animation fix (smoother esp for low-end systems)
• animation tweak for lyrics
• add iTheme++ icons and font to iTheme (for people who don't read this and new iTheme enjoyers)

---

Gallery

Mojave Layout

Mojave Sidebar Collapsed

Listen Now

Light Mode

Left Window Controls

Lyrics Pane

Mojave Lyrics (fullscreen)

Music Video

Search Page

Artist View

UI Kit (Pills)

Hearts

Modal (light)

Modal (dark)

---

See Any Bugs?

Create an issue. or Messege me on Discord about it :)

---

License & Credits

MIT License

Thanks to:

• vapormusic Dynamic Theme idea
• Joviverde Icons used from AppleMusic+ Theme

Designed by yazninja

itheme's Issues

Organize Selectors

Basic structure

#app
 - default theme variables (perrably dark)
 - modals/popup global changes
#app-main
 - app main compontnts global changes

@media light
 #app
  -light theme variables
  -light modal/popup changes (might use variable instead of repetative code)
 #app-main
   - app main light component changes

@media dark
 #app
  -dark theme variables
  -dark modal/popup changes
 #app-main
   - app main dark component changes

Addtional Tasks

• combine and clustetize selectors out to in following structure of app
• add helpful comments for code review
• add support for redmond

Window Control icons not in center

See picture above

Hearts in Playlist/Album view missalligned

Ok so techinally from a CSS point of view, this is alligned. However from just looking at it its not alligned.

Cannot click "View all"

Cannot click on these buttons labled "View all" in The Listen Now and Browse tab.

Album view text covered the UI on top of it

After update iTheme to last version (3.2.2), I found Album view text covered the UI on top of it.
It only happens on Album page view and Recently added page only.

Album view on Browse page works well.

Temprorary workaround is disable iTheme

Cider 1.5.1-beta 455 on Windows 11 via winget

Cannot read Artist name in song/Album view in Light mode

The Artist name is in white when in light mode, white on white making it almost impossible to read it.

(Light Mode) NowPlaying bar doesn't follow transparency effects

The middle part of the top bar that shows the song title and artist doesn't have any transparency on light mode as seen below;

This is how it looks in dark mode for reference;

Lyrics 'waiting dots' wrong colour used

Sorry for the non descriptive title I don't know what this is called lol, the waiting dots? lol,. Either way, With the white theme the text is black on a white background and I'm guessing these dots should be black too but they are white instead, therefore making them quite hard to see.

Play control buttons align issue in Maverick window style

I love the old fashion iTunes style, but these play control buttons inclined to the left

env: Windows 11, Cider 1.5.0(Microsoft Store), 3840×2160(150% scale)

arrow icon should flow above album cover, and the size of area that react with mouse is larger

1. as shown in the screenshort, Part of the arrow icon is covered by the album cover

2. The page incorrectly jumps to the album details page when I click with the mouse on the place I circled, which is a part of arrow icon
   
   and when i click the centor of the icon, the cover moved a little.

Love/unlove text isn't visible and cannot visually see if a song is liked or not

As you can see, the text telling you whether a song is loved or not is behind the main menu text, making it unreadable, it should be on the forefront in front of the main menu.

You also cannot visually tell if the song is loved or not, other themes or default Cider fill it in with a easy to see colour but its not done here. Maybe fill in the whole heart instead of the outline?

Songs Library is missing currently playing animation

As the title says, when playing a song from the Songs Library, its missing the Now Playing animation.

What it looks like:

Its suppose to have this:

As shown, when the music is playing it removes the heart from the song and replaces it with nothingness.
It would be looking perfect

Dark mode love icon isn't fully coloured

On light mode its coloured, on dark its not..

Cider Logo Missing

Solution:
The theme has been updated and requires Cider version 1.3.1539 or above to show profile pictures.
Using winget? Update with this command:
winget upgrade CiderCollective.Cider.Nightly

highlight box misaligned in context menus

For mostly every small context menu, the highlight box is misaligned, see below picture and video:

https://user-images.githubusercontent.com/93286201/165977241-5348faf9-d094-4b26-8e2a-c91b1734e4b0.mp4

Infinity logo wrong colour + text cut off

So for light mode firstly, the colour for this logo is the wrong colour, should be black. Secondly, in both colour modes the text is cutoff.

Play button in album view misaligned

Both light and dark mode have misaligned play buttons for albums.

Lyrics and Queue button missing when Mojave mode is activated

I think this has something to do with the length of the window, currently, the 1040x600 size for the window will not show either.

(Darkmode) Large context menus use wrong colour

Big popout content menus in Darkmode use a hard black colour instead of using the mica-grey colour standard used in the small context menus and other areas of iTheme.

what it looks like now, pure black:

What it should be using, mica-grey colour:

[Feature Request] Add a highlight to the selected artist in the artist view

Currently when you select a artist in the artist page, it doesn't highlight that artist as seen in this picture below:

This makes it hard to see the selected artist in the sideview, I suggest it highlights it like in the image below:

Some areas have no blur effect

There is no blur effect in the control bar and lyrics area
It's completely transparent.

Did i set something wrong?

Mica/Blur effect is not working on Light Mode.

I know you are aware of this, so I thought I'd make a bug report to keep track of it.

What it looked like before:

What it looks like now:

Misaligned text in playlist context menu

As you see below, right clicking a playlist on the sidebar brings up a context menu with misaligned text:

Scrolling in songs tab looks wierd

2022-03-21.10-52-50.mp4

Hard to explain but if you look above the search bar and at the nav buttons when I scroll, due to the Mica effect I'm guessing its causing it to look weird because the search bar has a much harder blur than the nav buttons, then its cut off by the top bar which all together makes scrolling look weird in this tab. If the nav bar had the same blur as the search bar in this specific tab I think it would fix the issue.

Old lyric logo on the full screen view

Thought you'd miss this :)

Cant read anything from the queue in full screen/queue button hard to press

Same issue seen in #3, when in the tab view you can't read the text because its black on black in light mode.

I also had a hard time clicking on the queue button, clicking on the lyric button takes you straight to it and works all the time, but the queue button takes a couple of clicks and moving your mouse around before it finally clicks on it, maybe a bug there?

When using this theme, the app's close button displays abnormally.

The specific situation is shown below (due to network problems, there is a chance that the picture can not be displayed properly)

In addition, my screen resolution is 2560 * 1600, the scaling ratio is 200%, the screen ratio is 10:9 (my kind of screen should be relatively rare)
Hope this information is useful to you, thanks.

Queue and Cast disapear when window becomes too small

While using this theme I have noticed that the Queue and Cast buttons disapear when the window gets smaller. This appears to be specific to this theme as I have not been able to recreate this behaviour with the stock appearence.

Cannot read song name and artist in full screen

As you see, black text on black shifting background makes it very hard to read the text.

Cannot see Stars on Albums

On Albums they will typically have little Stars next to the songs that are the most popular, for example, Positions by Ariana Grande has the song Positions as the most popular one in the Album, hence the Star next to it.

However in your theme, the colours are the exact same as the background expect for a slight tink that its almost impossible to see (try finding it in the first image, bet you cant :)

Love heart inline in Songs view is off centered

The hearts in the song view are not centered.

Enhancement: Increase the height of Artist animated banners on a Artist page

Currently, artist artwork in the artist page has a much smaller hight than that of the web page or Mac AM, this results in most of the video being cut off and strange to look at. What should happen is the video artwork should be increased in height in order to display more of the video and have it more natural looking. Below is what it looks like on the web which is a good size and you can see mostly all of the artists face, and below that is what your theme has, which only shows around half or under half of her face, which is not good to look at.

Controls and Title askew.

Playback controls too far left and leaks into the left pane.

Apple Music profile picture and Cider title at the top left/top of the left pane are both askew and not centred at the top of the left pane.

Too long song name&album name&artist name may causes layout problem

In library, if song name&album name&artist name is too long, this row's layout is broken

(Light Mode) Top bar artwork shows white patches next to transparent bar

So a bit hard to explain, but the space next to the artwork to the left is not transparent but instead white, this means it doesn't seamlessly transition and so looks off.

Misalligned fade effect on album/playlist page

When you view a playlist or a album that has only songs and nothing else (featured on, music videos, extras etc) the iTheme fade effect conflicts with the Cider fade effect added by Booploops, causing a mismatch in them both.

(Light Mode) Queue icon missing boarder

Currently the icons on the top bar have a boarder behind them like here with the lyrics button:

But the Queue button doesn't have one, same if its toggled;

fix the playlist icons plsslslsl

playlist icon having kinda sorta bad color

yay

Web Remote/Cast/Audio Settings/Plug-Ins all need adjusting for light mode

TLDR is they are in dark mode and not light mode when the theme is in light mode.
I checked the other menus under the drop down menu and they are fine so its just these 4.

Web remotes not too bad, but the text is a bit faded.

Cast is unreadable lol, defiantly needs a colour change.

Audio settings and Plug-Ins isn't too bad, but is in dark mode when the theme is in light mode.

Mojave layout anomalies when toggling `Hide Library`

When toggling Hide Library while using Mojave layout there are 2 noticeable anomalies:

• Top nav bar is see through where the Library bar once was:
  

• Playbar remains at the default position thus leaves a wide space where the library bar once was:
  

(Light Mode) Cannot see highlight effect on mouseover on sidebar

So a bit hard to explain, but on dark mode as you see here, when you hover the mouse over the tabs here, such as the songs tab, it highlights it;

But heres how it looks on light mode, you can barely see it;

Scrollbars visible behind top bar

(Can't decide if this is a bug or not so you decide) When using Inline Drawers, it is visible behind the top bar, its most noticable when Mica is on as seen in the picture below. The drawers should stop before it reaches the top bar and not go behind it. {p.s. I actually like this, think it looks cool and makes sense}

In the same way, scrollbars tend to not be cutoff at the top bar and instead are infront of it. This actually still happens with the queue and lyrics closed as seen here;

Queue section has many clipping issues

The queue section has many clipping issues, mainly stuff like the song time and explicit tag will clip through the text, lines will also be cutoff early etc as seen below.

Compared to AM web below, AM web doesnt display the album title next to the Artist, as i know it might not be possible to remove this from Cider at the minute, outright removing the song lengh could fix this, but other than that it just looks.. off to me. AM web feels like how it should look in Cider yet it don't.