Lablup theme: info Badge text turns dark brown in dark mode
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 58/100
- Tipo di issue
- Bug
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Attiva
- Stack tecnologico
- typescript
Direzione di ricerca
Start by locating the Badge variant:info styles and the Lablup theme token overrides; compare them with the neutral theme and inspect other components such as Banner info that pair the accent fill with its on-color token. Use Storybook's DoubleBadge › Variants in both color schemes to confirm the text matches the neutral theme under Lablup and that the neutral theme is unchanged.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Problem
Under the Lablup theme in dark mode, an info Badge has dark brown text on a blue fill.
The Astryx neutral theme styles badges with a fixed status fill and the matching "on" token for text:
| variant | fill | text |
|---|---|---|
success |
--astryx-theme-neutral-color-status-fill-success |
--color-on-success |
warning |
...-fill-warning |
--color-on-warning |
error |
...-fill-error |
--color-on-error |
info |
...-fill-accent (blue) |
--color-on-accent |
info borrows the accent's text colour. The Lablup theme seeds an orange accent, so --color-on-accent is re-derived for orange: light-dark(#FFFFFF, #651000). The fill stays blue, so in dark mode the label is #651000 on rgb(109, 156, 254).
Measured in Storybook (DoubleBadge › Variants), dark mode:
| neutral theme | Lablup theme | |
|---|---|---|
info text |
rgb(17, 17, 17), contrast 7.0 |
rgb(101, 16, 0), contrast 4.8 |
Every other variant, and every variant in light mode, renders the same under both themes. The status variants are unaffected because the Lablup theme changes --color-success / -warning / -error but not their --color-on-* tokens.
Proposal
Give the info badge a text colour tied to its blue fill rather than to the accent, in the Lablup theme (a component override on badge variant:info), e.g. the neutral theme's #111111 in dark mode and white in light mode. Check other components that pair the neutral status-fill-accent with --color-on-accent (Banner info, etc.) for the same mismatch.
Acceptance
- Under the Lablup theme, an
infoBadge's text matches the neutral theme's in both colour schemes. - No change under the neutral theme.
- Lingua principale
- TypeScript
- Stelle
- 2
- Fork
- 0
- Merge medio
- 1g 14h
- PR unite (30g)
- 36
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Nessun modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di lablup/ui-common
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 4/5 3-5 giorni Idoneità per principianti 48/100
I maintainer di solito rispondono entro 1 giorno
-
Stat: add a tooltip that explains the deltaForse già presa @agatha197 l’ha presa 2 giorni fa. Aperta
lablup/ui-common#110 · 1 assegnatario ·
I maintainer di solito rispondono entro 1 giorno
Tutte le issue di lablup/ui-common
Issue simili
-
bug ready-for-agent
Difficoltà 2/5 1-3 ore Idoneità per principianti 73/100
PhyberApex/kuroshiro#1687 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 73/100
microsoft/monaco-editor#5563 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
bug
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 86/100
awslabs/visual-asset-management-system#937 ·
I maintainer di solito rispondono entro 1 giorno
-
enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100