Opened 10 years ago

Closed 9 years ago

#4628 closed Enhancement (invalid)

Change Toolbar Color in WebUI from Red to Navy Blue

Reported by: gunzip Owned by:
Priority: Normal Milestone: None Set
Component: Web Client Version: 2.42
Severity: Normal Keywords:
Cc:

Description

currently in trunk (r13083) the red toolbar is, IMO, not very attractive and implies hazard, warning, error. changing it to Navy Blue (hex# 000080) seems visually more appealing, and blends in better with the current color scheme.

attached is screenshot made by just changing "red-texture.png" to Navy Blue. i think in general blue implies cool, as in everything is A-OK.

Attachments (1)

custom_screen.png (11.6 KB) - added by gunzip 10 years ago.
Navy Blue ToolBar?

Download all attachments as: .zip

Change History (7)

Changed 10 years ago by gunzip

Navy Blue ToolBar?

comment:1 Changed 10 years ago by livings124

I'm going to disagree. While the design still needs to be worked on, I believe the red does both look better and fit with the Transmission color scheme.

comment:2 follow-up: Changed 10 years ago by guilhermefdc

While I'm not a fan of the new Web UI, I kinda like the red texture, eventhough I believe that it is slightly overcompressed - it looks excessively pixelated over here. The footer.png on Transmission's homepage looks much better IMO, despite also being pixelate/pixelart.

Another thing that could be improved is the color scheme: it feels weird to mix the blue that appears when selecting a torrent/pressing a button on the inspector with the red texture/tone. A simple solution that kinda works in my mind would be to mimic Transmission's homepage, using that shade of gray for boxes (like the preferences one), the inspector and for selection. Another option would be to use the shade of gray OS X uses when a torrent is selected, but Transmission isn't the active window.

I also liked the old filterbar better (the one which mimicked the appearance of the one on the native clients, shown on the screenshot on Transmission's homepage). In my proposed UI (essentially Transmission's homepage), this filterbar would go where the menu bar is (Main, About, Download, etc). The old filterbar also has the advantage of being touch-friendly(er?), allowing the use of a single interface for tablets and regular computers. Toolbar buttons would also have to be moved to the new, bigger top bar (where "A fast, easy and free bit torrent client" is?). Speaking of which, I'm also not a huge fan of the new icons - what do you guys think about using the default ones from either the GTK3 or the OS X interfaces? Both toolbars look rather gorgeous =)

I'm sorry if I'm coming out whiney, but I'm just trying to help improve Transmission. I suck at Photoshop and have limited HTML skills, but I'll be glad to contribute if I am able to =)

comment:3 in reply to: ↑ 2 ; follow-up: Changed 10 years ago by jordan

Replying to guilhermefdc:

I also liked the old filterbar better (the one which mimicked the appearance of the one on the native clients, shown on the screenshot on Transmission's homepage). In my proposed UI (essentially Transmission's homepage), this filterbar would go where the menu bar is (Main, About, Download, etc). The old filterbar also has the advantage of being touch-friendly(er?), allowing the use of a single interface for tablets and regular computers.

Well, the old filterbar had a couple of issues. We had to drop some of the filter options because there wasn't enough horizontal room to place them. For the same reason, it was impossible to filter by tracker.

It might be a good idea to change the new filter approach to use a pair of HTML comboboxes (<select> + options). That way it would be very touch-friendly, since Android and iOS' browsers handle create touch-friendly popup lists when out of HTML comboboxes.

There's a lot more to think about in your comment, but I'm going to tackle the filter first.

comment:4 in reply to: ↑ 3 Changed 10 years ago by gunzip

Replying to jordan:

It might be a good idea to change the new filter approach to use a pair of HTML comboboxes (<select> + options). That way it would be very touch-friendly, since Android and iOS' browsers handle create touch-friendly popup lists when out of HTML comboboxes.

The comboboxes don't look as polished as the rest of the interface but they work well with FF, Chrome and IE8. But as you said functionality should outweigh cosmetics with respect to touch devices. One suggestion is to change All to some thing more descriptive of what's in the options:

All Torrents All Trackers

comment:5 Changed 9 years ago by jordan

  • Version changed from 2.42+ to 2.42

comment:6 Changed 9 years ago by jordan

  • Resolution set to invalid
  • Status changed from new to closed

The red background got dropped awhile back, so I'm closing this ticket

Note: See TracTickets for help on using tickets.