Modern Setting Design

[onesounds]

• Add Language tap and move.

• Plugin listing. I think it's not possible my skill.

• Theme Listing. is it possible? I think it is too heavy. (read all xaml in theme folder, and drawing mini color palette)
• if add more theme, expand mini palette area.
  I think people who like wox will don't like this. (too big, heavy, etc...)
  If someone creates a rough structure, details can be attached.

[onesounds]

Work in progress.

I can't work on the images one by one, so I'm using fluent icon(https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font) font (399kb). If you have any plan of applying the design, I'd like to know it's okay.

[jjw24]

Add Language tap and move.

sorry what do you mean tap and move? does it move to the language section when you tap on it ?

Plugin listing. I think it's not possible my skill.

This should be pointing to https://flow-launcher.github.io/docs/#/plugins, this will be just a url update in the code i can take care of it no problem.

[onesounds]

I guess I was tired when I wrote that. It means that language has been moved to the tap.
After working on it, I think the existing plug-in layout will be more convenient. I didn't want to put two tabs, but I think I should.

[taooceros]

This should be pointing to https://flow-launcher.github.io/docs/#/plugins, this will be just a url update in the code i can take care of it no problem.

I think he means listing existing Plugins? The issue maybe the customized setting panel from Plugins.

I guess the easiest way is to create a container holding the user control created by Plugins with a way to collapse it. That will align with the current design.

[jjw24]

Theme Listing. is it possible? I think it is too heavy. (read all xaml in theme folder, and drawing mini color palette)
if add more theme, expand mini palette area.
I think people who like wox will don't like this. (too big, heavy, etc...)
If someone creates a rough structure, details can be attached.

True, maybe just provide light customisations. I have been thinking in terms showing how to theme, a dedicated page in the docs site will be easier to maintain and extend than making all the customisation options available via flow's settings. This way people who do not know C# can still contribute on the theming guide and write up tips.

[onesounds]

It is heavy and looks less useful than the workload. I'm looking for a way to look better.

The theme should be provided as follows.

1. Basic theme that the user does not feel the need to fix.
2. Theme that can be fixed as much as possible.
3. Theme that is easy to edit and apply.

Guide documents are also good, but due to the current structure, it would be better to have a sample theme with a lot of annotations. (I worked on a lot of other software themes, but this is the best.) Users open actual theme files as editors rather than opening guide documents.

[jjw24]

Ok makes sense

[jjw24]

I can't work on the images one by one, so I'm using fluent icon(https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-fluent-icons-font) font (399kb). If you have any plan of applying the design, I'd like to know it's okay.

I think this design is good and using fluent icon from ms is fine. I am keen to get this design added, can you create a seperate PR when you are ready please :)

any additional thoughts @Flow-Launcher/team ?

[Garulf]

Wow, Looks great! Is this a mock-up?

[onesounds]

Yeah. The first three are pictures.

[Zeroto521]

It's total win11 style.

The title bar is missed. It's still win7 style.
I don't know whether it could transform to win11 style or not.

[onesounds]

I'm not sure if it's possible. I think I can make it pretty even if I don't do it, but I'm also trying to match the win11 style if possible.

[Zeroto521]

https://github.com/ModernFlyouts-Community/ModernFlyouts could be a good reference.

But I'm not sure the UI frame of flow-launcher is the same as ModernFlyouts.

[onesounds]

Recommend Hotkey List

• need Recommend Hot key list.(selectable). I think many people don't know how to hotkey setting.
• Reply please what you use as a hot key. personally I use WIN+Caps. I think most is Twice ctrl, alt+space.
• What is flow launcher default hotkey? I don't remember.

Launcher window Fade In + Slide up animation.

• When I tried, it has window blinking issue.
• It need because modern and it need where is launcher in screen. There were many cases where I had to find where.
• Configable.
• Don't need fadout. same issue. just fast out.
• Other types of animations also need research.

Pop up design and animation

• It was very strange. It needs to be improve.

ETC

• Guide and Tips Tab.
• Plugin system is very important feature but pm install system is to hard most people (never used console)
  There seems to be a way to improve further while using the same method.

[deefrawley]

• need Recommend Hot key list.(selectable). I think many people don't know how to hotkey setting.

This has its own settings tab. Default is ALT + SPACE

• Plugin system is very important feature but pm install system is to hard most people (never used console)

While it may be nice to be able to manage plugin install and update from the Settings window, using the command in the Flow search bar is kind of the whole point of Flow in the first place. If users can't get to grips with that then I'm not sure Flow is the tool for them and they probably accomplish the same things with other GUI tools.

[onesounds]

using the command in the Flow search bar is kind of the whole point of Flow in the first place.

I agree.

If users can't get to grips with that then I'm not sure Flow is the tool for them and they probably accomplish the same things with other GUI tools.

I means, there are no command information inside program. To know this, I had to read how to use it outside the program. it is explained on git-hub / usage tips / find more plugins button. Even people familiar with the console cannot use it if they don't know the command. I think I should explain it to you even if it's small in the setting window.

In addition, since plug-ins are important, I think it is necessary to see the entire list available, not a small list window. Now I feel like I'm looking around a large shopping mall only with a very small window.

[onesounds]

using the command in the Flow search bar is kind of the whole point of Flow in the first place.

I agree.

If users can't get to grips with that then I'm not sure Flow is the tool for them and they probably accomplish the same things with other GUI tools.

I means, there are no command information inside program. To know this, I had to read how to use it outside the program. it is explained on git-hub / usage tips / find more plugins button. (Is there a place I don't know?) Even people familiar with the console cannot use it if they don't know the command. I think I should explain it to you even if it's small in the setting window.

In addition, since plug-ins are important, I think it is necessary to see the entire list available, not a small list window. Now I feel like I'm looking around a large shopping mall only with a very small window.

[deefrawley]

I means, there are no command information inside program. To know this, I had to read how to use it outside the program. it is explained on git-hub / usage tips / find more plugins button. (Is there a place I don't know?) Even people familiar with the console cannot use it if they don't know the command. I think I should explain it to you even if it's small in the setting window.

In addition, since plug-ins are important, I think it is necessary to see the entire list available, not a small list window. Now I feel like I'm looking around a large shopping mall only with a very small window.

Yep I understand now. Perhaps Flow could have a tooltip system where if you activate it but don't type anything, a list of tooltips is cycled as text in the search window, at a lower opacity? As soon as the user types something this clears. Something like

[onesounds]

I thought the same thing. 'Enter the file you want' or 'Search Type *.jpg'. but not good in appearance, and plug-ins are usually found in settings.

it's not final.(In this case, people may not know it have to put it in the query box.) Anyway, something like that seems necessary.

[deefrawley]

Even just making sure the keyword help leads a user directly to the webpage would be good. Currently it seems to default too far down the results

[onesounds]

Even just making sure the keyword help leads a user directly to the webpage would be good. Currently it seems to default too far down the results

I agree that the ranking is low. I think that should just come out as a top priority. and There is the same problem with this. At first, I don't think I'll type "help" here. A game called event[0] comes to mind. At that time, I kept typing help. The game was a case of being alone in a spaceship with only a old console. 🤤

[jjw24]

yep having the tip up there definitely is good now that we have more real-estate to play with lol