Author Topic: FLUENT. A clean and functional Theater Mode designed to match Windows 10.  (Read 773 times)

mmakes

  • Newbie
  • *
  • Posts: 18
This was my first attempt at Musicbee Theater Mode skins, and I think they ended up pretty good so I figured I should share them. This skin is named Fluent, based on the design system of Windows 10, which is characterized by clear and clean layout and fonts and a sense of dimension.

Download the latest release here:
https://mmak.es/MetrologyForMB

Installation Instructions:
https://mmak.es/MetrologyforMBGuide

If you're using it, please post a screenshot of how it looks on your end! That'd be very helpful.


Clean layout.
- 3 skins are supplied: One for Theater Mode which has all the buttons, one for Now Playing view which is even cleaner and has no buttons, and one for 4K fullscreen mode.
- All icons straight outta Windows 10. Damn.


Fully functional.
- Bio, lyrics, and playing queue all supported. And spectacularly.



Feel free to redistribute, but all I ask is to give credit back to me wherever you post or in any edits you made. I make designs to get food in this apocalyptic world, y'know.
Last Edit: May 25, 2020, 10:30:33 PM by mmakes

psychoadept

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 9194
Nice work, thanks for sharing!
MusicBee Wiki
Use & improve MusicBee's documentation!

Latest beta patch (3.3)
(Unzip and overwrite existing program files)

naresh

  • Jr. Member
  • **
  • Posts: 20
Excellent theatre mode. But the background images are too dark. How do I brighten them up so I can see them clearly?

Thanks.

Naresh.

Freddy Barker

  • Hero Member
  • *****
  • Posts: 731
  • 🎧 MB 3.4.7443 P
Excellent theatre mode. But the background images are too dark. How do I brighten them up so I can see them clearly?
Naresh.
You just need to change the bg="245,0,0,0" in the XML to bg="200,0,0,0" to make the artist pics brighter...
Code
<!-- Background Gallery -->
<element type="Block" xAnchor="#Gallery.Left" x="0" yAnchor="#Gallery.Top" y="0" widthDock="x:#Gallery.Right" width="0" heightDock="y:#Gallery.Bottom" height="0" bg="200,0,0,0"/>
You can experiment with different values to suite you viewing preference.
Regards: Freddy

mmakes

  • Newbie
  • *
  • Posts: 18
Thanks Freddy 😎

I noticed that it's too dark and will make it brighter in the next release too.

Keep the bug reports coming. 😁




jtpavlock

  • Newbie
  • *
  • Posts: 16
Thanks for fixing the link. I'm loving these designs, keep up the great work!

jtpavlock

  • Newbie
  • *
  • Posts: 16
Would you mind sharing the xml code that shows the lyrics/bio for the fluent layout? Thanks!

On a side note..

I'm trying to get track rating to display in the NowPlayingList, but it is only showing as a numerical value i.e. 4 stars showing as the number 4. Would you happen to know how to accomplish this? Here is the code I tried
Code
	<element type="NowPlayingList"  xAnchor="Panel.55" x="0" yAnchor="Panel.20" y="0" widthDock="Panel.Height.66" width="0" heightDock="y:Panel.80" height="0"  rowPadding="20" font="Segoe UI" style="Regular" size="12" fg="128,128,128" fg2="255,255,255" mouseOverFg="195,0,82">
<child id="Speaker" width="20"/>
<child>  </child>
<child id="DiscAndTrackNo" align="left" font="Segoe UI" style="Regular" size="12" width="80"/>
<child>  </child>
<child id="Rating" size="14"/>
<child>  </child>
<child id="Title" widthDock="Panel.Height.40" width="0" />
<child>  </child>
<child id="Duration" width="80" align="right" font="Segoe UI Semibold" size="8" style="Regular"/>
</element>
Last Edit: May 27, 2020, 10:26:03 PM by jtpavlock