Suppression totale des variables Material Design (--md-*)
Suppression de toutes les ombres (box-shadow, --md-elevation-*)
Suppression des gradients (texte h1, barres de progression)
Suppression des effets ripple sur les boutons (::before)
Suppression du backdrop-filter
Bordures arrondies réduites : 4px (cartes, inputs) au lieu de 12px-24px
Bordures solides 1px solid #ced0ce à la place des bordures rgba()
Transitions simplifiées : all 0.2s ease
Fond blanc #ffffff au lieu de #0b0b14
Cartes #e6e8e6 au lieu de #161625
Templates (21 fichiers) :
Remplacement de tous les rgba(255,255,255,...) par des couleurs flat
Remplacement de #00d9ff / #00ff88 par #f15025 / #2d936c
Remplacement des placeholders placehold.co (fond #161625 → #e6e8e6)
Suppression des box-shadow inline dans les composants
Toast, épisodes, watchlist, settings, admin — tous mis à jour
JavaScript (3 fichiers) :
recommendations.js : gradients remplacés par des couleurs solides
series-search.js : bordures/couleurs inline mises à jour
anime-details.js : couleur accent mise à jour
Principe Flat Design respecté
❌ Pas d'ombres
❌ Pas de dégradés
❌ Pas d'effets ripple
❌ Pas de backdrop-filter
❌ Pas de glow
✅ Bordures arrondies minimales (4px)
✅ Bordures solides #ced0ce
✅ Couleurs unies
✅ Hover = changement subtil de couleur de fond ou de bordure
## Refonte Flat Design — Palette Blazing Flame
### Palette de couleurs
| Nom | Hex | Usage |
|-----|-----|-------|
| Blazing Flame | `#f15025` | Accent primaire (boutons, états actifs, highlights) |
| White | `#ffffff` | Arrière-plan principal |
| Alabaster Grey | `#e6e8e6` | Surfaces (cards, inputs, champs) |
| Dust Grey | `#ced0ce` | Bordures, séparateurs, éléments subtils |
| Carbon Black | `#191919` | Texte principal |
### Couleurs sémantiques
- **Danger** : `#e63946`
- **Success** : `#2d936c`
- **Warning** : `#f4a261`
### Changements appliqués
**CSS (style.css) :**
- Suppression totale des variables Material Design (`--md-*`)
- Suppression de toutes les ombres (`box-shadow`, `--md-elevation-*`)
- Suppression des gradients (texte `h1`, barres de progression)
- Suppression des effets ripple sur les boutons (`::before`)
- Suppression du `backdrop-filter`
- Bordures arrondies réduites : `4px` (cartes, inputs) au lieu de `12px-24px`
- Bordures solides `1px solid #ced0ce` à la place des bordures `rgba()`
- Transitions simplifiées : `all 0.2s ease`
- Fond blanc `#ffffff` au lieu de `#0b0b14`
- Cartes `#e6e8e6` au lieu de `#161625`
**Templates (21 fichiers) :**
- Remplacement de tous les `rgba(255,255,255,...)` par des couleurs flat
- Remplacement de `#00d9ff` / `#00ff88` par `#f15025` / `#2d936c`
- Remplacement des placeholders `placehold.co` (fond `#161625` → `#e6e8e6`)
- Suppression des `box-shadow` inline dans les composants
- Toast, épisodes, watchlist, settings, admin — tous mis à jour
**JavaScript (3 fichiers) :**
- `recommendations.js` : gradients remplacés par des couleurs solides
- `series-search.js` : bordures/couleurs inline mises à jour
- `anime-details.js` : couleur accent mise à jour
### Principe Flat Design respecté
- ❌ Pas d'ombres
- ❌ Pas de dégradés
- ❌ Pas d'effets ripple
- ❌ Pas de backdrop-filter
- ❌ Pas de glow
- ✅ Bordures arrondies minimales (4px)
- ✅ Bordures solides `#ced0ce`
- ✅ Couleurs unies
- ✅ Hover = changement subtil de couleur de fond ou de bordure
- Sunset Glitch color palette applied to all templates
- Font Awesome icons throughout UI
- Download manager with parallel queue and progress tracking
- Settings page with dynamic configuration
- Recommendations router enhanced with scoring
- Local vendor libs (Alpine.js, HTMX) for offline support
- Auto test suite with screenshots
- Series releases list component
- New download model
Some required checks failed
CI / Test (Python 3.11) (pull_request) Has been cancelled
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Refonte Flat Design — Palette Blazing Flame
Palette de couleurs
#f15025#ffffff#e6e8e6#ced0ce#191919Couleurs sémantiques
#e63946#2d936c#f4a261Changements appliqués
CSS (style.css) :
--md-*)box-shadow,--md-elevation-*)h1, barres de progression)::before)backdrop-filter4px(cartes, inputs) au lieu de12px-24px1px solid #ced0ceà la place des borduresrgba()all 0.2s ease#ffffffau lieu de#0b0b14#e6e8e6au lieu de#161625Templates (21 fichiers) :
rgba(255,255,255,...)par des couleurs flat#00d9ff/#00ff88par#f15025/#2d936cplacehold.co(fond#161625→#e6e8e6)box-shadowinline dans les composantsJavaScript (3 fichiers) :
recommendations.js: gradients remplacés par des couleurs solidesseries-search.js: bordures/couleurs inline mises à jouranime-details.js: couleur accent mise à jourPrincipe Flat Design respecté
#ced0ceView command line instructions
Checkout
From your project repository, check out a new branch and test the changes.