UI/UX Improvements

[System64fumo]

The Problem

Hopefully i don't come off too harsh or asking for too much here but there are several issues with nheko's current UI

• Inconsistent icon sizes

  • icons accross the app are very inconsistent, The icons in the top bar of a DM are significantly larger than the icons at the bottom bar where the message box is
  • The leftmost sidebar has small icons yet rooms have bigger icons?
  • Message action icons are terribly tiny. (Edit, React, New thread, Reply, Options)

• Weird button position choices

  • Maybe i'm just not used to the layout but i kind of feel like a few things are.. Out of place? or unnecessary. Such as the user settings button at the bottom of the sidebar, Or the logout button at the top of the sidebar, A user icon already exists so why not merge both of those into the user button?
  • Also why even have a bottom bar? Can't the buttons exist on the leftmost sidebar?

• Inconsistent rounding Rounding exists for messages but not rooms in the sidebar? (When highlighted)

• Mobile UI issues When using the mobile UI if you go to the left most tab (Where the pinned rooms are) clicking on something does not automatically switch you to the desired category, Maybe this is a design choice? An option to automatically nagivate there would be nice.

• Small UI

  • Some parts of the UI lack padding/margins thus making it feel small even though it's not. (Could be a QT theme issue, not sure) For instance the write a message box feels small, it should be taller.
  • Messages have very little padding if at all.
  • The font for the timestamp in messages is microscopicly small

The Solution

Ideally resolve/implement the suggestions above

Orrrr..

Add the ability to load custom stylesheets (I don't use QT much so i'm not sure if there already exists such thing, However i know that loading an external stylesheet is possible)

Alternatives

Alternatives that have a "cleaner (still very awful) ui" would be element or cinny Probably too used to the discord layout to be honest..

Additional context

Haven't personally used nheko much however i plan to switch to it and make it my daily driver. So please take my suggestions with a huge grain of salt.

That being said these issues don't particularly hinder on usability much, Just mild annoyances that would be a "nice to have"

Happens in the latest version

• [X] Yes, this feature is still missing.

[Bluey26]

Hi, i would add the following: the Qt stylesheet for dark themes loads and is recognized by nheko, but for some reason the chat list and the icons bar on the left side does not load the stylesheet "on the fly" (using lxqt-config-appearance to change Qt palette). This area is rendered properly after restarting the application, with the correct color,corresponding to the Qt's palette.

A picture of the behavior after changing the color and before restarting the app:

I also would like to suggest a way to insert richtext using buttons and selecting text, instead of relying into memorizing or using pure markdown syntaxis (a button that shows all the options i.e bold,italics,understrike,etc.)

I also take this comment to say that the tray icon, under Wayland (LabWC session,LXQt) is not working, for some reason. It is shown when i activate the option, but i am unable to do right click on it to close the program. Everything else seems to be working fine in the Wayland session :smiley: