Maximus5 / ConEmu

Customizable Windows terminal with tabs, splits, quake-style, hotkeys and more
https://conemu.github.io/
BSD 3-Clause "New" or "Revised" License
8.55k stars 572 forks source link

[request] Win10-style toolbar #1414

Open m0n opened 6 years ago

m0n commented 6 years ago

How about a toolbar like this:

win10-style-toolbar

User may select between current and Win10-style.

Skin files attached: [2018-01-31]_Skins.zip

(I have unchecked "Admit monitor dpi with font size" and this way 19px height toolbar-buttons are 1:1)

m0n commented 6 years ago

I just noticed that icons size depends on TabBar font size too (which is in my specific case is exactly 19px tall).

If You want, I can make a few different size variations but then You need to select from them by a few additional lines of code...

Maximus5 commented 6 years ago

Required sizes are 14px, 21px, 28px.

aplocher commented 6 years ago

I totally 1,000,000% agree, can we please get some new icons??? :) This is such a beautiful program, with that bit of an eyesore in the corner. No offense m0n but I don't like your icons either :). Those hardly follow any Win10 design standards. But the overall request (updating icons) would get a million thumbs up by me if I could.

Maximus5 commented 6 years ago

@aplocher I'm not a designer, are you?

aplocher commented 6 years ago

Unofficially... on occasion... yes. Or a royalty free icon sleuth with an eye for consistency...

m0n commented 6 years ago

@Maximus5: The requested 3 sizes are attached: Win10_toolbar.zip

Could You use the 38th icon instead of Scroll.bmp please?

Maybe unneccasary to remark that: do NOT downscale icons! (because of nearest-neighbourhood scale there will be missing columns/rows)

@aplocher: I was not intended to make a Win10 theme - I just needed to give a subject for the "issue" and then I did referred this as "Win 10 style". I created that 19px tall icons just to not to be resized by that fucking stupid Windows.

Thanks to Your critisism I modified skin a bit. (however I will never make Scroll icon B&W - this Win10 styling is so boring... )

m0n commented 6 years ago

This was tricky to save but works finally: search.bmp.zip

aplocher commented 6 years ago

I really dislike how the icons look in the app when I increase the font size of the tabs (like the X is all chunky with giant pixels and makes it look very inconsistent with the other icons). I'm not sure what it would take to render SVG icons on the UI, but that would really be the way to go. This would allow it to properly scale to any size without the need for several sizes of raster images that represent a single icon.

m0n commented 6 years ago

Instead of SVG support I strongly suggest a checkbox: "Disable fine resizing toolbar icons"

For this checkbox I magnified missing 2 variations of original icons. I hope original author will create 21px & 28px variants... (until that, magnified versions are OK).

Previous indexed-color Win10 icons are re-saved in ARGB (tested even on XP)

I modified the attached zip in the original post to reflect these changes/additions.

@Maximus5: if somebody edit a post, do You informed about that automatically?

Maximus5 commented 6 years ago

The toolbar resizes icons because there were no properly rendered bitmaps. This will be changed of course.

Nope. Users (and me) receive notifications on new comments only.

FatehAK commented 5 years ago

Any updates on this?

junalmeida commented 5 years ago

If anyone here is a designer, I suggest a total revamp of the ConEmu's UI to be based on new Fluent Design concept.

This is an example of how Win Explorer should be: https://www.digitaltrends.com/computing/windows-10-file-explorer-update-2020/

Maximus5 commented 5 years ago

This design looks like a Ribbon, doesn't it?

junalmeida commented 5 years ago

@Maximus5 Yes, but don't get me wrong, I am not suggesting to use a Ribbon. This is just an example of windows, corners, backgrounds, acrylic, and Ribbon if you think it is necessary (in case of ConEmu I'm not sure we need a ribbon in the main window).

I believe that from this example, the most important part to get inspiration from is the tabs and the + button all wrapped in the titlebar with acrylic style.

The rest of the ui can be inspiration for settings dialog.