Skip to content

Color & Icon fixes / improvements #9773

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 22 commits into
base: main
Choose a base branch
from
Draft

Conversation

yw4z
Copy link
Contributor

@yw4z yw4z commented Jun 1, 2025

Please report if you found more

NOTES

• I'm not touching link colors because i'm planning to create a HyperLink class to fix color related problems permanently and that will allow managing links easier

TODO

• combo style > arrow button pressed state
• parameter return overlapping

PLATE SETTINGS > DRAG CANVAS
• Updated colors for dark mode support
Before
Screenshot-20250610213117
After
Screenshot-20250610213100

PLATE ICONS
• Changed hover effect for Plate Settings and Lock icon. feels more natural now
• Used red color for remove plate button while hover. This is for a small warning
Before (GIF - press play button)
orca-slicer_PhzKpw7yPN
After (GIF - press play button)
orca-slicer_BDjKuf6vmU

TOOLBAR > Assembly & Mouse ear icons
• fixed color usage
• Made them pixel perfect
before - colors not rendering properly
Screenshot-20250601051038
after
Screenshot-20250601051112

RESET TO ZERO ICON
before
Screenshot-20250609114911
after
Screenshot-20250609121108

HIGHLIGHT ARROW
• Used orange to make it more eye-catching
Before
Screenshot-20250609113809
After
Screenshot-20250609114658

NOTIFICATIONS
• matched warning color and hypertext colors
before - vertical bar on normal notification box uses different color compared to block notification. hypertext uses different color
Screenshot-20250601030530
after - all colors matched
Screenshot-20250601032232

for readability test - didnt saw any error with hypertext yet
Untitled-1

PROJECTS PAGE
• added place holder icons darkmode support
• added hover effect for image/document button borders to match style with add button
before
Screenshot-20250601040344
after
Screenshot-20250601043459

• Modernized return icon
Before
Screenshot-20250610102505
After
Screenshot-20250610121111

• Updated default icon for dark theme
before
Screenshot-20250610103126
after
Screenshot-20250610103132

ASSEMBLY TOOLBAR
• Matches colors of return button and filament selection toolbar
• Modernized return icon
before - Light Theme
Screenshot-20250610102817
after
Screenshot-20250610121143

before - Dark Theme
Screenshot-20250610102806
after
Screenshot-20250610144327

BED SHAPE DIALOG
• Updated warning text color that matches with block notification. it looks softer and better compared to raw red
before
Screenshot-20250610171853
after
Screenshot-20250610171847

BBL > SEND TO PRINTER
• Fixes edit icon size and adds small gap before it
• Removed extra spacing before weight
before
Screenshot-20250610153325
after
Screenshot-20250610153303

BBL > SEND JOB
• Added gap between edit icon and print file name
• Matched help (?) icon size with widgets. and aligned it to left
• Removed extra spacing before weight
• Matched border color of AMS filament
Before
Screenshot-20250610152120
After
Screenshot-20250610152031

BBL > CALIBRATION WINDOW
cant test this dialog since i got no bbl printer
replaced "0x00, 0xAE, 0x42" color with orca color
Screenshot-20250610221411

BBL IMAGES

not sure this icon used on which dialog. just corrected its color
backup_tips_img.svg

@kylek29
Copy link

kylek29 commented Jun 5, 2025

Everything is looking good. Quick feedback:

17491389887443097323664636139375

Unless I'm misreading the change, I don't find the teal on color very readable, the contrast isn't high enough. Possibly darker variants for the link text here? Aesthetically, I think a darker shade of the background works well (like the bottom of each row, but slightly darker). Unless the top/bottom of each row is representing fresh/clicked.

@yw4z
Copy link
Contributor Author

yw4z commented Jun 9, 2025

will check that again

@discip
Copy link
Contributor

discip commented Jun 10, 2025

@yw4z
image

Why the teal color here?

Ist the rotate gizmo active in your screenshot?

@yw4z
Copy link
Contributor Author

yw4z commented Jun 10, 2025

@discip cursor hovered while taking screenshot. that icon same as before. updated screenshot

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants