I highly encourage you all to tweak the themes yourself, at the end of the day I developed this theme mostly for myself and so some of the decisions might not be great for everyone.
If you want to change stuff you have to edit the .qss files, these files follow the Qt Stylesheet format which is basically CSS with some minor changes
If you want to know how to edit these files you can look up a lot of info on the MDN Web Docs. The docs are great for learning the basics, but a lot of CSS features just donāt work in qss. So, if something doesnāt work you will have to look it up in the official Qt Style Sheets Reference. But these are not as detailed, well-written & organized as the MDN Web Docs and donāt come with live code demos.
What I am trying to say is look it up in the MDN Web Docs if the solution from there does not work look it up on the Qt Style Sheets Reference.
I have also added some comments to the files to make them a bit easier to navigate.
I love it. I did some changes for just the midnight theme. The font was too big for my monitor (1080p). I probably should fix the size from the buttons in the top right but nah i'm just lazy:
This is extremely well done. Also thank you for allowing modifications and redistribution of modifications, was looking for a base to build my own theme and just decided to use yours as base. Gonna give you credits in ALL CAPS when I publish it. thank you so much!
Hands down the best menu UI for me. SUPER clean and refreshing look and I highly encourage people to try out these awesome themes for Mod Organizer 2. Can't thank you enough for creating such a masterful new look to something that really needed a facelift to begin with. Thank you sir!
The Fluency themes are causing an issue in MO2 2.5 that other themes (so far) don't seem to be doing. When you are on the Downloads tab and you move your arrow icon up or down without clicking on a mod it leaves those mods it passes over ghosted/highlighted. Going up you can still read the mods. Going down you can't. Even when you select a mod... sometimes it highlights just that mod... other times it highlights many other mods as well. I'm not sure if anyone else has reported issues so I figured I would let you know.
I am really liking this theme. I am using Fluency Dark. But I needed much more contrast on the scrollbar. I have a huge load order and that makes the scrollbar tiny. This was easy to fix in the Fluency Dark.qss file. I changed both the color and to made it wider. Thank you for adding the notes in the file!
This can help see the colors you are working with. ļ»æHTML Color Pickerļ»æ https://www.w3schools.com/colors/colors_picker.asp
Here is an example extension I use for the Vivaldi Browser that makes the scrollbar wider. It is actually a Chrome extension. It is easier to grab it with the mouse. Scrollbar Customizer https://chromewebstore.google.com/detail/scrollbar-customizer/flffekjijpabhjgpoapooggncnmcjopa
But there is still an annoyance! How do I make the scrollbar appear in front of the separator bars instead of behind? I have several separator bars that almost completely hide the scrollbar in some places!
As far as Iām aware the issue with the separator bars cannot be fixed in the qss stylesheet, you couldtry to increase the min-height of the Scrollbar handle to make it taller. Other than that, I can't think of anything to alleviate your problem.
OK, that definitely helped! I figured I would do that if I had to. I now have tall, wide, white scrollbars - even with a large load order, even when I click or hover over them. I may pick a different color later. And I may re-color my own multi-color separator bars, but for now I will continue to test this.
Thanks for the reply and the cool configs! And especially adding your comments in the .qss files! If you ever update this theme you could add even more comments. But you have given us the "keys to the gate" for modifying themes!
Good day. Can you help me please? I updated your theme for the new version of MO, and the checkboxes (which are in front of the mods) all became gray, combined with disabled mods and therefore very inconvenient. I understand that this is possibly a bug of the MO itself, but maybe you know a solution to this problem?
Hi. I can't find the setting that makes mod names smaller in the .qss file for midnight. Nothing seem to affect that list and tbh it looks way too big for a 1080p resolution screen. Would you please help memphisfml?
56 comments
If you want to change stuff you have to edit the .qss files, these files follow the Qt Stylesheet format which is basically CSS with some minor changes
If you want to know how to edit these files you can look up a lot of info on the MDN Web Docs. The docs are great for learning the basics, but a lot of CSS features just donāt work in qss. So, if something doesnāt work you will have to look it up in the official Qt Style Sheets Reference. But these are not as detailed, well-written & organized as the MDN Web Docs and donāt come with live code demos.
What I am trying to say is look it up in the MDN Web Docs if the solution from there does not work look it up on the Qt Style Sheets Reference.
I have also added some comments to the files to make them a bit easier to navigate.
screenshoot
I'm sharing the file just in case if someone want it: https://anonfiles.com/z6Q2b8z8y2/Fluency_Midnight_qss
When you are on the Downloads tab and you move your arrow icon up or down without clicking on a mod it leaves those mods it passes over ghosted/highlighted. Going up you can still read the mods. Going down you can't. Even when you select a mod... sometimes it highlights just that mod... other times it highlights many other mods as well.
I'm not sure if anyone else has reported issues so I figured I would let you know.
This can help see the colors you are working with.
ļ»æHTML Color Pickerļ»æ
https://www.w3schools.com/colors/colors_picker.asp
Here is an example extension I use for the Vivaldi Browser that makes the scrollbar wider. It is actually a Chrome extension. It is easier to grab it with the mouse.
Scrollbar Customizer
https://chromewebstore.google.com/detail/scrollbar-customizer/flffekjijpabhjgpoapooggncnmcjopa
But there is still an annoyance! How do I make the scrollbar appear in front of the separator bars instead of behind? I have several separator bars that almost completely hide the scrollbar in some places!
you couldtry to increase the min-height of the Scrollbar handle to make it taller. Other
than that, I can't think of anything to alleviate your problem.
Thanks for the reply and the cool configs! And especially adding your comments in the .qss files! If you ever update this theme you could add even more comments. But you have given us the "keys to the gate" for modifying themes!
Endorsed. Kudo-ed!