Full Version: Dark Gray Theme

Show messages:  1-11  12-31  32-51  52-62

Well, sir you are a rockstar. I am sure people will find this information very helpful. I really appreciate the time to give such a thorough reply... Brain melted but mind reading abilities, on point...

Respect!!!

---

Thanks to nameless for bringing Max Smirnov's Custom UI to my full attention. I've created a Dark Gray Theme optional add-on. Now Max's Custom UI will appear in it's own horizontally scrolling bar at the very bottom of the MoI 4.0 beta application. No more scrolling back and forth between MoI's default command buttons and the Custom UI buttons.

Here's a picture to show what I'm describing.



To install this add-on, please install the "Dark Gray Theme (MoI 4.0 beta) v1.1.zip" first and then the "Dark Gray Theme (MoI 4.0 beta) - Custom UI Bar.zip".

For those with a bit more technical knowledge, I've briefly described the process in the installation text file to achieve this result with any other theme or even the default MoI 4.0 beta installation.

Enjoy!

---

This is great stuff. Now one can set icons at optimal size without losing anything other than a little vertical real estate, which is totally acceptable. And it's much easier to see snaps and view toggles, with them being more separated. Even in smaller monitors you have more access.

It really shows that you love UI design Cody :)

---

Very nice! Thanks for all of your work.

---

Thanks, nameless and shane. I do appreciate the encouragement and it's always good to get feedback.

----------

I just wanted to let everyone know that I've now included a Custom UI Bar add-on for the MoI 3.0 version of the Dark Gray Theme. You'll find it in the first post of this thread. You must have the full v1.1 theme installed first as well as Max Smirnov's Custom UI 1.03 mod. This add-on requires both.

If you don't have the need for a lot of extra command bar buttons, don't worry about this add-on. However, if you have to scroll your bottom command buttons horizontally back and forth or are holding back increasing the UI size in MoI to avoid scrolling, then this is the add-on for you. It works just like the MoI 4.0 beta add-on and the top post shows you how it's implemented in the last screenshot.

-- Cody

---

Maybe you will like my icons for your theme:

https://moi3d.com/forum/index.php?webtag=MOI&msg=9138.1

---

This looks so good (color scheme/icons...) that Michael should consider that dark Theme to be default for MOI v4 FINAL.

---

Those are really nice icons, van. Thanks for sharing the link. Very inspirational! I love UI design.

----------

Hey, Lewis3D. Thanks for the compliment, man.

This is what mods are all about; optional changes. Not everybody likes a dark theme. However, I am thinking about offering a light version too or a way to easily change the color scheme.

The funny thing about this Dark Gray theme is that it all sparked from my first day using MoI. When I was navigating the Construct/Transform and the Curve/Solid tabs, I didn't know which tab was the active tab. One was blue and the other was white. Consequently, the white one looked more "active" to me so I'd click on the blue one to switch, and then the whole pane would frustratingly collapse. It didn't take long before I had the entire application turned inside out. ;-)

----------

I just wanted to let people know that there is a very minor graphical fix to the MoI 4.0 Beta version of this theme. The browser tabs now have the same look as the 3.0 version of this theme. They look the way they are supposed to now. Feel free to download the new Dark Gray Theme (MoI 4.0 beta) v1.1.1.zip file at your leisure.

If you use the optional UI bar add-on for Max Smirnov's CustomUI, you'll need to re-apply the Dark Gray Theme (MoI 4.0 beta) - Custom UI Bar.zip file after the v1.1.1 installation.



Once MoI 4.0 is out of beta, I'll be releasing a final version. (This theme was originally built for MoI 3.0.)

Note: If you've changed the Dark Gray Theme yourself and are concerned with overwriting your changes with this patch, you can manually apply this fix by finding line #631 in the moi.css file...

border-left:1px solid #444 !important; border-right:1px solid #444 !important;

...!important overrides any conflicting styles declared throughout the application. If you find yourself wanting to change something, but nothing you do seems to be working properly, this is the best way to override all of Michael's hard work. ;-)

-- Cody

Image Attachments:
browser-tab-fix.png 

---

Very nice UI .... can you maybe add a kind of tooltips - like here tooltip.js
https://popper.js.org/tooltip-examples.html

would be nice, if on mousehoover you will see the shortcuts as a small tooltip/popup (like in Photoshop e.g.) - Or is this better a task for michael gibson? ;)

As default UI I would like see it also very much.

---

Hey, Lordfox.

I don't believe shortcuts are setup for all the buttons by default, as far as I can tell. And when you make a shortcut, it's not attached to any specific button. I don't think tooltips showing shortcuts is feasible at this time. Someone can correct me, if I'm wrong.

Glad you like this theme!

-- Cody

---

Hi Lordfox, re: tooltips - MoI's standard UI is intentionally designed not to have tooltips since it already has text labels underneath each button.

But it is possible to add a tooltip to any MoI control by putting in a title="" attribute, like:

    <moi:CommandButton title="This is a tooltip"></moi:CommandButton>

- Michael

---

This Theme is absolutely stunning! thank you very much for putting this together.

---

Thanks, man!

I've been so busy with work, but I'm working on a light version of this theme that's based on Michael's default MoI colour scheme. It's a little trickier than I thought though, but I love a challenge.

I still get excited when I get a chance to use MoI. I played around with quite a few modelling programs and this is the only one that "gets it" when it comes to ease of use.

---

I like this theme, but I now have two issues with me install. Once I installed this theme I noticed my buttons on the command bar are round and it created two rows. I will prefer ever thing to be one row. How do I fix this?

Image Attachments:
Annotation 2019-07-04 133404.png 

---

Hi Ron, can you please post your moi.css and CommandBar.htm files? I'll take a look at what's going on.

That looks like the kind of thing that can happen if something isn't right with flexboxes. MoI uses a layout mechanism called flexbox to arrange that command bar UI horizontally. In your UI either some flexbox properties or some structure isn't right. MoI v3 and v4 use slightly different flexbox implementations and so you can get that kind of thing if you try to apply a v4 UI onto v3 for example.

- Michael

---

Thanks for your help Michael. The moi.css and CommandBar.htm files are attached to this post.

Attachments:
CommandBar.htm
moi.css

---

Hi Ron, so looking at your moi.css, it appears to be using flexbox attributes that I think only MoI v4 supports.

Is it possible you have used a customized UI setup that was meant for v4 but you are trying to use it on v3? If it's the one from the top of this thread make sure you get the v3 version to install on v3 and don't try to install the v4 version on v3.

I also just looked at your CommandBar.htm and it also appears to be the v4 version and not the v3 version as well, also it seems to have most things removed, are you sure this is the one from the screenshot you showed and not one with additional edits ?

- Michael

---

Sorry I did not mention the version I am using, it is V4. I did edit some stuff after the screen grab. I figured out how to adjust the radius my issue now is figuring out how to get everything aligned in one row. Once again sorry for not explaining my issue better. Thanks

---

Hi Ron, please post the CommandBar.htm file for the one with multiple rows and I'll see if I can give you some tips on making it into one row.

- Michael

---

Here it is. Thanks

Attachments:
CommandBar.htm

---

Show messages:  1-11  12-31  32-51  52-62