feat: flat design Sunset Glitch palette + Font Awesome icons

static/js/series-search.js

@@ -26,7 +26,7 @@ async function handleSeriesSearch() {
             const series = data.results['fs7'];
             let html = `
                 <div class="streaming-results-header">
-                    <h3>📺 Résultats pour "${escapeHtml(query)}"</h3>
+                    <h3><i class="fa-solid fa-tv"></i> Résultats pour "${escapeHtml(query)}"</h3>
                 </div>
                 <div class="search-results" style="margin-top: 20px;">
             `;
@@ -46,7 +46,7 @@ async function handleSeriesSearch() {
                     <div class="anime-card" id="series-fs7-${encodeURIComponent(s.url)}">
                         <div class="anime-card-header">
                             <div class="anime-card-title">${escapeHtml(s.title)}</div>
-                            <div class="anime-card-provider">📺 French Stream</div>
+                            <div class="anime-card-provider"><i class="fa-solid fa-tv"></i> French Stream</div>
                         </div>
                         ${coverImage ? `
                             <div style="text-align: center; margin: 10px 0;">
@@ -55,10 +55,10 @@ async function handleSeriesSearch() {
                         ` : ''}
                         <div class="anime-card-actions">
                             <button class="btn btn-secondary btn-small" onclick="window.open('${escapeHtml(s.url)}', '_blank')">
-                                🔗 Voir sur FS7
+                                <i class="fa-solid fa-link"></i> Voir sur FS7
                             </button>
                             <button class="btn btn-primary btn-small" onclick="loadSeriesEpisodesDirect('${escapeHtml(s.url)}', '${escapeHtml(s.title)}')">
-                                📥 Voir les épisodes
+                                <i class="fa-solid fa-download"></i> Voir les épisodes
                             </button>
                         </div>
                         <div id="episodes-fs7-${encodeURIComponent(s.url)}" style="margin-top: 10px;"></div>
@@ -71,7 +71,7 @@ async function handleSeriesSearch() {
         } else {
             resultsContainer.innerHTML = `
                 <div class="no-results">
-                    <p>❌ Aucune série trouvée pour "${escapeHtml(query)}"</p>
+                    <p><i class="fa-solid fa-xmark"></i> Aucune série trouvée pour "${escapeHtml(query)}"</p>
                     <p style="font-size: 12px; margin-top: 10px; opacity: 0.7;">
                         Essayez avec un autre titre ou vérifiez l'orthographe
                     </p>
@@ -81,7 +81,7 @@ async function handleSeriesSearch() {
         console.error('Error searching series:', error);
         resultsContainer.innerHTML = `
             <div class="no-results">
-                <p>❌ Erreur lors de la recherche</p>
+                <p><i class="fa-solid fa-xmark"></i> Erreur lors de la recherche</p>
                 <p style="font-size: 12px; margin-top: 10px; color: #ff6b6b;">${error.message}</p>
             </div>`;
     }
@@ -102,10 +102,10 @@ async function loadSeriesEpisodesDirect(url, title) {
         if (data.episodes && data.episodes.length > 0) {
             let html = `
                 <div style="margin-top: 15px;">
-                    <label style="font-size: 12px; color: #f15025; margin-bottom: 5px; display: block;">
-                        📺 Sélectionner un épisode:
+                    <label style="font-size: 12px; color: #FF9F1C; margin-bottom: 5px; display: block;">
+                        <i class="fa-solid fa-tv"></i> Sélectionner un épisode:
                     </label>
-                    <select id="select-episodes-${encodeURIComponent(url)}" style="width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ced0ce; background: #ffffff; color: #191919;">
+                    <select id="select-episodes-${encodeURIComponent(url)}" style="width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #2a2d32; background: #202327; color: #F2F2F2;">
                         <option value="">Sélectionner un épisode</option>
                         ${data.episodes.map(ep => `
                             <option value="${escapeHtml(ep.url)}">Épisode ${escapeHtml(ep.episode)}</option>
@@ -145,7 +145,7 @@ async function downloadSeriesEpisode(url, title) {
         });
 
         if (response.ok) {
-            alert(`✅ Téléchargement démarré pour "${title}"`);
+            alert(`Téléchargement démarré pour "${title}"`);
             // Refresh downloads
             if (typeof loadDownloads === 'function') {
                 loadDownloads();
@@ -155,11 +155,11 @@ async function downloadSeriesEpisode(url, title) {
             const errorMessage = error.detail
                 ? (typeof error.detail === 'string' ? error.detail : JSON.stringify(error.detail))
                 : 'Impossible de démarrer le téléchargement';
-            alert(`❌ Erreur: ${errorMessage}`);
+            alert(`Erreur : ${errorMessage}`);
         }
     } catch (error) {
         console.error('Download error:', error);
-        alert(`❌ Erreur lors du téléchargement: ${error.message}`);
+        alert(`Erreur lors du téléchargement : ${error.message}`);
     }
 }