Made a modern/cleaner UI theme

   18959   22   4
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
447 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
8037 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
185 posts
Joined: Feb. 2017
Offline
Maybe some ui improvements in next release?
User Avatar
Member
447 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
395 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
72 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
185 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
9 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
12 posts
Joined: Jan. 2021
Offline
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.
User Avatar
Member
210 posts
Joined: Dec. 2016
Offline
Since all the theming peeps are here.
animating in houdini made me suddenly crave a whitetheme.
qith the default white theme and the defoult graph colours the animation pane is quite unreadable though.

A redesighn on that whould be great.
User Avatar
Member
72 posts
Joined: Aug. 2013
Offline
Can anyone identify which properties in the .hcs file define the border for:
1. this right hand border?


2. text color for these inactive tabs?
Edited by coccarolla - July 24, 2024 04:41:43

Attachments:
Screenshot 2024-07-24 114041.png (10.6 KB)
Screenshot 2024-07-24 113914.png (59.9 KB)

User Avatar
Member
72 posts
Joined: Aug. 2013
Offline
And 3, the colors for these default channels?

Attachments:
Screenshot 2024-07-24 114328.png (9.4 KB)

User Avatar
Member
111 posts
Joined: Jan. 2018
Offline
I was playing with those .hcs files trying to change animation curves editor colours for more looking like in MAYA but man... its such a chaos in nameing convention and everything.

Main problem was that i had to edit color values, save file and then restart Houdini wich was time consuming.

But mayby there is easiest way for updating changed colors on UI immediately?
Using VEX command or perheps Python?

Anyway i wish that there was something like in Zbrush where you can play with every UI paremeter color and set it like you really like. (With realtime feedback on screen)
Edited by oldteapot7 - July 24, 2024 06:14:55
  • Quick Links