Jul
5
2024

UnityHub: Make Hub application background Translucent

You can modify UnityHub to enable Translucent Background!
*Note Win10, you need to have transparent color enabled in settings: https://www.partitionwizard.com/partitionmagic/transparent-taskbar-win-10.html

Steps:
– Follow initial steps to unpack asar https://github.com/unitycoder/UnityHubModding
– edit app/build/renderer/index.html, add line: html, body, #app {background-color: rgba(0.7, 0.7, 0.7, 0.2) !important;}
– edit app/build/main/windowManager/baseWindow.js
// find line
const backgroundColor = this.getThemeBackgroundColor();
// replace with these 3 lines
let backgroundColor = this.getThemeBackgroundColor();
backgroundColor+= ’20’;
– Done!

Screenshot with windows desktop background showing through Hub:

Link to github:
https://github.com/unitycoder/UnityHubModding?tab=readme-ov-file#make-hub-background-translucent


2 Comments + Add Comment

  • Hi. I tried this but each time something happens to window.. (such as resizing/maximizing/a window causing unity hub to be not visible) it causes this effect to no loger work, I noticed this effect does stay if I make unity hub always on top using 3rd party apps, but expect that this effect does not stay long. I tried editing some window code but no luck there, any help?

    • hmm.. sounds like maybe the rebuild/refresh the page and values are lost or something else, but no ideas at the moment. (i can test again next time i edit hub, ill update the article then)

Leave a comment

Connect

Twitter View LinkedIn profile Youtube Github Join Discord Twitch Instagram BlueSky

UnityLauncherPro

Get UnityLauncherPRO and work faster with Unity Projects!
*free unity hub alternative

@unitycoder_com

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.