Roman/ohm_streaming
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat: refonte flat design #20

Open
Roman wants to merge 3 commits from feat/flat-design into main
pull from: feat/flat-design
merge into: Roman:main
Conversation 0 Commits 3 Files Changed 57
+2202 -830
Roman commented 2026-04-03 15:36:07 +00:00
Owner
Copy Link
Copy Source

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
## 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
Roman added 1 commit 2026-04-03 15:36:07 +00:00
feat: flat design avec palette Blazing Flame
CI / Test (Python 3.11) (pull_request) Has been cancelled
Details
CI / Test (Python 3.12) (pull_request) Has been cancelled
Details
CI / Lint (pull_request) Has been cancelled
Details
CI / Type Check (pull_request) Has been cancelled
Details
CI / Summary (pull_request) Has been cancelled
Details
0179ddbdf4
Roman added 1 commit 2026-04-04 07:59:49 +00:00
feat: flat design Sunset Glitch palette + Font Awesome icons
CI / Test (Python 3.11) (pull_request) Has been cancelled
Details
CI / Test (Python 3.12) (pull_request) Has been cancelled
Details
CI / Lint (pull_request) Has been cancelled
Details
CI / Type Check (pull_request) Has been cancelled
Details
CI / Summary (pull_request) Has been cancelled
Details
9e53579b36
Roman added 1 commit 2026-04-11 19:30:39 +00:00
feat: flat design Sunset Glitch + download manager + settings + recommendations overhaul
CI / Test (Python 3.11) (pull_request) Has been cancelled
Details
CI / Test (Python 3.12) (pull_request) Has been cancelled
Details
CI / Lint (pull_request) Has been cancelled
Details
CI / Type Check (pull_request) Has been cancelled
Details
CI / Summary (pull_request) Has been cancelled
Details
87f245d3fc 
- 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 checks are pending
CI / Test (Python 3.11) (pull_request) Has been cancelled
Details
CI / Test (Python 3.12) (pull_request) Has been cancelled
Details
CI / Lint (pull_request) Has been cancelled
Details
CI / Type Check (pull_request) Has been cancelled
Details
CI / Summary (pull_request) Has been cancelled
Details
This pull request has changes conflicting with the target branch.
  • templates/components/toast_container.html
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin feat/flat-design:feat/flat-design
git checkout feat/flat-design
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
UI/UX
admin
auth
backend
bug
download
enhancement
high priority
low priority
medium priority
search
security
settings
watchlist
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Roman
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Roman/ohm_streaming#20
Delete Branch "feat/flat-design"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?