T13074 Konsole mock up
Open, Needs TriagePublic

Description

Current Design:

Here's a very basic konsole mock up, I used a solarized background otherwise it would be way too bland and most people do use it with a darker look.

I don't know if the tabs should extend the whole tab area or keep it as Breeze currently does. Edit: Full TAB is the way.

Some extra concepts:

The last two are concepts for tile identification and control.

The floating bars are pretty and cool looking, inspired by so many folks who run tiling managers with floating bars all over. Did I mention it looks cool.

Mock ups above updated on July 18th, 2020.

Related Objects

If full tab space is the go to option then it's good I haven't done a lot of tabs yet, otherwise, it would be a pain to go back and get them all updated.

I think overall we're moving towards tabs that eat all the available space on the tab bar.

okay, I'll note that up.

PhilipB updated the task description. (Show Details)Jul 14 2020, 2:49 AM
tosta added a subscriber: tosta.Jul 14 2020, 6:37 AM

Terminator have an option to divide terminal area horizontally or vertically. This is very util to avoid tabs.

Terminator have an option to divide terminal area horizontally or vertically. This is very util to avoid tabs.

You mean like in window tiling? I'll sketch that up. I'm trying to keep things as simple as possible so it's easier to understand the changes in layout.

tosta added a comment.EditedJul 14 2020, 11:29 AM

Terminator have an option to divide terminal area horizontally or vertically. This is very util to avoid tabs.

You mean like in window tiling? I'll sketch that up. I'm trying to keep things as simple as possible so it's easier to understand the changes in layout.

Konsole vs Terminator tabs and views.

What about this? I'm not too sure about the pillow casing but it could work (the colors are random, blue on blue is random)

This comment was removed by PhilipB.
tosta added a comment.Jul 14 2020, 2:48 PM

The title bars consume space, so the terminator way is more productive. Would be nice if I can hide these title bars in Konsole. But the tabs in konsole looks much better than in terminator.

What about fading tab bars with the same layout as the current mock up but only shows when cursor is over the area?

The title bars consume space, so the terminator way is more productive. Would be nice if I can hide these title bars in Konsole. But the tabs in konsole looks much better than in terminator.

You can! :) A feature to allow them to be hidden was just added to Konsole and will be released in 20.08.

tosta added a comment.Jul 14 2020, 7:41 PM

The title bars consume space, so the terminator way is more productive. Would be nice if I can hide these title bars in Konsole. But the tabs in konsole looks much better than in terminator.

You can! :) A feature to allow them to be hidden was just added to Konsole and will be released in 20.08.

Awesome!

PhilipB updated the task description. (Show Details)Jul 15 2020, 4:24 PM
PhilipB updated the task description. (Show Details)Jul 15 2020, 4:40 PM
PhilipB updated the task description. (Show Details)Jul 18 2020, 11:53 PM
PhilipB updated the task description. (Show Details)
PhilipB updated the task description. (Show Details)Jul 20 2020, 12:50 PM
PhilipB updated the task description. (Show Details)Jul 22 2020, 11:13 PM
clel added a subscriber: clel.Aug 23 2020, 2:07 PM

Can you maybe add the current look of Konsole to the task description above, so one can see directly what you changed?

@clel this is the new mock ups, don't look too different, slightly improved. What I call Mk3 mock ups.

clel added a comment.Aug 23 2020, 3:33 PM

There might have been misunderstanding. I was talking about the way Konsole looks by default now on a normal Plasma installation, so one can see what you changed in all your mockups compared to the status quo. I think you just replied with a more updated mock up version?

Oh Sorry

I'll get the current konsole design.

This comment was removed by PhilipB.
PhilipB updated the task description. (Show Details)Aug 23 2020, 3:38 PM
clel added a comment.Aug 23 2020, 3:44 PM

No problem :)

Thanks for the update!

Regarding your mockup: From what I can see, in your basic mock up, you changed the background color (although the one from the default screenshot looks a bit yellow as if there was some low blue night mode activated?) and removed the frames around the terminal, correct?

I got the current konsole image off of the internet. I'm on GNOME Shell right now.

I despise window borders that Plasma has, the default as of the last couple updates have had the borders disabled I believe.

On my mock ups I use dark solarized background which is a sort of universally recognized standard regardless of Desktop Environment. But that's not what matters, the interface on the toolbars, tabs, and titlebars are what matters. I actually changed the current color scheme on my Plasma install to be a bit closer to the mock ups, it's pretty good.

clel added a comment.Aug 23 2020, 4:11 PM

Alright. I created a current screenshot now:

You are correct, the borders are already gone.

I am trying to get what changes actually will be needed in order to implement this. For example I think I like the new background color. So if you have some references to backup your claim that it is some sort of standard, that might be something that can be changed easily in future versions, maybe also by you, if you want to.

For the interface, I guess there is also some overlap with already merged changes now?

The color scheme is probably not Konsole specific, so might be better to propose on a different place.

clel updated the task description. (Show Details)Aug 23 2020, 4:12 PM

Solarized, dark and light, already comes in most terminal emulators for quite a few years so it's a known color scheme, regardless of desktop environment. I like solarized but it's only two tone so it might be too simple for users who have a harder time finding stuff in the window.

This is what current konsole looks on mine with a couple tweaks.

clel added a comment.Aug 23 2020, 4:49 PM

Sorry, got it now, Konsole also offers that theme, so there is nothing to do about it.

So, I guess to discuss your mockups it would be important to show what your concepts are proposing. Else it is at least for me hard to give feedback since I am not sure what is proposed and what is already there.

Much of what the mock ups do is make things more in line with what Breeze evolved has in mind. Given that the new Breeze style is still under discussion and Konsole is a visually simple application there's not much to do.

And I don't know what per app developers can do. I don't know how far just changing Qstyle will do to applications with no other change. I'm only drawing stuff, don't have a clue about the coding involved in this project.

clel added a comment.Aug 24 2020, 5:05 PM

Alright then. I guess it makes sense from that perspective. I kind of hoped to move this forward maybe or talk about things that can be implemented right away without much effort. Maybe if you have the time, you could look into how this works and submit some merge requests on GitLab. I assume some things won't be that much harder then creating a mockup, so that would be some kind of win-win :)

I have zero knowledge of qt/kde related coding. Sorry.

clel added a comment.Aug 24 2020, 6:21 PM

Everybody has to start somewhere :) It definetely makes it easier to get changes integrated into KDE.

I have no idea where to start and my life will be hectic for the next few months I'll be away from computers for a really long time.

clel added a comment.Aug 24 2020, 6:30 PM

Alright, no problem. Let me (or others) know when you have more time and would like to get more involved. I am sure there are many willing to help you get started properly :)

I'll still be around the telegram vdg group until the end of September though.

Luwx added a subscriber: Luwx.Aug 24 2020, 7:55 PM

The main difference I see is the tab style, it shouldn't be hard to implement. Also, konsole supports theming the tab style with qt css, so it's possible to make it look like this without even touching any code.