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

mmakes

  • Jr. Member
  • **
  • Posts: 38
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: 10711
Nice work, thanks for sharing!
MusicBee Wiki
Use & improve MusicBee's documentation!

Latest patches (3.5/3.6)
(Unzip and overwrite existing program files)

naresh

  • Jr. Member
  • **
  • Posts: 31
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

  • Sr. Member
  • ****
  • Posts: 748
  • 🎧 MB 3.4.7628P
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

  • Jr. Member
  • **
  • Posts: 38
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: 17
Thanks for fixing the link. I'm loving these designs, keep up the great work!

jtpavlock

  • Newbie
  • *
  • Posts: 17
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


phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 9438
What skin are you using ?
There is no skin. This is a Theater Mode.
Download the latest MusicBee v3.5 or 3.6 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
The FAQ
The Wiki
Posting screenshots is here
Searching the forum with Google is  here


phred

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 9438
yea, but i mean the main skin dark/pink
This theater mode is called Fluent just as it says in the subject.
Download the latest MusicBee v3.5 or 3.6 patch from here.
Unzip into your MusicBee directory and overwrite existing files.

----------
The FAQ
The Wiki
Posting screenshots is here
Searching the forum with Google is  here