Made a modern/cleaner UI theme

   14110   15   6
User Avatar
Member
8 posts
Joined: June 2018
Offline
Since I always thought the default Houdini theme feels pretty outdated I spent some time to make it a bit less clunky. A lot of the UI is semi-hardcoded so not everything was customizable, but I still think it's an improvement.

It's a little darker, takes away a lot of the gradients and hopefully makes it all feel a bit more uniform and easy to use. I've used it for a while now and I personally really like it, so maybe someone else would appreciate it too.

You can download it here. [axelschoterman.com]

The whole process of making a theme is pretty chaotic since a lot of the UI styling isn't really organized, so if you find some elements that look off please send me a note!

Image Not Found
Edited by axelschoterman - Jan. 12, 2021 09:33:46

Attachments:
ThemePreview.png (1.5 MB)

User Avatar
Member
433 posts
Joined: April 2018
Offline
Looks very nice! I much prefer dark themes, easier on the eyes.
Subscribe to my Patreon for the best CG tips, tricks and tutorials! https://patreon.com/bhgc [patreon.com]

Twitter: https://twitter.com/brianhanke [twitter.com]
Behance: https://www.behance.net/brianhanke/projects [www.behance.net]
User Avatar
Member
7747 posts
Joined: Sept. 2011
Offline
Without the gradients it looks like a broken UI you get when the video card isn't supported.
User Avatar
Member
8 posts
Joined: June 2018
Offline
jsmack
Without the gradients it looks like a broken UI you get when the video card isn't supported.

Ha I guess to each their own! Definitely happy to get them out of the way myself.
User Avatar
Member
138 posts
Joined: Feb. 2017
Offline
Maybe some ui improvements in next release?
User Avatar
Member
433 posts
Joined: April 2018
Offline
Just wanted to pop in to say that the Light Linker text highlight color was pretty invisible. I dug through the .hcs file (yikes, these things are long) and managed to locate the appropriate line. I changed ListEntrySelected under Geometry Spreadsheet to AXSCACCENT. Now selected geo and lights are highlighted in purple.
Subscribe to my Patreon for the best CG tips, tricks and tutorials! https://patreon.com/bhgc [patreon.com]

Twitter: https://twitter.com/brianhanke [twitter.com]
Behance: https://www.behance.net/brianhanke/projects [www.behance.net]
User Avatar
Member
331 posts
Joined: April 2018
Offline
There's also this Slate theme that's been around for a while, that's quite nice.

Screenshot:
https://i1277.photobucket.com/albums/y497/substep9/Screenshotfrom2013-07-25091136_zps4d6766ea.png~original [i1277.photobucket.com]

Here is the link to the original forum post and source files:
https://forums.odforce.net/topic/18089-houdini-theme/ [forums.odforce.net]
User Avatar
Member
1 posts
Joined: Aug. 2022
Offline
Hello! I tried the UI you made. I think it's very beautiful. But compared with your presentation, my houdni interface looks more gray. I don't know if it's my setting problem. Have you changed the specific value of the color setting? Can you share it conveniently?(My gamma brightness contrast saturation is all 1) If you can help me, I will thank you very much!
Image Not Found

Attachments:
G[JE2NHZBUFXQ$Y9O]FCU@D.png (689.6 KB)

User Avatar
Member
3 posts
Joined: April 2018
Offline
Well look at this! Default Houdini UI is so old school I also built my own Minimal Superficial Hipster Theme;

Attachments:
MinimalSuperficialHipsterTheme.png (688.5 KB)

User Avatar
Member
48 posts
Joined: Aug. 2013
Offline
Keep them coming please! Would love even more Houdini themes.
User Avatar
Member
3 posts
Joined: April 2018
Offline
So here the files for the Hipster Dark Theme as portrayed below;

1.

In your /houdiniX.X/folder
Paste the files contained in "Zen_HipsterDark_Theme.zip" in your Houdini config folder (don't forget to backup the old ones),
Paste the file contained in "Zen_Desktop.zip" in your Houdini desktop folder.

2.

Be hipster
Edited by Wooden Drone - March 30, 2023 15:05:01

Attachments:
Zen_HipsterDark_Theme.zip (14.3 KB)
ZEN_Desktop.zip (1.3 KB)
HipsterDark_Theme_02.png (864.3 KB)

User Avatar
Member
138 posts
Joined: Feb. 2017
Offline
Wooden Drone
So here the files for the Hipster Dark Theme as portrayed below;

1.

In your /houdiniX.X/folder
Paste the files contained in "Zen_HipsterDark_Theme.zip" in your Houdini config folder (don't forget to backup the old ones),
Paste the file contained in "Zen_Desktop.zip" in your Houdini desktop folder.

2.

Be hipster

The current selected label is darker,how can we modify this?
User Avatar
Member
3 posts
Joined: April 2018
Offline
wanglifu
The current selected label is darker,how can we modify this?

Hey Wanglifu here I just made a new version where the inactive tabs are dark and the current one is lighter
Edited by Wooden Drone - March 30, 2023 15:04:01

Attachments:
Zen_HipsterDark_Theme.zip (14.4 KB)
ZEN_Desktop.zip (1.3 KB)
HipsterDark_Theme.png (864.3 KB)

User Avatar
Member
1 posts
Joined: May 2012
Offline
I hope that Houdini 20 looks like one of these
A visual makeover would definitely be welcome.
User Avatar
Member
6 posts
Joined: April 2021
Offline
This is really cool! By the way ,how do i modify the color of highlighted labels in the scene view on my own.
User Avatar
Member
9 posts
Joined: Jan. 2021
Online
Has anyone discovered how to remove/modify the drop shadow on buttons and ordered menus? It seems like they're not defined in any of the main files you can use to modify themes. It's my last obstacle to making a theme that really changes the look and feel of the interface.
  • Quick Links