Full Version: Dark Gray Theme

Show messages:  1-15  16-35  36-55  56-62

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

---

Hi Ron, that's identical to the one you posted before. It looks like the standard buttons like "File" "Save", "Undo", "Redo", etc.. have been removed from it, it does not match the screenshot you posted with the 2 lines that you want to make into a single line.

- Michael

---

This is an updated screen-grab of my version of MOI v4 and the CommandBar.htm in its ui folder "MoI 4.0 beta Feb-27-2019" I did replace the original CommandBar.htm with the one the creator of this Dark Gray Theme provided and thats the one I have been posting. I didn't start having this issue until I installed the Dark Gray Theme into the MOI v4 "MoI 4.0 beta Feb-27-2019". If you look at the CommandBar.htm the creator of this theme provided you will see it is the same thing. I've downloaded it several times and installed it and I keep having the same issue. My friend have installed this theme and he is having the same issue. Please help me fix this if you can. Thanks and I appreciate your time and help.




The creator of this theme also added NewCommandBar.htm, and when I make it active the top row disappears.

Attachments:
CommandBar.htm
_NewCommandBar.htm

Image Attachments:
moi V4 update.jpg  moi V4 .jpg 

---

Hi Ron, ok I see what is going on now. The author of this customized UI has split the command bar into 2 separate files, one part is "CommandBar.htm" and the other one is "_NewCommandBar.htm" and they are set up as 2 separate UIPanels in MainWindowLayout.xml .

So with that structure with it making 2 separate files and 2 UIPanels that is going to always be on 2 separate lines, that looks like it was intentionally designed that way.

To combine them, edit the file _NewCommandBar.htm and go to line 90 which has this:

				<!-- <span id="CommandBarCustomUI">
				</span> -->

Remove the comments so it looks like this instead:

				<span id="CommandBarCustomUI">
				</span>

Now delete CommandBar.htm and rename _NewCommandBar.htm to CommandBar.htm and edit MainWindowLayout.xml and delete line #6 that loads _NewCommandBar.htm .

With that done you should then have the bottom command bar as a single line.

- Michael

---

It worked, thank you!

---

Show messages:  1-15  16-35  36-55  56-62