GyulyVGC/sniffnet

Suggest aesthetic improvements 馃帹

Open

#119 opened on Mar 29, 2023

View on GitHub
聽(36 comments)聽(1 reaction)聽(0 assignees)Rust聽(37,468 stars)聽(1,509 forks)batch import
designenhancementgood first issuehelp wanted

Description

I'm considering to improve styles with the goal to create a more modern and minimal UI.

Recently I've made some improvements here and there, but I think that in order to improve the app design to a greater extent it's useful if you could share your opinions with me.

Here you can see some of the changes I made:

What has changed? Before After Released in
Containers borders and color v1.1.3
Scrollbars v1.1.3
Adapter selection boxes v1.1.4
Volume slider v1.1.4
Page tabs, scrollbars, highlighted headings v1.2.2
Traffic chart smoother interpolation v1.3.0
Donut chart reporting cumulative statistics v1.4.0
Simplified styles setting page v1.4.0
New default colour palette v1.4.0
...and many other details! Read the discussion below to find out more 猬囷笍 猬囷笍 猬囷笍 猬囷笍

Contributor guide

Tech stack
rust
Domain
desktopdesign
Issue type
research
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90
Research direction
Review the current UI components shown in the issue (containers, scrollbars, adapter selection boxes, volume slider, page tabs, charts) and suggest design improvements. Consider consistency, modern minimalism, and usability. Look at the repository's screen captures and existing style files (likely in Rust GUI code, e.g., using iced or egui) to identify areas for refinement. Engage with the discussion by sharing your aesthetic ideas.