AllenCell / AllenCell/allencell-segmenter-ml

UI/UX: Styling: Update buttons' color

Open
#432 0 comments 0 reactions 1 assignee Claimed by @saeliddp View on GitHub
🚨 high priority🚨 UI/UX
Dominant language
Python
Stars
5
Forks
3
PR merge metrics
No merged PRs in 30d

Description

Update the colors of the following buttons:
#### Main screen:
- [x] [Apply] button's enabled-state: change border & fill color from grey #414851 (named "Foreground" in the default color palette) to blue #007ACC (named "Current") with hover border & fill color #41B3FF - to emphasize it

#### Curation - start screen:
- [x] [Start] button's enabled-state: change border & fill color from grey #414851 (named "Foreground") to blue #007ACC (named "Current") with hover border & fill color #41B3FF - to emphasize it

#### Curation - main screen:
- [x] [Save Curation CSV] button's enabled-state: change fill color from blue #007ACC (named "Current" in the default color palette) to grey #414851 (named "Foreground") - to de-emphasize it
- [x] All disabled buttons should have same disabled colors (also it looks like we have a couple disable button styles here that should be the same and consistent): border & fill color #414851 ("Foreground"), text fill color #6A7380. Their enabled colors stay the same respectively.
This applies to the [+Create], [Delete] and [Save] buttons in the screenshot below.
Current____Screenshot 2024-07-02 at 4 08 24 PM
Expected __Screenshot 2024-07-02 at 4 03 49 PM

---
## Stretch
Update section border color from currently #AAAAAA to #414851 ("Foreground"). These section border appear in:
- [x] Curation - main screen: (1) the progress bar section, (2) section of "Use this image for training..." Screenshot 2024-07-03 at 9 55 31 AMScreenshot 2024-07-03 at 9 55 36 AM

- [x] Training: training images section Screenshot 2024-07-03 at 9 55 42 AM

- [x] Prediction: input image(s) section Screenshot 2024-07-03 at 9 55 48 AM

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.