Refonte UI - Material Design #18

New Issue

2026-04-02T22:11:17Z

Roman commented

2026-04-02 22:11:17 +00:00

Description

Refonte complète de l'interface utilisateur vers un style Material Design moderne.

Critères d'acceptance

Palette de couleurs : définir un thème Material Design cohérent (primary, secondary, surface, background, error)
Conteneurs : cartes avec ombres (elevation), bordures arrondies, espacement uniforme
Typographie : hiérarchie visuelle claire (h1/h2/h3/body/caption) avec une font Material (Roboto, Inter)
Boutons : styled Material (contained, outlined, text) avec states (hover, disabled, loading)
Inputs : champs de recherche et formulaires style Material (floating labels, underline)
Navigation : barre de navigation ou drawer Material avec indicateurs actifs
Cards : les cartes anime/série suivent le pattern Material Card (image, titre, métadonnées, actions)
Toasts/Snackbars : notifications style Material Snackbar en bas de page
Loading states : skeleton loaders et spinners Material
Responsive : adapté mobile, tablette, desktop
Dark/Light mode : supporter les deux thèmes

## Description Refonte complète de l'interface utilisateur vers un style Material Design moderne. ## Critères d'acceptance - **Palette de couleurs** : définir un thème Material Design cohérent (primary, secondary, surface, background, error) - **Conteneurs** : cartes avec ombres (elevation), bordures arrondies, espacement uniforme - **Typographie** : hiérarchie visuelle claire (h1/h2/h3/body/caption) avec une font Material (Roboto, Inter) - **Boutons** : styled Material (contained, outlined, text) avec states (hover, disabled, loading) - **Inputs** : champs de recherche et formulaires style Material (floating labels, underline) - **Navigation** : barre de navigation ou drawer Material avec indicateurs actifs - **Cards** : les cartes anime/série suivent le pattern Material Card (image, titre, métadonnées, actions) - **Toasts/Snackbars** : notifications style Material Snackbar en bas de page - **Loading states** : skeleton loaders et spinners Material - **Responsive** : adapté mobile, tablette, desktop - **Dark/Light mode** : supporter les deux thèmes

Roman added the enhancement UI/UX medium priority labels 2026-04-02 22:11:17 +00:00

Roman referenced this issue from a commit

2026-04-02 22:47:35 +00:00

feat: refonte UI Material Design (#18)

Roman closed this issue

2026-04-02 22:47:35 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Roman/ohm_streaming#18